How to Add Asyntai AI Chatbot to Payhip

Step-by-step guide for Payhip stores

Platformă:

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

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

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

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

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

Sfat: 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.

Notă: 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.

Pasul 4: Verificați instalarea

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.

Nu vedeți widgetul? 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.

Ai nevoie de ajutor?

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.