Tutorial: Embed an Assistant in Shopify

Shopify works like any website — add the same three snippets to your theme.

Steps

  1. Confirm your assistant's allowed origins include both your .myshopify.com domain and any custom domain. If the security mode is API, have the access token ready.
The assistant's security settings with allowed origins — add your Shopify domain here.
The assistant's security settings with allowed origins — add your Shopify domain here.
  1. In Shopify admin, open Online Store → Themes → Actions → Edit code.
  2. Open Layout/theme.liquid and, just before </body>, add:
<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. Save the theme and open the storefront to test.

Troubleshooting

  • If the widget is missing, check the script URL and that both domains are in allowed origins.

Contact us

Still need help?

Tell us what you want your website assistant to answer. We will help you map the right content, controls, and launch path.