How to Add Asyntai AI Chatbot to Convertri

Step-by-step guide for Convertri funnels

แพลตฟอร์ม:

ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ

ก่อนอื่น ไปที่แดชบอร์ด Asyntai ของคุณและเลื่อนลงไปที่ส่วน "Embed Code" คัดลอกโค้ดฝังตัวเฉพาะของคุณซึ่งจะมีลักษณะดังนี้:

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

หมายเหตุ: โค้ดด้านบนเป็นเพียงตัวอย่าง คุณต้องคัดลอกโค้ดฝังตัวเฉพาะของคุณจากแดชบอร์ดเนื่องจากมี widget ID ส่วนตัวของคุณ

Step 2: Open Custom Scripts in the Page Builder

Convertri lets you add custom code to any page through the Custom Scripts panel:

Log in to Convertri and open the funnel you want to edit
Open the page in the Page Builder (the drag-and-drop editor)
In the top toolbar, click Page
Select Custom Scripts from the menu
Click Add Page Script

หมายเหตุ: Custom Scripts are added per page. If your funnel has several pages, repeat these steps on each page where you want the chatbot to appear.

Step 3: Paste Your Embed Code

In the new script dialog, fill in the fields and paste your Asyntai code:

Enter a Script Name (for example, Asyntai Chatbot) so you can identify it later
Optionally add a Description
Leave the run on page load option unchecked — the Asyntai script loads on its own
Under Script Position, choose Body
Paste your embed code into the code box, keeping the <script> tags:

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

คลิก Save

เคล็ดลับ: Convertri offers two positions under Script Position — Head and Body. Every script loads regardless of which you pick, so if you are unsure, choose Body.

Step 4: Republish Your Page

Saving the script is not enough on its own — you must republish for the change to go live:

Return to the Page Builder
Click Publish to republish the page
Repeat for any other pages where you added the script

สำคัญ: Changes to Custom Scripts only appear on your live page after you republish. If you don't republish, visitors will still see the old version without the chatbot.

Alternative Method: Funnel-Wide Scripts

If you want the chatbot on every page of a funnel without adding it page by page, use funnel-level scripts:

In the Convertri Dashboard, open the funnel you want to edit
Click Scripts in the left menu
Click Add a Funnel Script
Give it a name, choose Body as the position, and paste your Asyntai embed code between the <script> tags
Click Save, then republish the funnel pages

หมายเหตุ: Funnel scripts apply to all pages in that funnel, so you only need to add the embed code once. Remember to republish each page for the change to take effect.

Step 5: Verify Installation

After republishing, open your live Convertri page 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 Save on the script and then republished the page. Clear your browser cache or view in incognito mode. Double-check that your embed code is wrapped in <script> tags and contains your own widget ID. Check the browser console (F12) for any JavaScript errors.

ต้องการความช่วยเหลือ?

If you're not sure where to add the code, Convertri's support team can help with Custom Scripts and page settings. You can also contact Asyntai support for guidance on installing the chatbot on your Convertri funnel.

เคล็ดลับ: Because Convertri loads every script regardless of position, you don't need to worry about Head vs Body — the chatbot will work either way.

เอกสาร