Integrieren Sie eine Drittanbieter-App

Die Implementierung einer Drittanbieter-App mit GemPages kann in mehreren verschiedenen Szenarien erfolgen:

Methode 1: Integration per App-Element

Vorgefertigte Elemente in GemPages sind vorgefertigte Komponenten, die Sie einfach zu Ihrer Website hinzufügen können, ohne sie von Grund auf neu erstellen zu müssen. Ziehen Sie sie einfach per Drag & Drop an die gewünschte Position und passen Sie den Inhalt nach Bedarf an.

Schritt 1:: Gehen Sie zum GemPages Dashboard und wählen Sie die gewünschte Seite aus, um zum Herausgeber. 

Schritt 2:: Navigieren Sie zur linken Seitenleiste > Apps kaufen Abschnitt. Hier finden Sie alle Apps, die mit App-Elementen ausgestattet sind. 

Sie können die Suchleiste verwenden, um Ihre bevorzugte App schnell zu finden.

Schritt 3:: Ziehen Sie das Element per Drag & Drop an die gewünschte Position. 

Schritt 4: Klicken Sie auf das App-Element, um die Einstellungen Tab.

Zum Beispiel, die Loox-Elementeinstellungen umfassen:

• Version auswählen: Sie können die Loox-App Version 1 oder Version 2 verwenden.
• Widget auswählen: Rezensions-Widget, Bewertungs-Widget und Karussell-Widget.
• Alle Bewertungen anzeigen: Wählen Sie Ja/Nein, um alle Bewertungen anzuzeigen oder nur einige Bewertungen anzuzeigen.
• Ausrichten: Zeigen Sie das Element links, in der Mitte oder rechts auf der Seite an. 

Für weitere Konfigurationen wählen Sie die Öffne App.

Schritt 5:: Klicken Sie auf "Speichern" als auch "Veröffentlichen" um die Änderungen aktiv zu machen.

Stellen Sie sicher, dass Sie die App über Ihren Shopify-Administrator installieren, und denken Sie daran, dass das, was Sie in GemPages per Drag & Drop verschieben, lediglich die Frontend-Widget-Anzeige aus der App ist.

Methode 2: Integration über benutzerdefinierten Code

Wenn Sie Ihre App nicht in der Liste der vorgefertigten Elemente finden können, befolgen Sie einfach diese Schritte, um sie mit benutzerdefiniertem Code zu integrieren.

Schritt 1: Erhalten Sie Zugriff auf den Code der App. 

Sie finden den Code an verschiedenen Stellen. Einige Apps stellen ihren Code direkt in der App-Oberfläche bereit. 

In anderen Fällen müssen Sie möglicherweise die Hilfedokumentation prüfen oder sich für den Code an den Support wenden. 

Sobald Sie den Code der App haben, ist es an der Zeit, ihn in das Element „Benutzerdefinierter Code“ einzufügen.

In diesem Handbuch verwendet GemPages die Shopify-App Loox Reviews zum Üben.

Schritt 2: Gehen Sie zum GemPages-Dashboard und wählen Sie Ihre bevorzugte Seite aus, um den Editor aufzurufen.

Schritt 3: Ziehen Sie aus der linken Seitenleiste per Drag & Drop einen Benutzerdefinierter Code Element an der gewünschten Stelle auf der Seite.

Schritt 4:: Suchen Sie das zu öffnende Element Einstellungen Tab > Treffer  Code bearbeiten und fügen Sie den App-Code in das Feld ein.

Schritt 5: Klicken Sie auf "Speichern" als auch "Vorschau" um zu überprüfen, ob der Code auf Ihrer Seite ordnungsgemäß funktioniert.

Methode 3: Verwenden Sie das Shopify App-Element

Wenn Sie die App in den vorgefertigten Optionen nicht finden können und Codierung nicht Ihr Ding ist, empfehlen wir die Verwendung der Shopify App-Element. Dieses Element kann Ihnen dabei helfen, Shopify-Apps zu integrieren, die mit Ihrem Design funktionieren.

Weitere Informationen finden Sie unter Dieser Artikel.

Häufig gestellte Fragen

1. Kann ich jede Shopify-App in GemPages integrieren?

Die meisten Apps sind kompatibel. Wenn keine direkte Integration möglich ist, können Sie trotzdem benutzerdefinierten Code oder unter der Shopify App-Element um es visuell einzubetten.

2. Warum wird meine App nicht auf der Live-Seite angezeigt?

Überprüfen Sie Folgendes:

• Ist die App ordnungsgemäß installiert und konfiguriert? Shopify-Administrator?
• Hast du veröffentlichen das GemPages-Layout nach dem Einbetten der App?
• Wenn Sie benutzerdefinierten Code verwenden, stellen Sie sicher, dass dieser vollständig ist und Skript-Tags unterstützt werden

3. Kann ich mehrere Apps auf derselben GemPages-Seite verwenden?

Ja. Sie können mehrere Apps von Drittanbietern einbetten. Beachten Sie jedoch Folgendes:

• Sie stehen nicht im Konflikt mit dem JavaScript des anderen
• Sie testen alle Widgets gründlich vor der Veröffentlichung