How to Add Asyntai AI Chatbot to GetResponse

Step-by-step guide for GetResponse websites and landing pages

แพลตฟอร์ม:

ขั้นตอนที่ 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: Add the Custom Code Element (Website Builder)

GetResponse's Website Builder lets you drop your own HTML and JavaScript onto a page using the Custom code element:

Log in to GetResponse and open your website in the Website Builder editor
Click the Add elements button in the editor toolbar
Find the Custom code element and drag and drop it onto your page
Click inside the Custom code object to open its toolbar, then click Edit code (or the code icon) to open the editor on the right
Paste your Asyntai embed code (the full <script> tag) into the editor
Click outside the editor to save, then click Publish to make your changes live

สำคัญ: While you work in the editor you will only see a placeholder box where the Custom code element sits. The script does not run inside the editor — it only runs on the published page (and in preview mode). Always check your live, published page to confirm the widget appears.

Step 3: Add the Custom Code Element (Landing Pages)

If you are building a GetResponse landing page instead of a full website, the steps are almost identical:

Open your landing page in the Landing Page editor
Click Add elements, then drag and drop the Custom code element onto your page content
Click inside the Custom code object to open the toolbar and enter your Asyntai embed code in the editor on the right
Click outside the text box — your changes are saved automatically
Click Publish to make the page live

เคล็ดลับ: Place your JavaScript between the <script> tags exactly as it appears in your embed code. You do not need to add any extra HTML or styling around it — the Asyntai widget loads and positions itself automatically.

Alternative Method: Add the Code to the Page Head

You can also load the widget site-wide by pasting the code into the page's head section, without adding a Custom code element to the layout:

In the Website Builder or Landing Page editor, open the Page settings window
Select the <head> element tab
วางโค้ดฝัง Asyntai ของคุณลงในกล่องข้อความ
Click outside the text box to save automatically
Click Publish to apply your changes

หมายเหตุ: Adding the code in the <head> element tab keeps it out of your page layout and is a clean way to load the widget across the whole page. If you use third-party code, GetResponse recommends confirming placement with the provider — for Asyntai, either the <head> tab or a Custom code element works.

ขั้นตอนที่ 4: ตรวจสอบการติดตั้ง

After you publish, open your live GetResponse page in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to make sure it opens and functions correctly.

ไม่เห็นวิดเจ็ต? Remember that the widget will not appear inside the GetResponse editor — only on the published page (and in preview mode). Make sure you clicked Publish, then clear your browser cache or view the page in incognito mode. Check the browser console (F12) for any JavaScript errors.

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

If you are not comfortable adding custom code, GetResponse's support team can help you place custom HTML and JavaScript in the Website Builder or Landing Page editor. You can also contact Asyntai support for guidance on installing the chatbot on your GetResponse page.

เคล็ดลับ: Once the widget is live on one GetResponse page, you can reuse the same embed code on any other page or landing page in your account — the widget ID stays the same.