Einen Assistenten in Shopify einbetten
Shopify funktioniert genau wie eine einfache Website – Sie fügen dieselben drei Snippets in Ihr Theme ein, direkt vor dem schließenden </body>-Tag.
Schritte
- Öffnen Sie im Shopify-Adminbereich Online Store → Themes.
- Wählen Sie bei Ihrem Theme Actions → Edit code.
- Öffnen Sie Layout/theme.liquid.
- Fügen Sie direkt vor
</body>das Runtime-Skript, den Container und das Initialisierungs-Snippet ein:
<script src="https://saas.seekdown.ai/js/seekdown-assistant.js"></script>
<div id="seekdown-assistant-root"></div>
<!-- Initialize the assistant with your assistantId and accessToken -->
<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>
- Speichern Sie und öffnen Sie den Shop, um zu prüfen, ob der Assistent lädt.
Bevor Sie beginnen
- Fügen Sie sowohl Ihre
.myshopify.com-Domain als auch jede eigene Domain zu den erlaubten Origins hinzu. - Halten Sie das Zugriffstoken bereit, wenn der Sicherheitsmodus API ist.
Fehlerbehebung
- Wenn das Widget fehlt, prüfen Sie die Skript-URL und ob beide Domains unter den erlaubten Origins stehen.