How to Add Asyntai AI Chatbot to Payhip

Step-by-step guide for Payhip stores

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

Примітка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

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.