Intégration d’Adobe Stock
Pour accéder à d’innombrables ressources multimédias à utiliser dans votre magasin, intégrez Adobe Stock à Commerce.
Le service Adobe Stock permet aux entreprises d’accéder à des millions de photos, de vecteurs, d’illustrations, de vidéos, de modèles et de ressources 3D organisés, de haute qualité et libres de droits pour tous leurs projets de création. Commerce utilisateurs peuvent rechercher, prévisualiser et acquérir rapidement des licences pour les ressources Adobe Stock. Les utilisateurs peuvent également les enregistrer dans le espace de stockage multimédia, le tout sans quitter l’espace de travail d’administration.
Conditions préalables
Cette intégration nécessite :
- Un compte Adobe Developer
- Adobe Commerce ou Magento Open Source, version 2.3.4 ou ultérieure
L’obtention d’une licence pour les images Adobe Stock requiert :
- Un compte Adobe
- Un plan Adobe Stock payant associé au compte
Intégrer Commerce et Adobe Stock
La configuration de l'intégration d'Adobe Stock pour Adobe Commerce est un processus en deux étapes :
- Créer une intégration adobe.developer pour générer une clé API
- Configuration de l’intégration d’Adobe Stock dans Commerce Admin
Création d’une intégration Adobe Developer
-
Accédez à Adobe Developer Console.
-
Sous Quick Start, cliquez sur Create new project.
-
Dans le bloc Project overview, cliquez sur Add API.
-
Sélectionnez Adobe Stock dans la liste des intégrations et cliquez sur Next.
-
Sélectionnez la Web App OAuth 2.0 .
-
Spécifiez la redirect URI.
L’URI de redirection par défaut se présente sous la forme
${HOST}/${ADMIN_URI}/adobe_ims/oauth/callback/, par exemplehttps://store.myshop.com/admin_hgkq1l/adobe_ims/oauth/callback/, où :${HOST}est votre Commerce nom de domaine complet (par exemple,https://store.myshop.com).${ADMIN_URI}est votre URI d’administrateur Commerce (tel queadmin_hgkq1l), qui peut être récupéré en exécutantmagento info:adminuri.
-
Spécifiez la Redirect URI pattern, qui est identique à l’URI de redirection, avec deux différences :
- Les points (
.) doivent être précédés de deux barres obliques inverses (\\). - Ajoutez
.*à la fin du motif.
En reprenant l’exemple de l’URI de redirection par défaut précédent, il serait
https://store\\.myshop\\.com/admin_hgkq1l/adobe_ims/oauth/callback/.*. - Les points (
-
Cliquez sur Next.
-
Vérifiez les portées disponibles et cliquez sur Save configured API.
-
Sur la page qui suit, copiez vos Client ID (clé API) et Client secret.
Ces informations sont utilisées dans les étapes de la section suivante.
Configuration de l’intégration Adobe Stock
Pour définir la configuration système dans votre administrateur Commerce, utilisez les clés API et Secret client générées dans la section précédente.
-
Dans la barre latérale Admin, accédez à Stores > Settings>Configuration.
-
Dans le panneau de gauche, développez Advanced et choisissez System.
-
Développez
Adobe Stock Integration et procédez comme suit :
-
Définissez Enabled Adobe Stock sur
Yes. -
Saisissez votre API Key (Client ID).
-
Saisissez votre Client Secret.
-
Cliquez sur Test Connection pour valider vos clés.
{width="600" modal="regular"}
Accordez quelques secondes à la validation. Si vos informations d’identification sont valides, un vert Connexion réussie ! le message.
-
-
Cliquez ensuite sur Save Config.