How to Add Asyntai AI Chatbot to Payhip

Step-by-step guide for Payhip stores

平台：

步骤1：获取您的嵌入代码

首先，前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码，格式如下：

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

注意： 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码，因为其中包含您的个人小部件 ID。

Requirement: Payhip's code injection feature is only available if you have a custom domain connected to your Payhip store. If your store is still on the default payhip.com/b/... address, you must connect and verify your own domain first before you can add the Asyntai chatbot. See Payhip's help center for how to connect and verify a custom domain.

Step 2: Open the Store Builder

Payhip lets you inject custom HTML and JavaScript into your store through the Store Builder:

Log in to your Payhip account
Go to Store and launch the Store Builder (the visual editor for your storefront)
In the Store Builder, click Change store style
Select the Advanced tab

提示： The Advanced tab is where Payhip keeps the Header and Footer HTML/JS Code Injection fields. This is the same place merchants use to add live chat widgets, newsletter forms, and tracking pixels.

Step 3: Paste Your Embed Code into Footer Code Injection

To add the chatbot to every page of your store:

In the Advanced section, find the Footer HTML/JS Code Injection field
Paste your Asyntai embed code into this field
Click Publish to save and apply your changes to the live store

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

提示： Adding the code to the Footer field (rather than the Header) lets the page load first, which keeps your store fast. The chatbot will then appear on every page of your Payhip store automatically.

注意： Injected code does not preview inside the Store Builder. You will only see the chat widget on your live, published store, so always check the real store address after publishing.

步骤 4：验证安装

After publishing, open your live Payhip store (using your connected custom domain) in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to ensure it opens and functions correctly.

看不到小部件？ Make sure you clicked Publish and are viewing the live store, not the Store Builder preview. Confirm your custom domain is connected and verified, since code injection only works on custom domains. Clear your browser cache or view in incognito mode, and check the browser console (F12) for any JavaScript errors.

需要帮助？

If you're not comfortable editing your store settings, Payhip's support team can assist with custom code and domain questions at [email protected]. You can also contact Asyntai support for guidance on installing the chatbot on your Payhip store.