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>

Σημείωση: Ο παραπάνω κώδικας είναι απλώς ένα παράδειγμα. Πρέπει να αντιγράψετε τον δικό σας μοναδικό κωδικό ενσωμάτωσης από τον Πίνακα Ελέγχου σας, καθώς περιέχει το προσωπικό σας αναγνωριστικό widget.

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.

Δεν βλέπετε το widget; 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.