Get Started

Verbinden Sie Ihren Shop #

1. Shop hinzufügen #

Nachdem Sie sich bei my.clerk.io angemeldet haben, ist das erste, was Sie tun müssen, Ihren Shop hinzuzufügen:

1. Geben Sie den Namen und die Domain Ihres Online-Shops ein.

2. Wählen Sie die Sprache und die Währung aus und wählen Sie BigCommerce als Plattform.

3. Klicken Sie auf Shop hinzufügen.

2. Konfigurieren Sie Ihren BigCommerce-Shop #

Um Ihren BigCommerce-Shop erfolgreich zu konfigurieren, müssen Sie zum Backend Ihres Online-Shops gehen und in die Erweiterten Einstellungen->API-Konten. Von hier aus erstellen Sie ein neues API-Konto:

1. Benennen Sie das neue API-Konto Clerk.

2. Im API-Pfad finden Sie den Store Hash, der Ihre Shop-Identifikation ist. Der API-Pfad sieht so aus: https://api.bigcommerce.com/stores/123456/, die 6 Ziffern sind Ihr Store Hash (123456);

3. Im Bereich unterhalb des API-Pfads finden Sie die OAuth-Bereiche. Wählen Sie, wo möglich, Nur-Lesen (wenn nicht zutreffend, wählen Sie Keine) und Speichern Sie die Änderungen;

4. Im Popup, das erscheint, finden Sie die API-Anmeldeinformationen, die Sie benötigen: Client-ID, Client-Secret und Access Token.

3. Synchronisieren Sie Ihren Shop #

Gehen Sie im Hauptmenü von my.clerk.io zu Daten. Scrollen Sie nach unten, bis Sie rechts Synchronisierungsmodus sehen, und wählen Sie BigCommerce aus der Dropdown-Liste aus.

Fügen Sie die Informationen ein, die Sie im Backend Ihres Shops gesammelt haben, und drücken Sie Speichern.

Nachdem Sie das API-Konto konfiguriert haben, müssen Sie einfach nur Ihren Shop synchronisieren.

Auf der Daten-Seite, wo Sie Ihre Online-Shop-Informationen eingefügt haben, scrollen Sie nach oben, bis Sie Neue Daten-Synchronisierung starten sehen, und klicken Sie darauf.

Jetzt ist Ihr Shop mit Clerk verbunden :)

Elemente anzeigen #

Um mit der Vorschau von Clerk.io-Elementen in Ihrem Webshop zu beginnen, müssen Sie zuerst auf das Theme zugreifen, das Sie verwendet haben, um Clerk.io hinzuzufügen.

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

Sobald Sie Ihr Theme gefunden haben, klicken Sie auf die drei Punkte in der unteren rechten Ecke und wählen Sie “Anpassen”:

Nachdem Sie auf “Anpassen” geklickt haben, haben Sie die Möglichkeit, einen Stil für das Theme auszuwählen, den Sie anpassen möchten. Stellen Sie sicher, dass dieser Stil mit dem des gewählten Themes übereinstimmt (zum Beispiel, wenn Sie mit “Theme Light” arbeiten, wählen Sie hier “Light”):

Wählen Sie den Stil des Themes aus und klicken Sie dann auf “Weiter”.

Sobald Sie auf der Vorschauseite sind, stellen Sie sicher, dass Sie “Vorschau” oben auf dem Bildschirm auswählen. In der oberen linken Ecke können Sie die spezifische Webshop-Seite auswählen, die Sie anzeigen möchten, Homepage in diesem Beispiel:

Hinweis:

Im Vorschau-Modus erlaubt BigCommerce Ihnen nicht, Variablen auf eine durchgeklickte Seite zu übertragen. Wenn Sie beispielsweise Produkte in den Warenkorb legen, während Sie in der Vorschau sind, werden sie nicht im Warenkorb sein, sobald Sie weiterklicken.

Um Clerk.io-Elemente zu testen, die erfordern, dass Variablen von Seite zu Seite übertragen werden, stellen Sie sicher, dass Sie diese Variablen “hart codieren”, um sie zu testen. Setzen Sie beispielsweise Ihre Suchanfrage auf ein bestimmtes Schlüsselwort oder wählen Sie eine bestimmte Produkt-ID aus, die in den Warenkorb gelegt wurde.