Freedam Picker

Choisissez des médias Freedam depuis n'importe quelle application web

Ajoutez à votre CMS, à votre boutique en ligne ou à un outil interne un bouton qui ouvre Freedam. Les utilisateurs cherchent dans la photothèque, choisissent une image, une vidéo ou un document validé, et votre application reçoit une URL publiée au lieu d'une copie du fichier.

Essayer le bac à sable Plugin WordPress Application Shopify

Une popup, un onglet, une fenêtre modale ou un panneau dans votre page

Le picker s'ouvre là où cela convient à votre application : dans une fenêtre séparée, dans un nouvel onglet du navigateur, par-dessus la page ou dans une barre latérale ou un formulaire. Le plugin WordPress l'ouvre dans un nouvel onglet. C'est la photothèque Freedam dans une présentation allégée, avec la même recherche, les mêmes filtres, les mêmes collections et les mêmes favoris.

Les utilisateurs se connectent avec leur compte Freedam habituel, y compris par authentification unique (SSO), et ne voient que les médias que leurs permissions autorisent. Le picker est disponible en anglais, français, allemand, espagnol, portugais du Brésil et chinois simplifié.

Des URL publiées à la taille voulue

Le média reste dans Freedam. Votre page affiche une URL stable fournie par un canal de publication : une nouvelle version de l'image remplace l'ancienne partout, sans changer le lien.

Vos templates demandent la taille dont ils ont besoin : un format nommé du canal, ou n'importe quelle largeur et hauteur. Freedam recadre autour du point focal du média, détecté à l'import et déplaçable d'un clic. Les navigateurs reçoivent de l'AVIF ou du WebP quand ils les prennent en charge.

Vidéos et documents, prêts à intégrer

Une vidéo arrive avec le lecteur Freedam, servi par le canal. Avant de l'insérer, l'utilisateur règle la lecture automatique, le son, la lecture en boucle, les commandes, le moment de départ et la piste de sous-titres par défaut. Les applications qui ont leur propre lecteur reçoivent le flux adaptatif et l'image d'affiche.

Une fiche technique, un catalogue ou une présentation s'insère sous forme de lien de téléchargement, de vignette cliquable ou de visionneuse page par page, en fichier original ou en PDF. Quand le document est mis à jour dans Freedam, toutes les pages qui y renvoient affichent la nouvelle version.

Importez sans quitter la page

Un rédacteur web qui reçoit de nouvelles photos d'une agence les importe depuis le picker, jusqu'à 20 à la fois. Elles vont dans la collection définie par le profil, avec un titre tiré du nom de fichier, un texte alternatif suggéré et le crédit repris du dernier import.

Chaque fichier peut être inséré dès que Freedam l'a traité. Les workflows de validation s'appliquent toujours, et Freedam enregistre qui a importé le fichier et depuis quelle intégration.

Suivi des utilisations et expiration des droits

Chaque insertion est enregistrée sur le média, avec l'intégration, la personne et la date. Votre application peut ajouter l'URL de la page ou une référence produit, et retirer l'utilisation quand le média quitte la page. Avant que quelqu'un supprime ou dépublie un média, Freedam liste les endroits où il est utilisé.

Les médias dont les droits d'utilisation ont expiré n'apparaissent jamais dans le picker. Quand les droits d'un média déjà utilisé expirent, ses URL publiées cessent de le servir dans les cinq minutes, et le lecteur comme la visionneuse indiquent que le contenu n'est pas disponible.

Les administrateurs voient combien de fois chaque intégration ouvre le picker, les médias les plus insérés, les recherches sans résultat et les médias expirés encore déclarés comme utilisés, avec un export CSV pour chaque vue.

Publication et utilisations

Nordi, terrasse au crépuscule

Droits jusqu'au 31 mars · Web et print

Page	Intégration	Insertion
/summer-menu	Site web	4 nov.
/press/opening	Site web	29 oct.
/shop/kodo-k1	Boutique en ligne	21 oct.

Droits expirésRetiré du picker, et chaque URL publiée répond 410 Gone

Vous décidez qui l'ouvre et ce qu'il propose

Un administrateur crée une intégration par site web ou application, la relie à un canal de publication et copie le code d'intégration depuis la console.

Origines autorisées

Chaque intégration liste les sites web autorisés à ouvrir le picker. Le picker refuse toute autre origine et ne renvoie une sélection qu'à la page qui l'a ouvert.

Un profil par public

Un profil définit les médias proposés, avec une règle sur les collections, les types, les métadonnées ou l'étape de workflow. Par défaut, il propose les médias validés. Il définit aussi les métadonnées renvoyées et si les utilisateurs peuvent importer.

Un accès sans compte

Une agence ou un outil sans utilisateurs Freedam ouvre le picker avec la clé publique de l'intégration. Il ne voit que ce que le profil propose, et vous pouvez révoquer cet accès à tout moment.

Prêt pour WordPress

Le plugin Freedam ajoute un onglet Freedam à la médiathèque WordPress. Les médias choisis deviennent des éléments de la médiathèque servis par le canal de publication, et le bloc Image, l'image mise en avant et la galerie les utilisent comme n'importe quelle autre image.

Comment fonctionne le plugin WordPress

Prêt pour Shopify

L'application Freedam pour Shopify ouvre le picker depuis une fiche produit, avec la recherche préremplie par le SKU du produit. Les images choisies deviennent des médias du produit, Freedam enregistre chaque produit qui les utilise, et l'application retire une image quand ses droits prennent fin.

Comment fonctionne l'application Shopify

Quelques lignes de JavaScript

Le SDK ouvre le picker et renvoie les médias choisis. Le bac à sable vous permet de régler chaque option et de voir côte à côte le picker, la réponse et le code généré.

Un script servi par votre espace de travail, le paquet npm @freedam/picker ou le web component <freedam-picker>
Aucune dépendance à l'exécution, quelques kilo-octets, types TypeScript inclus
Chaque média revient avec ses URL, son point focal, ses dimensions et les métadonnées que le profil expose
Les utilisations sont mises à jour avec un token fourni dans la réponse : aucun backend n'est nécessaire

Ouvrir le bac à sable Démarrage rapide Référence du SDK Configurer une intégration

import { open } from '@freedam/picker';

button.addEventListener('click', async () => {
    const assets = await open({
        workspace: 'acme.freedam.io',
        integration: 'int_8f3k2',
        mode: 'modal',
    });

    image.src = assets?.[0].url;
});