How to Add Asyntai AI Chatbot to Payhip

Step-by-step guide for Payhip stores

Nền tảng:

Bước 1: Lấy Mã Nhúng của Bạn

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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>

Lưu ý: Mã ở trên chỉ là ví dụ. Bạn phải sao chép mã nhúng duy nhất của riêng mình từ Bảng điều khiển vì nó chứa ID tiện ích cá nhân của bạn.

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

Mẹo: 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>

Mẹo: 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.

Lưu ý: 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.

Bước 4: Xác minh Cài đặt

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.

Không thấy tiện ích? 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.

Cần Trợ giúp?

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.