Wie binde ich Shopify an?

Pro

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-product-configurator?locale=de

Sie werden zum K3 weitergeleitet und durchlaufen dort die normale Registrierung, inklusive der Bestätigung Ihrer E-Mail-Adresse. Der K3 merkt sich dabei, dass Sie über Shopify gekommen sind, und rechnet später über Shopify ab.

Konfigurator anlegen und buchen

Sie können sofort einen Konfigurator anlegen. Beginnen Sie mit einer unserer Vorlagen oder bauen Sie Ihren eigenen Konfigurator auf – auch die 3D-Vorlagen stehen Ihnen offen. 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. Es stehen Ihnen dieselben Lizenzen zur Verfügung wie allen anderen Kunden.
• 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 können bestimmen, ob Merkmale im Warenkorb angezeigt werden sollen. Es werden nur Merkmale angezeigt, bei denen die Option "Anzeige in Bestätigung, PDF und Shop" dazu führt, dass das Merkmal angezeigt wird (entweder "immer" oder "Wie im Konfigurator").
  • Nein: Sie werden nicht angezeigt (default).
  • Sichtbar: Merkmale werden im Warenkorb und in der Bestellung angezeigt.
  • Unsichtbar: Merkmale werden nur in der Bestellung angezeigt. Ihr Eintrag beginnt dafür mit einem "_". Falls das Merkmal einen key hat, so wird dieser genutzt.
  • Bei Komponenten-Merkmalen wird jede Komponente einzeln übergeben und dazu durchnummeriert, z.B. "Zubehör #1", "Zubehör #2". Enthält die Liste nur eine Komponente, entfällt die Nummer. Ist am Merkmal "Zeige Werte aus inneren Merkmalen an" eingeschaltet, stehen diese inneren Merkmale in Klammern dahinter, z.B. "Zubehör #1: Regensensor (Farbe: Rot, Größe: L)".
• 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. Ebenfalls können Sie bestimmen, welche SKU der Artikel bekommen soll. Wenn Sie das Feld leer lassen, wird dieser Name verwendet: Ihre Bestellung {code} In diesem Namen können variable Teile verwendet werden:
  • {code}: Der eindeutige Code der Konfiguration.
  • {Key|Name}: Der Wert eines Merkmals anhand Key oder Name.
• 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.

Abschluss-Aktion einzubauen

Abschliessend können Sie nun einen Warenkorb-Knopf anlegen wie bei jedem anderen Shop auch.