wie kann ich ein Formular in unseren Shopify Shop einbinden ?

  • Weihmann Dirk
    Gefragt am 31. März 2023 um 07:13

    Hallo Team von Jotform,

    wir möchten gern Eure Formulare in unseren Onlieshop einbinden.

    Wir benutzen Shopify.

    Ist die Einbindung möglich, wenn ja wie ?

    Über ein Feedback würden wir uns freuen.

    Danke und Gruß

    Dirk Weihmann

    Holzbau-Shop.de

  • Dagmar_B
    Geantwortet am 31. März 2023 um 09:54

    Hallo Dirk,

    vielen Dank für Ihre Kontaktaufnahme zum Jotform Support. Sie können Ihr Formular ganz einfach in Shopify einbinden. Wir haben eine englische Anleitung hier für Sie.

    Sie führen dies in zwei Schritten aus. Zuerst finden Sie den Einbettungscode für Shopify und dann fügen Sie diesen über ein html Element in Ihre Seite ein.

    So gehen Sie genau vor:

    Suchen und Kopieren des Einbettungscodes für Shopify

    • Gehen Sie im Formular Generator auf die Registerkarte Veröffentlichen.
    • Klicken Sie auf der linken Seite auf Plattformen.
    • Suchen Sie und klicken Sie auf Shopify

      1680269815 6426e1f7db4af Screenshot 10
    • Klicken Sie auf die Schaltfläche Code kopieren, um den Einbettungscode Ihres Formulars zu kopieren.

      1680269921 6426e2616109a Screenshot 21

    Jetzt können Sie das Formular einbetten.

    Zweiter Schritt: Hinzufügen des Formulars zu Shopify

    Loggen Sie sich in Ihr Shopify-Dashboard ein und klicken Sie unter dem Abschnitt Online-Shop auf Seiten.

    1. Klicken Sie unter Seiten auf die Seite, auf der Sie das Formular einbetten/anzeigen möchten. Wenn Sie auf die Seite klicken, wird der Editor geöffnet.

      1680270357 6426e415d8f1a Screenshot 32
    2. Klicken Sie im Editor auf das Symbol HTML anzeigen. Es ist das Symbol ganz rechts neben der anderen Gruppe von Symbolen.

      1680270546 6426e4d209ff5 Screenshot 43
    3. Fügen Sie den Einbettungscode für Ihr Formular in das HTML-Feld ein. Wenn Sie eine bestehende Seite mit vorhandenem Text/Inhalt bearbeiten, fügen Sie die Einbettungscodes an der Stelle ein, an der das Formular erscheinen soll.
    4. Klicken Sie auf die Schaltfläche Speichern oben oder unten auf der Seite, um die Änderungen zu speichern.

      1680270747 6426e59b1ba4c Screenshot 54

    Das war es schon!

    Das Formular wird nicht angezeigt, wenn Sie auf das HTML-Symbol klicken, um den visuellen Editor Ihrer Shopify-Seite aufzurufen. Das Skript befindet sich jedoch weiterhin im Quelltext/HTML. Sie brauchen die Seite nur zu speichern, und das war's.

    Wenn Sie nach dem Einbetten des Formulars mit den Einbettungscodes für Shopify ein Problem mit Ihrer Website feststellen, handelt es sich möglicherweise um einen Konflikt. In diesem Fall empfehlen wir Ihnen dringend, Ihr Formular mit unserer iFrame-Methode einzubetten.

    Probieren Sie es aus und kommen Sie gerne mit weiteren Fragen wieder auf uns zu.