Wie binde ich Shopify an?

danger

Dieser Artikel beschreibt unsere neue Shopify App. Sie befindet sich derzeit im Review Prozess und ist noch nicht freigegeben. Bis dahin nutzen Sie bitte die Shopify Anbindung wie hier beschrieben.

Wir stellen eine eigene Shopify App zur Verfügung. Damit ist es einfach, in Ihren Shopify Shop einen Konfigurator einzubauen.

App installieren

Installieren Sie unsere Shopify App aus dem App Store wie gewohnt:

https://apps.shopify.com/k3?locale=de

Sie werden zum K3 weitergeleitet und registrieren sich dort.

Konfigurator anlegen und buchen

Sie können sofort einen Konfigurator anlegen. Beginnen Sie mit einer unserer Vorlagen oder bauen Sie Ihren eigenen Konfigurator auf. Einen guten Einstieg bietet unser Videokurs.

Sie können den Konfigurator kostenfrei testen und aufbauen.

Wenn Sie soweit sind, buchen Sie die PRO-Lizenz, damit Sie die Anbindung an Shopify vornehmen können:

• Im Editor, klicken Sie auf
  Loading...
  und wählen Sie die Pro-Lizenz.
• Sie werden nun zur Shopify-Bezahlseite weitergeleitet. Die K3-Lizenz wird ganz normal über die Shopify Rechnung eingezogen.

Shop verbinden

Nun können Sie den Konfigurator in Ihren Shop einfügen.

Als Vorbereitung, veröffentlichen Sie den Konfigurator.

Dann folgt die eigentliche Verbindung:

• Öffnen Sie den Editor Ihres Konfigurators.
• Klicken Sie in der Seitenleiste auf
  Loading...
  .
• Wechseln Sie zu dem Tab Shop.
• Klicken Sie bei der Shopify App direkt auf "Jetzt verbinden".
• Die Web-Adresse des Shops ist bereits eingetragen.
• Schalten Sie im Normalfall Sollen die Artikel aus dem Shop importiert werden? ein. Sie können nach diesen Shopify-Attributen Produkte suchen: collection_id, created_at_max, created_at_min, fields, handle, ids, limit, presentment_currencies, product_type, published_at_max, published_at_min, published_status, since_id, status, title, updated_at_max, updated_at_min, vendor
• Sie haben die Möglichkeit, jede Konfiguration in Shopify als neuen Artikel anzulegen. Wenn Sie das möchten, wählen Sie Sollen die Artikel bei der Bestellung zusammengefasst werden? an und vergeben Sie einen Namen für den Artikel. Wenn Sie das Feld leer lassen, wird dieser Name verwendet: "Ihre Bestellung {code}" In diesem Namen können diese beiden variablen Teile verwendet werden:
  • {code}: Der eindeutige Code der Konfiguration.
  • {link}: Ein Link zurück zur Konfiguration.
• Klicken Sie auf
  Loading...
  .
• Der Import kann einen Moment dauern. Anschliessend erhalten Sie eine Erfolgsmeldung.

Wenn Sie Artikel importiert haben, können Sie diese nun auch in Ihrem Konfigurator verwenden.

Veröffentlichen Sie den Konfigurator erneut.

Konfigurator im Shop einbinden

Unsere Shopify App stellt Blöcke zur Verfügung, mit denen Sie direkt in Ihrem Shop einen Konfigurator anzeigen können.

Alle Blöcke starten den Konfigurator mit einer Inspiration, die Sie auf verschiedene Weisen bestimmen können.

• Falls Sie den Konfigurator auf Produktseiten einblenden wollen, können Sie für jedes Produkt eine eigene Inspiration hinterlegen
  • Legen Sie dazu auf Ihren Produkten das Metafeld k3-configurator.inspiration an.
    • Gehen Sie zu Settings > Custom Data > Products
    • Klicken Sie auf
      Loading...
    • Geben Sie unter Namespace and key k3-configurator.inspiration an.
    • Wählen Sie einen Namen und als Typ"Single line text".
    • Klicken Sie auf
      Loading...
  • Erfassen Sie für jedes Produkt die Inspiration, mit der gestartet werden soll.
• Auf allen Seiten können Sie aber auch mit einer festgelegten Inspiration starten.

Am einfachsten können Sie den Konfigurator direkt aus dem Tab "Shop" unter Optionen einfügen. Klicken Sie einfach auf

Loading...

. Dadurch wird der erste der unten beschriebenen Blöcke auf der Startseite Ihres aktuellen Shopify-Themes eingefügt.

Sie können das aber auch an anderen Stellen machen, indem Sie in Ihren Shopify-Shop wechseln und dort zu Sales Channels > Online Store > Themes wechseln. Hier klicken Sie bei Ihrem aktuellen Theme auf

Loading...

.

Navigieren Sie zu der Seite, auf der Sie den Konfigurator einfügen wollen (oder bleiben Sie direkt auf der Home-Page).

Wählen Sie nun entweder in der Baum-Darstellung links oder direkt in der Seite den Punkt, an dem Sie den Konfigurator einfügen wollen. Klicken Sie auf das "+"-Symbol oder auf "Add block" und dann auf den Tab "Apps". Nun werden Ihnen - abhängig davon, auf welcher Seite Sie sind - die folgenden Blöcke angeboten. Wählen Sie einen, um ihn einzufügen.

• Embedded Fixed Configurator: Hier wird der Konfigurator (technisch: als IFrame) direkt in den Shop eingefügt. Sie können die Höhe des Konfigurators in Pixel eingeben und die Inspiration, mit der gestartet wird.
• Fixed Configurator Link: Hier wird ein Link eingefügt, der Konfigurator öffnet sich in einem neuen Tab. Sie können die Beschriftung des Links eingeben und die Inspiration, mit der gestartet wird.
• Embedded Product Configurator: Nur auf Produktseiten. Hier wird der Konfigurator (technisch: als IFrame) direkt in den Shop eingefügt. Sie können die Höhe des Konfigurators in Pixel eingeben. Die Inspiration wird dem Metafeld k3-configurator.inspiration des Produktes entnommen.
• Product Configurator Link: Nur auf Produktseiten. Hier wird ein Link eingefügt, der Konfigurator öffnet sich in einem neuen Tab. Sie können die Beschriftung des Links eingeben. Die Inspiration wird dem Metafeld k3-configurator.inspiration des Produktes entnommen.