Jak dodać chatbota AI Asyntai do HubSpot

Instrukcja krok po kroku dla stron CMS HubSpot

Platforma:

Krok 1: Pobierz swój kod osadzania

Najpierw przejdź do swojego Panelu Asyntai i przewiń w dół do sekcji "Kod osadzania". Skopiuj swój unikalny kod osadzania, który będzie wyglądał tak:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Uwaga: Powyższy kod to tylko przykład. Musisz skopiować swój własny unikalny kod osadzania z Panelu, ponieważ zawiera on Twój osobisty identyfikator widgetu.

Krok 2: Użycie ustawień witryny (zalecane)

Najłatwiejszy sposób dodania chatbota do wszystkich stron witryny HubSpot:

Zaloguj sie na swoje konto HubSpot
Kliknij ikone ustawień (zebatke) na głównym pasku nawigacji
Na lewym pasku bocznym przejdź do Website > Pages
Przewin w dol do sekcji "Site footer HTML"
Wklej kod osadzania Asyntai w polu tekstowym
Kliknij "Save" na dole strony

Wskazówka: Dodanie skryptu do sekcji Site footer HTML zapewnia jego załadowanie na wszystkich stronach po głównej treści, co jest zalecanym umiejscowieniem dla widgetów czatu.

Alternatywa: Instalacja dla konkretnej strony

Jeśli chcesz umieścić chatbota tylko na określonych stronach:

Przejdź do Marketing > Website > Website Pages (lub Landing Pages)
Kliknij stronę, która chcesz edytować
W edytorze strony kliknij Settings u gory
Przewin w dol do "Advanced options"
Znajdź sekcję "Footer HTML"
Wklej swój kod osadzania Asyntai
Kliknij "Apply changes" i opublikuj stronę

Uwaga: Kod specyficzny dla strony zostanie zaladowany tylko na tej konkretnej stronie. Użyj tej metody, jeśli chcesz mieć chatbota na wybranych stronach, a nie na całej witrynie.

Alternatywa: Użycie Design Managera

Aby uzyskać większą kontrolę, możesz dodać plik JavaScript za pomocą Design Managera:

Go to Marketing > Files and Templates > Design Tools
Na lewym pasku bocznym kliknij File > New file
Wybierz "JavaScript" z listy rozwijanej
Nazwij swoj plik (np. asyntai-chatbot.js)
Dodaj następujący kod:
(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); })();
Replace YOUR_WIDGET_ID with your actual widget ID
Kliknij "Publish changes"
Dołącz ten plik do szablonu za pomocą require_js lub podlacz go w ustawieniach witryny

Alternatywa: Użycie modulow niestandardowych

Utwórz moduł wielokrotnego uzytku dla chatbota:

Go to Marketing > Files and Templates > Design Tools
Kliknij File > New file > Module
Nazwij go "Asyntai Chatbot"
W pliku module.html wklej swoj kod osadzania
Opublikuj moduł
Dodaj moduł do sekcji stopki szablonu lub przeciagnij go na poszczegolne strony

Wskazówka: Użycie modulu niestandardowego pozwala latwo dodawać lub usuwać chatbota z określonych szablonów lub stron za pomocą edytora przeciagnij-i-upusc.

Krok 3: Weryfikacja instalacji

Po zapisaniu zmian odwiedź swoja witrynę HubSpot w nowej karcie przeglądarki lub w oknie incognito. Powinieneś zobaczyć przycisk widgetu czatu w prawym dolnym rogu. Kliknij go, aby upewnić sie, ze otwiera sie i działa poprawnie.

Nie widzisz widgetu? Upewnij sie, ze kliknales "Save" lub "Publish" po dodaniu kodu. HubSpot buforuje strony, wiec spróbuj wyświetlić witrynę w oknie incognito lub wyczyść pamięć podręczna przeglądarki. Jeśli dodałeś kod do konkretnej strony, upewnij sie, ze ta strona jest opublikowana.

Wymagany HubSpot CMS Hub: Dodanie niestandardowego kodu JavaScript wymaga HubSpot CMS Hub (Starter, Professional lub Enterprise). Jeśli korzystasz z darmowych narzędzi HubSpot CMS, możesz mieć ograniczone możliwości dodawania niestandardowych skryptów.