Како додати Asyntai АИ четбот у HubSpot

Водич корак по корак за HubSpot CMS веб-сајтове

Платформа:

Корак 1: Набавите свој код за уграђивање

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

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

Напомена: Код изнад је само пример. Морате копирати свој јединствени код за уграђивање са своје Контролне табле јер садржи ваш лични ИД виџета.

Корак 2: Коришћење подешавања сајта (препоручено)

Најлакши начин за додавање четбота на све странице вашег HubSpot веб-сајта:

Пријавите се на свој HubSpot налог
Кликните на икону подешавања (зупчаник) у главној навигационој траци
У левој бочној траци, навигирајте до Веб-сајт > Странице
Померите се до одељка „HTML подножја сајта"
Налепите свој Asyntai код за уграђивање у текстуално поље
Кликните „Сачувај" на дну странице

Савет: Додавање скрипте у HTML подножја сајта осигурава да се учитава на свим страницама након главног садржаја, што је препоручено постављање за виџете за ћаскање.

Алтернатива: Инсталација за одређену страницу

Ако желите четбот само на одређеним страницама:

Идите на Маркетинг > Веб-сајт > Странице веб-сајта (или Одредишне странице)
Кликните на страницу коју желите да уредите
У уређивачу странице, кликните Подешавања на врху
Померите се до „Напредне опције"
Пронађите одељак „HTML подножја"
Налепите свој Asyntai код за уграђивање
Кликните „Примени промене" и објавите страницу

Напомена: Код за одређену страницу ће се учитавати само на тој конкретној страници. Користите овај метод ако желите четбот на одабраним страницама уместо на целом сајту.

Алтернатива: Коришћење менаџера дизајна

За већу контролу, можете додати JavaScript фајл кроз менаџер дизајна:

Идите на Маркетинг > Фајлови и шаблони > Алати за дизајн
У левој бочној траци, кликните Фајл > Нови фајл
Изаберите „JavaScript" из падајућег менија
Именујте фајл (нпр. asyntai-chatbot.js)
Додајте следећи код:
(function() { var script = document.createElement('script'); script.async = true; script.src = 'https://asyntai.com/static/js/chat-widget.js'; script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID'); document.body.appendChild(script); })();
Замените YOUR_WIDGET_ID стварним ИД-ом виџета
Кликните „Објави промене"
Укључите овај фајл у свој шаблон користећи require_js или га повежите у подешавањима сајта

Алтернатива: Коришћење прилагођених модула

Креирајте модул за поновну употребу за четбот:

Идите на Маркетинг > Фајлови и шаблони > Алати за дизајн
Кликните Фајл > Нови фајл > Модул
Именујте га „Asyntai четбот"
У module.html фајлу, налепите свој код за уграђивање
Објавите модул
Додајте модул у одељак подножја шаблона, или га превуците на појединачне странице

Савет: Коришћење прилагођеног модула вам омогућава да лако додате или уклоните четбот са одређених шаблона или страница кроз уређивач превлачењем.

Корак 3: Верификујте инсталацију

Након чувања промена, посетите свој HubSpot веб-сајт у новој картици претраживача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да бисте се уверили да се отвара и исправно ради.

Не видите виџет? Уверите се да сте кликнули „Сачувај" или „Објави" након додавања кода. HubSpot кешира странице, тако да покушајте да прегледате сајт у инкогнито прозору или обришите кеш претраживача. Ако сте додали код на одређену страницу, уверите се да је та страница објављена.

Потребан HubSpot CMS Hub: Додавање прилагођеног JavaScript-а захтева HubSpot CMS Hub (Starter, Professional или Enterprise). Ако користите бесплатне HubSpot CMS алате, можда имате ограничене опције за додавање прилагођених скрипти.