Tutorial: Einen Assistenten in Shopify einbetten

Shopify funktioniert wie jede andere Website – fügen Sie dieselben drei Snippets in Ihr Theme ein.

Schritte

  1. Prüfen Sie, ob die erlaubten Origins Ihres Assistenten sowohl Ihre .myshopify.com-Domain als auch jede eigene Domain enthalten. Wenn der Sicherheitsmodus API ist, halten Sie das Zugriffstoken bereit.
Die Sicherheitseinstellungen des Assistenten mit den erlaubten Origins – fügen Sie hier Ihre Shopify-Domain hinzu.
Die Sicherheitseinstellungen des Assistenten mit den erlaubten Origins – fügen Sie hier Ihre Shopify-Domain hinzu.
  1. Öffnen Sie im Shopify-Adminbereich Online Store → Themes → Actions → Edit code.
  2. Öffnen Sie Layout/theme.liquid und fügen Sie direkt vor </body> Folgendes ein:
<script src="https://saas.seekdown.ai/js/seekdown-assistant.js"></script>

<div id="seekdown-assistant-root"></div>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (window.skdwn?.startAssistant) {
      let seekdownAssistantOptions = {
        assistantId: 'your-assistant-id',
        accessToken: 'your-api-key-or-identity-access-token',
      };

      skdwn.startAssistant(seekdownAssistantOptions);
    } else {
      console.error('skdwn.startAssistant is not available.');
    }
  });
</script>
  1. Speichern Sie das Theme und öffnen Sie den Shop zum Testen.

Fehlerbehebung

  • Wenn das Widget fehlt, prüfen Sie die Skript-URL und ob beide Domains unter den erlaubten Origins stehen.

Kontakt

Brauchen Sie noch Hilfe?

Sagen Sie uns, welche Fragen Ihr Website-Assistent beantworten soll. Wir helfen Ihnen, die richtigen Inhalte, Einstellungen und den passenden Weg zum Start festzulegen.