How to Add Asyntai AI Chatbot to Landingi

Step-by-step guide for Landingi landing pages

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

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

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

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

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

Savjet: 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.

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

Važno: 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.

Ne vidite 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.

Trebate pomoć?

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.

Savjet: 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.