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.