Adobe Stock-Integration
Um Zugriff auf unzählige Medien-Assets für die Verwendung in Ihrem Store zu erhalten, integrieren Sie Adobe Stock mit Commerce.
Der Adobe Stock-Service bietet Unternehmen Zugriff auf Millionen von hochwertigen, kuratierten und gebührenfreien Fotos, Vektorgrafiken, Illustrationen, Videos, Vorlagen und 3D-Assets für alle Kreativprojekte. Commerce Benutzer können Adobe Stock-Assets schnell finden, eine Vorschau anzeigen und lizenzieren. Benutzer können sie auch im Medienspeicher speichern, ohne den Admin-Arbeitsbereich verlassen zu müssen.
Voraussetzungen
Diese Integration erfordert:
- Ein Adobe Developer-Konto
- Adobe Commerce oder Magento Open Source, 2.3.4 oder höher
Die Lizenzierung von Adobe Stock-Bildern erfordert Folgendes:
- Ein Adobe-Konto
- Ein gebührenpflichtiger Adobe Stock-Plan, der mit dem Konto verknüpft ist
Integrieren von Commerce und Adobe Stock
Die Konfiguration der Adobe Stock-Integration für Adobe Commerce erfolgt in zwei Schritten:
- Erstellen einer „adobe.developer“-Integration um einen API-Schlüssel zu generieren
- Konfigurieren der Adobe Stock-Integration in Commerce Admin
Erstellen einer Adobe Developer-Integration
-
Navigieren Sie zur Adobe Developer Console.
-
Klicken Sie unter Quick Start auf Create new project.
-
Klicken Sie im Project overview auf Add API.
-
Wählen Sie Adobe Stock aus der Liste Integrationen aus und klicken Sie auf Next.
-
Wählen Sie die OAuth 2.0-Web App aus.
-
Geben Sie die redirect URI an.
Der standardmäßige Umleitungs-URI befindet sich in der
${HOST}/${ADMIN_URI}/adobe_ims/oauth/callback/
, z. B.https://store.myshop.com/admin_hgkq1l/adobe_ims/oauth/callback/
, wobei:${HOST}
ist Ihr Commerce vollständig qualifizierter Domain-Name (z. B.https://store.myshop.com
).${ADMIN_URI}
ist Ihr Commerce Admin-URI (z. B.admin_hgkq1l
), der durch Ausführen vonmagento info:adminuri
abgerufen werden kann.
-
Geben Sie den Redirect URI pattern an, der mit dem Umleitungs-URI identisch ist, jedoch zwei Unterschiede aufweist:
- Alle Punkte (
.
) müssen mit zwei umgekehrten Schrägstrichen (\\
) escaped werden. - Fügen Sie
.*
am Ende des Musters hinzu.
Unter Verwendung des Beispiels aus dem vorherigen standardmäßigen Weiterleitungs-URI würde er
https://store\\.myshop\\.com/admin_hgkq1l/adobe_ims/oauth/callback/.*
. - Alle Punkte (
-
Klicken Sie auf Next.
-
Überprüfen Sie die verfügbaren Bereiche und klicken Sie auf Save configured API.
-
Kopieren Sie auf der folgenden Seite Ihre Client ID (API-Schlüssel) und Client secret.
Diese Informationen werden in den Schritten des nächsten Abschnitts verwendet.
Konfigurieren der Adobe Stock-Integration
Verwenden Sie zum Festlegen der Systemkonfiguration in Ihrem Commerce-Admin den API-Schlüssel und Client-), die im vorherigen Abschnitt.
-
Navigieren Sie in Admin-Seitenleiste zu Stores > Settings>Configuration.
-
Erweitern Sie im linken Bereich Advanced und wählen Sie System.
-
Erweitern Sie
-
Legen Sie Enabled Adobe Stock auf
Yes
fest. -
Geben Sie Ihre API Key (Client ID) ein.
-
Geben Sie Ihre Client Secret ein.
-
Klicken Sie auf Test Connection , um Ihre Schlüssel zu validieren.
Geben Sie der Validierung einige Sekunden Zeit. Wenn Ihre Anmeldeinformationen gültig sind, sollte eine grüne angezeigt werden Verbindung erfolgreich!Nachricht.
-
-
Klicken Sie abschließend auf Save Config.