Jak zbudować widżety chatbota na stronie internetowej ze sztuczną inteligencją?
Przewodnik krok po kroku, jak zbudować własną sztuczną inteligencję, aby spełnić potrzeby biznesowe.
Zastosowania botów są ogromne, a wraz ze wzrostem wykorzystania modeli generatywnych przez boty, kuszące może być wskoczenie na modę i zbudowanie własnego ChatGPT. Wraz z uruchomieniem Cody, tworzenie chatbotów AI nigdy wcześniej nie było łatwiejsze. Interfejs Cody jest niezależny od modelu i nie zawiera kodu, dzięki czemu osobista sztuczna inteligencja jest dostępna dla każdej osoby i domeny biznesowej, która istnieje. Jednakże, chociaż Cody stara się, aby cały proces był tak prosty, jak to tylko możliwe, może to być nieco onieśmielające dla kogoś, kto jest nowy w świecie sztucznej inteligencji. Dlatego na tym blogu przedstawiamy kompleksowe wyjaśnienie, jak zbudować własny ChatGPT przy użyciu Cody. Przeprowadzimy Cię przez przypadek użycia, pomagając Ci rozpocząć podróż Cody z pewnością siebie.
Przypadek użycia
Zbudujemy chatbota AI przy użyciu Cody, który będzie działał jako przewodnik turystyczny. Będzie to cenny dodatek dla firm związanych z turystyką, ponieważ może znacznie poprawić wrażenia klientów. Jednak zakres budowania chatbota z Cody nie ogranicza się tylko do jednej domeny biznesowej. Użytkownicy mogą eksperymentować z różnymi podpowiedziami, aby zbudować bota dostosowanego do ich własnej działalności, a także udostępnić go swoim klientom po przeczytaniu tego bloga.
Wymagania
- Treści związane z firmą (PDF, Word, strona internetowa lub tekst)
- Konto na Cody (zalecany plan: Premium)
- 15 minut
Krok 1: Dodawanie danych do bazy wiedzy
Aby dodać dokumenty do train Cody na potrzeby swojej firmy, wykonaj następujące kroki:
- Przejdź do sekcji Zawartość w interfejsie Cody’ego.
- Utwórz nowy folder, aby uporządkować dokumenty.
- Dostępne są trzy metody dodawania danych do bazy wiedzy:
- Pisanie: Wykorzystaj wbudowany edytor tekstu do bezpośredniego wprowadzania treści.
- Prześlij: Prześlij pliki PDF, Word lub PowerPoint zawierające istotne informacje.
- Importuj witrynę: Ta funkcja umożliwia przeszukiwanie strony internetowej firmy i automatyczne gromadzenie danych. (Uwaga: ta funkcja jest dostępna tylko w planach Premium i Advanced ).
W tym konkretnym samouczku wykorzystamy przewodnik po Bostonie, który zawiera informacje o różnych atrakcjach turystycznych, ich opisy, godziny pracy, adresy i często zadawane pytania (FAQ).
Po przesłaniu niezbędnych dokumentów będziesz mógł śledzić ich status, który może być“uczący się” lub“nauczony“. Status wskazuje, czy Cody jest obecnie w trakcie uczenia się z dokumentów lub czy pomyślnie zakończył proces uczenia się. Gdy Cody zapozna się z przesłanymi dokumentami, możesz przejść do następnego kroku, który polega na zbudowaniu rzeczywistego chatbota.
Uwaga: Bardzo ważne jest, aby dostarczane dokumenty były zgodne z określonym formatem, który poprawi jakość odpowiedzi generowanych przez Cody. Aby dowiedzieć się więcej na temat zalecanego formatowania dokumentów, zalecamy zapoznanie się z dokumentacją zawierającą wytyczne dotyczące formatowania.
Krok 2: Tworzenie celu bota
Cel jest dalej podzielony na 3 części:
Osobowość
Osobowość działa jak mózg bota i odgrywa istotną rolę w generowaniu skutecznych i użytecznych odpowiedzi. Składa się z wielu parametrów, takich jak Prompt, Relevance Score, Token Distribution, Prompt Persistence i Reverse Vector Search. Aby uzyskać szczegółowe wyjaśnienie tych terminologii, zalecamy zapoznanie się z naszym poprzednim blogiem, który zawiera kompleksowe informacje dla tych, którzy dopiero zaczynają przygodę z Cody. Cody udostępnia użytkownikowi dwie opcje tworzenia osobowości: Tryb szablonu i
Tryb zaawansowany.
Tryb szablonu zapewnia użytkownikom wstępnie zdefiniowane podpowiedzi, oferując wygodne rozwiązanie typu plug-and-play. W tym samouczku i przypadku użycia ograniczymy się do korzystania z trybu zaawansowanego, ponieważ ten przypadek użycia nie jest obecnie objęty trybem szablonu. W przyszłości planujemy stworzyć bibliotekę podpowiedzi z ich konkretnymi przypadkami użycia, zapewniając użytkownikom jeszcze więcej opcji, a także dodając więcej ustawień wstępnych do trybu szablonów.
Osobowość dla przewodnika AI:
Podpowiedź
Jesteś Cody Travel Guide, asystentem AI zajmującym się dostarczaniem dokładnych informacji na temat Bostonu. Twoim głównym zadaniem jest pomaganie mi poprzez dostarczanie mi wiarygodnych i jasnych odpowiedzi na moje pytania, w oparciu o informacje dostępne w bazie wiedzy jako jedyne źródło. Powstrzymaj się od wspominania “bazy wiedzy” lub nazw plików podczas rozmowy. Niechętnie wysuwasz jakiekolwiek roszczenia, chyba że są one określone lub poparte bazą wiedzy. Jeśli ostateczna odpowiedź jest niedostępna, przyznaj się do niemożności udzielenia odpowiedzi i poinformuj mnie, że nie możesz odpowiedzieć. Zamiast mówić “informacje są oparte na mojej bazie wiedzy”, po prostu powiedz “przepraszam, jeśli coś pominąłem”.
Spróbuj użyć następującego formatu do wyświetlenia informacji:
<h2> Nazwa miejsca </h2>
<strong> Opis: </strong> <br>
<strong> Adres: </strong> <br>
<strong> Godziny pracy: </strong> <br>
<strong> Dodatkowe informacje: </strong> <br>
Odwiedź stronę <a href=’Insert link’>< /a> aby dowiedzieć się więcej.
Jeśli zostaniesz poproszony o niestandardowy plan podróży lub trasę, utwórz go, korzystając z terminów i opisów podanych w tym formacie:
Nazwa miejsca: <br>
Czas wizyty: Czas rozpoczęcia-Czas zakończenia <br>
Adres: <br>
Wynik trafności:
Zrównoważony
Dystrybucja tokenów:
70-10-20 (Context-History-Response)
Persist Prompt:
Na
Odwrotne wyszukiwanie wektorów:
Wył.
Jeśli chcesz sformatować odpowiedzi bota w określony sposób, Cody obsługuje znaczniki Markdown i HTML, w których możesz zdefiniować szablon formatowania dla swojego bota.
Każdy monit dotyczący osobowości musi mieć określoną strukturę, aby uzyskać wysokiej jakości odpowiedzi. Ważne wskazówki dotyczące tworzenia skutecznych podpowiedzi z przykładami:
→ Zdefiniuj funkcje awaryjne:
- “Zamiast mówić, że informacje są oparte na mojej bazie wiedzy, po prostu powiedz: “Przepraszam, jeśli coś pominąłem””.
- “Jeśli nie możesz znaleźć odpowiednich informacji w bazie wiedzy, potwierdź swoją niezdolność i zasugeruj skontaktowanie się z [Enter your website URL/contact no.]”.
→ Ogranicz źródła:
- “Korzystaj z bazy wiedzy jako jedynego źródła”.
- “Twoja odpowiedź musi być w tym samym języku, co moja prośba i nie powinna zawierać słowa “baza wiedzy” podczas rozmowy”.
→ Zdefiniuj cel:
- “Twoim celem jest udzielenie mi pomocy i odpowiedzi na moje pytania dotyczące [Enter your business domain]”.
- “Unikaj niepowiązanych działań lub angażowania się w dyskusje niezwiązane z bazą wiedzy lub kreatywne pisanie”.
Przykładowy szablon zapytania do działu obsługi klienta:
📌 Jesteś Cody, asystentem AI ds. wsparcia strony internetowej, który pracuje dla Villa Homes. Twoim celem jest zapewnienie mi wsparcia i odpowiadanie na moje pytania dotyczące Villa Homes, korzystając z bazy wiedzy jako jedynego źródła.
Unikanie niepowiązanych działań lub angażowanie się w dyskusje niezwiązane z bazą wiedzy lub kreatywne pisanie. Jeśli nie możesz znaleźć odpowiednich informacji w bazie wiedzy lub jeśli użytkownik zadaje niezwiązane pytania, które nie są częścią bazy wiedzy, potwierdź swoją niezdolność i zasugeruj, abym skontaktował się z zespołem Villa Homes pod numerem +40XXXXXXX
Twoja odpowiedź musi być w tym samym języku, co moja prośba i nie powinna zawierać słowa “baza wiedzy” podczas rozmowy.
Aby dowiedzieć się więcej o inżynierii lepszych podpowiedzi, przeczytaj ten
blog
gdzie szczegółowo wyjaśniamy wszystkie podstawy Cody.
Ogólne
W tej sekcji będziesz musiał zdefiniować nazwę i opis swojego bota, a także wybrać model, którego chcesz używać z Cody. Do wyboru są trzy różne modele OpenAI:
- GPT-3.5
- GPT-3.5 16K
- GPT-4
Plan Premium zapewnia dostęp do wszystkich trzech modeli, dając swobodę wyboru najbardziej odpowiedniego dla konkretnych potrzeb. Jest to praktyczny wybór, pozwalający wykorzystać pełen zakres możliwości oferowanych przez Cody.
Będziemy kontynuować z GPT-4, ponieważ jest to najbardziej zaawansowany model obecnie dostępny i doskonale nadaje się do przypadku użycia, który będziemy demonstrować ze względu na jego zwiększoną kreatywność.
Wiedza
Folder utworzony w pierwszym kroku powinien być połączony z konkretnym botem w tej sekcji. Jeśli utworzyłeś wiele folderów, które chcesz połączyć, po prostu wybierz wszystkie foldery, w których chcesz trenować Cody.
Ważne jest, aby zrozumieć, że Cody nie jest czarną skrzynką, która ma własny umysł. Jest to model, który po prostu przewiduje następne słowo w zdaniu. Jak mówi słynne powiedzenie w nauce o danych:“Garbage In, Garbage Out“. Im lepiej ustawisz osobowość, zdefiniujesz zasady działania bota i wyczyścisz dostarczane dane, tym lepsze odpowiedzi będzie on generował. Dzięki nowszym dodatkom, takim jak tryb szablonu z różnymi ustawieniami wstępnymi, staramy się znacznie ułatwić użytkownikom proces podpowiadania osobowości.
Krok 3: Testowanie i udostępnianie bota
Teraz nadchodzi najbardziej ekscytująca część! Wypróbowanie i przetestowanie samodzielnie stworzonego bota może dać ci ogromne poczucie osiągnięcia. Istnieją dwa sposoby na przetestowanie i udostępnienie swojego bota: utworzenie czatu lub skorzystanie z nowo uruchomionego konfigurowalnego widżetu.
Aby utworzyć widżet czatu w zaledwie trzech prostych krokach:
- Przejdź do sekcji Boty w interfejsie Cody’ego.
- Wybierz utworzonego bota i kliknij trzy kropki “⋮”, aby uzyskać więcej opcji.
- Kliknij na“Embed“.
I voila! Pomyślnie utworzono konfigurowalny widżet Cody Widget.
Korzystając z widżetu Cody, masz dwie możliwości udostępnienia go innym: Udostępnij link lub Osadź. Jeśli nie masz strony internetowej dla swojej firmy lub jeśli nie czujesz się komfortowo z modyfikowaniem kodu strony, możesz łatwo udostępnić bota swoim klientom za pomocą podanego linku.
Dostępne są dwa rodzaje osadzanych widżetów:
- Inline Embed: Ten typ widżetu zostanie osadzony w określonym miejscu na stronie internetowej. Zajmie on niezbędną przestrzeń wymaganą przez widżet w zdefiniowanym elemencie głównym.
- Pop-Up Embed: Ten typ widżetu pojawia się jako pływająca ikona na stronie internetowej. Gdy odwiedzający kliknie ikonę, widżet rozszerza się i otwiera, umożliwiając interakcję z chatbotem.
Oba typy osadzalnych widżetów zapewniają różne sposoby integracji bota Cody z witryną, oferując elastyczność pod względem wykorzystania przestrzeni i doświadczenia użytkownika. Możesz wybrać ten, który najlepiej pasuje do Twojego projektu strony internetowej i preferencji dotyczących interakcji z użytkownikiem.
Dostosowywanie widżetu
Nasza najnowsza wersja funkcji oferuje użytkownikom pełną swobodę i opcje dostosowywania widżetów. Oznacza to, że możesz dostosować wygląd, zachowanie i ogólne wrażenia użytkownika widżetu do swoich konkretnych wymagań i marki.
Opcje personalizacji obejmują:
- Nagłówek
- Zmień układ nagłówka (lewy lub środkowy).
- Dodaj logo swojej firmy
- Kolor
- Tytuł
- Podtytuł
- Czat
- Rozmiar wiadomości (rozmiar dymku czatu)
- Kolor tła czatu
- Bot
- Wiadomości początkowe
- Kolor tła wiadomości
- Awatar bota
- Kolor bota
- Człowiek
- Sugerowane pytania
- Kolor tła wiadomości
- Kompozytor
- Komunikat zastępczy
- Ikona przycisku Wyślij
- Branding Cody (można usunąć tylko w planach Premium i Advanced )
- Launcher
- Rozmiar
- Pozycja ekranu
- Kolor tła (kolor przycisku pływającego)
- Ikona
- Ikona zamknięcia
Wszystkie te opcje dostosowywania powinny sprawić, że Cody będzie bardziej spersonalizowany i zgodny z estetyką firmy, co znacznie poprawi komfort użytkowania dla klientów.
To wszystko!
Tworzenie i udostępnianie bota za pomocą Cody jest teraz łatwiejsze niż kiedykolwiek, wymagając tylko trzech prostych kroków. Wraz z niedawnym wprowadzeniem opcji dostosowywania widżetów, nigdy nie było lepszego czasu na stworzenie własnego bota przy użyciu Cody. Dodatkowa elastyczność w dostosowywaniu widżetu pozwala dostosować wygląd i zachowanie bota do konkretnych potrzeb biznesowych i marki.
Nieustannie pracujemy nad rozwojem i wprowadzaniem bardziej ekscytujących funkcji, aby poprawić wrażenia z gry w Cody. Nasz zespół dokłada wszelkich starań, aby cały proces tworzenia i wdrażania botów był jeszcze bardziej płynny i przyjazny dla użytkownika. Bądź na bieżąco z nadchodzącymi aktualizacjami, ponieważ nadal ulepszamy i udoskonalamy platformę Cody. Aby uzyskać więcej zasobów, możesz również sprawdzić nasze Centrum pomocy i dołączyć do naszej społeczności Discord.
