Bigcommerce

Get Started

Installieren Sie Clerk auf BigCommerce, indem Sie diese einfachen Schritte befolgen

Bringen Sie Clerk in nur wenigen Schritten in Ihrem BigCommerce-Shop zum Laufen. Diese Anleitung führt Sie durch das Verbinden Ihres Shops, das Installieren von Tracking-Skripten und das Synchronisieren Ihrer Daten.

Verbinden Ihres Shops #

Shop hinzufügen #

Nachdem Sie sich bei my.clerk.io eingeloggt haben, müssen Sie als Erstes Ihren Shop hinzufügen:

Geben Sie den Namen und die Domain Ihres Onlineshops ein.
Wählen Sie die Sprache und Währung aus und wählen Sie BigCommerce als Plattform.
Klicken Sie auf Add Store.

Besucher-Tracking installieren #

Wichtig: In BigCommerce müssen Sie als Shopinhaber angemeldet sein, um auf diese Einstellungen zugreifen zu können.

Gehen Sie in Ihrem BigCommerce-Adminbereich zu Storefront > My Themes und klicken Sie auf Make a copy.
Dadurch wird eine sichere Theme-Kopie für die Installation von Clerk erstellt.

Klicken Sie beim neuen Theme auf die drei Punkte (…)
und wählen Sie Apply, um es als aktives Theme festzulegen.

Klicken Sie auf Advanced > Edit Theme Files, um den Theme-Editor zu öffnen.

Öffnen Sie in der linken Seitenleiste templates > layout > base.html und fügen Sie das Tracking-Skript im <head>-Abschnitt direkt vor </head> ein.

<!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
<script type="text/javascript">
  (function (w, d) {
    var e = d.createElement('script');
    e.type = 'text/javascript';
    e.async = true;
    e.src = 'https://cdn.clerk.io/clerk.js';
    var s = d.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(e, s);
    w.__clerk_q = w.__clerk_q || [];
    w.Clerk = w.Clerk || function () { w.__clerk_q.push(arguments); };
  })(window, document);

  Clerk('config', { key: 'INSERT_PUBLIC_API_KEY' });

  {{#if customer.email}}
  Clerk('call', 'log/email', { email: '{{customer.email}}' });
  {{/if}}
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->

Ersetzen Sie INSERT_PUBLIC_API_KEY durch Ihren Public Key, zu finden in my.clerk.io > Developers > API Keys.

Klicken Sie auf Save & apply file.

Bestell-Tracking installieren #

Gehen Sie in Ihrem BigCommerce-Adminbereich zu Advanced Settings > Data Solutions.
Aktivieren Sie Affiliate Conversion Tracking und klicken Sie auf Save.

Öffnen Sie den Tab Affiliate Conversion Tracking.
Fügen Sie Folgendes ganz unten im Conversion Tracking Code ein und klicken Sie auf Save.

<!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
<script type="text/javascript">
  (function (w, d) {
    var e = d.createElement('script');
    e.type = 'text/javascript';
    e.async = true;
    e.src = 'https://cdn.clerk.io/clerk.js';
    var s = d.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(e, s);
    w.__clerk_q = w.__clerk_q || [];
    w.Clerk = w.Clerk || function () { w.__clerk_q.push(arguments); };
  })(window, document);
  Clerk('config', { key: 'INSERT_PUBLIC_API_KEY' });
</script>
<!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->

<!-- Start of Clerk sales tracking -->
<script>
  Clerk('call', 'log/sale/bigcommerce', { sale: '%%ORDER_ID%%' });
</script>
<!-- End of Clerk sales tracking -->

Ersetzen Sie INSERT_PUBLIC_API_KEY durch Ihren Public Key, zu finden in my.clerk.io > Developers > API Keys..

Produkte synchronisieren #

Gehen Sie in Ihrem BigCommerce-Adminbereich zu Advanced Settings > API Accounts.
Klicken Sie auf Create API Account und wählen Sie Create V2/V3 API Token.

Benennen Sie ihn “Clerk.io” und gewähren Sie Lesezugriff auf:
- Content
- Information & Settings
- Orders
- Order Transactions
- Products

Nach der Konfiguration des API-Accounts müssen Sie Ihren Shop einfach synchronisieren.

Gehen Sie in Clerk zu my.clerk.io > Data > Configuration und wählen Sie BigCommerce als Ihre Synchronisierungsmethode aus.
Fügen Sie Store Hash, Client ID, Client Secret und Access Token in die BigCommerce-Konfiguration ein und klicken Sie auf Save.

Nach dem Speichern können Sie die Datensynchronisierung starten, wenn Sie bereit sind.

Vorschau von Elementen #

Um mit der Vorschau von Clerk-Elementen in Ihrem Webshop zu beginnen, müssen Sie zunächst auf das Theme zugreifen, das Sie für Clerk verwendet haben.

Melden Sie sich im BigCommerce-Admin-Portal Ihres Shops an und wählen Sie dann im linken Menü “Storefront” > “My Themes” aus:

Wenn Sie Ihr Theme gefunden haben, klicken Sie unten rechts auf die drei Punkte und wählen Sie “Customize”:

Nachdem Sie auf “Customize” geklickt haben, haben Sie die Möglichkeit, einen Theme-Stil zur Anpassung auszuwählen.

Stellen Sie sicher, dass dieser Stil dem gewählten Theme entspricht (z. B. wenn Sie mit “Theme Light” arbeiten, wählen Sie hier “Light”):

Wählen Sie den Theme-Stil aus und klicken Sie dann auf “Continue”.

Sobald Sie auf der Vorschauseite sind, wählen Sie oben auf dem Bildschirm “Preview” aus.

In der linken oberen Ecke können Sie die spezielle Webshop-Seite auswählen, die Sie in der Vorschau anzeigen möchten, in diesem Beispiel die Homepage:

Hinweis:

Im Vorschaumodus erlaubt BigCommerce es nicht, Variablen auf eine durch einen Klick aufgerufene Seite zu übertragen.

Wenn Sie beispielsweise im Vorschaumodus Produkte in den Warenkorb legen, sind sie nach dem Klick nicht mehr im Warenkorb.

Um Clerk-Elemente zu testen, die Variablen zwischen den Seiten benötigen, müssen Sie diese Variablen fest im Code hinterlegen.

Setzen Sie zum Beispiel Ihre Suchanfrage auf ein bestimmtes Keyword oder wählen Sie eine bestimmte Produkt-ID, die dem Warenkorb hinzugefügt wird.

Diese Seite wurde von einer hilfreichen KI übersetzt, daher kann es zu Sprachfehlern kommen. Vielen Dank für Ihr Verständnis.