How to Add Asyntai AI Chatbot to GetResponse

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

플랫폼:

1단계: 임베드 코드 가져오기

먼저 Asyntai 대시보드로 이동하여 "임베드 코드" 섹션까지 아래로 스크롤하십시오. 다음과 같은 형태의 고유 임베드 코드를 복사하십시오:

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

참고: 위의 코드는 예시일 뿐입니다. 개인 위젯 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.