How to Add Asyntai AI Chatbot to Landingi

Step-by-step guide for Landingi 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: Open Your Landing Page Dashboard

Landingi lets you add custom JavaScript to any landing page through its built-in JavaScript Code manager. Start by opening the page you want the chatbot on:

Log in to your Landingi account
Go to the Landing Pages tab
Click the landing page you want to add the chatbot to, to open its Dashboard
In the page Dashboard, open the JavaScript Code tab

참고: The JavaScript Code manager is set per landing page, so you will repeat these steps for each page where you want the chat widget to appear.

Step 3: Add a New Script

In the JavaScript Code tab, add your Asyntai embed code as a new script:

Click Add new script
Paste your Asyntai embed code into the Content field:

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

Give the script a recognizable Name, such as "Asyntai Chatbot"
Under Position, select Body bottom on the Main page
Click Add script to save it to your landing page

팁: Choosing the Body bottom position loads the widget after your page content, which keeps your landing page fast and ensures the chat button appears reliably.

참고: Replace "YOUR_WIDGET_ID" with your own widget ID from the embed code in your Asyntai Dashboard. Do not use the example ID.

Step 4: Publish Your Landing Page

Custom scripts only go live once the page is published:

Return to your landing page editor or Dashboard
Click Publish (or Republish if the page was already live) to apply your changes
Open the published page URL to confirm the update took effect

중요: If you skip republishing, the chat widget will not appear on your live landing page even though the script is saved. Always republish after adding or editing the script.

Step 5: Verify Installation

After republishing, open your live Landingi landing 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 saved the script, selected the Body bottom position, and republished the page. Clear your browser cache or view in incognito mode. Check the browser console (F12) for any JavaScript errors.

도움이 필요하신가요?

Landingi does not provide technical support for custom scripts added to your landing pages, but adding the Asyntai embed code is straightforward. If you run into trouble, contact Asyntai support for guidance on installing the chatbot on your Landingi landing pages.

팁: To add the chatbot across several landing pages, repeat these steps on each page, or add the script to all pages at once from your Landingi account-level JavaScript settings if your plan supports it.