Jak dodać chatbota AI Asyntai do Volusion

Instrukcja krok po kroku dla sklepów e-commerce Volusion

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: Wykonaj kopię zapasową motywu

Przed wprowadzeniem jakichkolwiek zmian w sklepie Volusion ważne jest utworzenie kopii zapasowej:

Zaloguj się do panelu administracyjnego Volusion
Przejdź do Design → File Editor
Kliknij Archive Theme, aby utworzyć kopię zapasową
Pobierz kopię archiwum w celu bezpiecznego przechowania

Ważne: Zawsze wykonuj kopie zapasowa motywu przed wprowadzaniem zmian w kodzie. Pozwoli to na latwe przywrocenie poprzedniej wersji w razie problemow.

Krok 3: Dodaj kod do szablonu (zalecane)

Aby dodać chatbota do wszystkich stron sklepu Volusion:

W panelu administracyjnym Volusion przejdź do Design → Template
Przejdź do Design → File Editor → Shortcuts
Znajdź główny plik szablonu (zwykle template_*.html)
Przewiń w dół, aby znaleźć zamykający tag </body>
Wklej kod osadzania Asyntai tuż przed znacznikiem </body>
Kliknij Save, aby zastosować zmiany
Wyświetl podgląd sklepu, aby sprawdzić, czy chatbot się pojawia

Wskazówka: Dodanie kodu przed zamykającym znacznikiem </body> zapewnia optymalna wydajność ładowania strony. Ta metoda automatycznie dodaje chatbota do każdej strony sklepu.

Metoda alternatywna 1: Wstrzykiwanie HTML w nagłówku/stopce

Volusion umożliwia dodawanie niestandardowego kodu poprzez ustawienia globalne:

Zaloguj się do panelu administracyjnego Volusion
Przejdź do Settings → Design Settings
Poszukaj sekcji Custom HTML lub Footer Code
Wklej kod osadzania Asyntai w tym polu
Kliknij Save
Kod zostanie teraz automatycznie dodany do wszystkich stron

Uwaga: Dokladna lokalizacja ustawień własnego kodu HTML może sie roznic w zależności od planu i wersji Volusion. Poszukaj ustawień zwiazanych z "Custom Code", "Header/Footer" lub "Global HTML".

Metoda alternatywna 2: Instalacja na konkretnej stronie

Jeśli chcesz dodać chatbota tylko do wybranych stron:

Przejdź do Design → File Editor → Shortcuts
Utwórz lub edytuj szablon dla konkretnej strony, używając funkcji PageName
Dodaj kod warunkowy, aby dołączyć skrypt tylko na wybranych stronach:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Wskazówka: Ta metoda jest przydatna, jeśli chcesz mieć chatbota tylko na wybranych stronach, takich jak strony produktów, kasa lub strony pomocy. Zastap 'home' i 'products' rzeczywistymi nazwami stron ze sklepu Volusion.

Metoda alternatywna 3: Artykuł z własnym CSS/HTML

Możesz również dodać kod za pomocą bloku artykulu:

W panelu administracyjnym Volusion przejdź do Articles → Articles
Utwórz nowy artykuł lub edytuj istniejący
Przełącz na widok HTML w edytorze artykułów
Wklej swój kod osadzania Asyntai
Zapisz artykuł
Dodaj ten artykuł do szablonu strony lub paska bocznego
Chatbot pojawi się na stronach, na których wyświetlany jest ten artykuł

Uwaga: Ta metoda jest mniej popularna, ale może byc przydatna, jeśli masz ograniczony dostęp do plików szablonów lub chcesz latwo włączać/wyłączać chatbota poprzez ukrywanie/pokazywanie artykulu.

Krok 4: Weryfikacja instalacji

Po zapisaniu zmian otwórz swoj sklep Volusion 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 prawidlowo.

Nie widzisz widgetu? Upewnij sie, ze zapisales wszystkie zmiany w szablonach. Wyczyść pamięć podręczna przeglądarki lub otwórz stronę w trybie incognito. Volusion może przechowywac szablony w pamięci podręcznej, wiec zmiany mogą pojawic sie po kilku minutach. Sprawdź konsolę przeglądarki (F12) pod kątem błędów JavaScript.

Potrzebujesz pomocy?

Jeśli nie czujesz sie komfortowo z edycja plików szablonów, zespol obsługi klienta Volusion może pomoc z wlasnymi zapytaniami HTML i CSS. Możesz również skontaktowac sie z zespolem wsparcia Asyntai, aby uzyskać pomoc w instalacji chatbota w sklepie Volusion.

Wsparcie profesjonalne: Volusion oferuje usługi programistyczne, jeśli potrzebujesz profesjonalnej pomocy przy modyfikacjach motywu lub zlozonych dostosowaniach.

Dokumentacja