Jak dodać czat AI do swojej strony w 5 minut (bez kodowania)

    8 min czytania
    Ing. Patrik Kelemen
    Jak dodać czat AI do swojej strony w 5 minut (bez kodowania)

    Przewodnik krok po kroku dodawania widgetu czatu AI do dowolnej strony. Działa z HTML, WordPress, Shopify, React, Vue i Angular. Nie potrzebujesz umiejętności programowania.

    Namiru AI

    Obsluga klienta AI dla Twojej strony

    Wklej swoj URL. Otrzymaj agenta wsparcia w 30 sekund.

    Odwiedzający Twoją stronę mają pytania. Chcą odpowiedzi teraz, nie za 4 godziny, gdy sprawdzisz skrzynkę. Widget czatu AI obsługuje to automatycznie, odpowiadając na częste pytania 24/7, podczas gdy Ty skupiasz się na prowadzeniu firmy.

    Ten przewodnik pokazuje dokładnie, jak dodać czat AI do dowolnej strony, krok po kroku. Nie potrzebujesz umiejętności programowania.

    Dlaczego warto dodać czat AI do strony?

    Zanim przejdziemy do instrukcji, oto dlaczego to ważne.

    Średni czas pierwszej odpowiedzi w e-mailowym wsparciu to 12 godzin. Czat na żywo skraca to do minut, ale wymaga kogoś online. Czat AI daje natychmiastowe odpowiedzi, 24 godziny na dobę, 7 dni w tygodniu, przy zerowych kosztach personelu.

    Dla małych firm matematyka jest prosta. Jeden pracownik wsparcia kosztuje 3000-5000 $ miesięcznie. Widget czatu AI kosztuje 30-60 $ miesięcznie i obsługuje tysiące rozmów bez przerw, zwolnień lekarskich czy urlopów.

    Oprócz oszczędności kosztów czat AI pozyskuje leady, które inaczej byś stracił. Odwiedzający trafia na Twoją stronę o 23:00, ma pytanie o ceny i odchodzi, bo nikt nie odpowiada. Z czatem AI odwiedzający dostaje natychmiastową odpowiedź, a Ty budzisz się z kwalifikowanym leadem w dashboardzie.

    Co potrzebujesz

    • Stronę internetową (każda platforma działa)
    • 5 minut
    • To wszystko

    Nie musisz umieć programować. Nie musisz pisać przepływów konwersacji czy drzew decyzyjnych. Nowoczesne narzędzia czatu AI crawlują Twoją stronę i uczą się treści automatycznie.

    Krok po kroku: Dodanie czatu AI z Namiru.ai

    Używamy Namiru.ai w tym tutorialu, bo to najszybszy sposób od zera do działającego chatbota. Cały proces zajmuje około 5 minut.

    Krok 1: Utwórz konto

    Wejdź na namiru.ai i kliknij "Zacznij za darmo". Wpisz e-mail i hasło. To wszystko. Karta kredytowa nie jest wymagana, żadnych długich formularzy.

    Krok 2: Wpisz URL swojej strony

    Po rejestracji zobaczysz prosty ekran pytający o URL strony. Wpisz lub wklej swoją domenę (np. twojafirma.pl) i kliknij "Utwórz agenta".

    Tu dzieje się magia. Crawler AI Namiru automatycznie odwiedzi Twoją stronę, przeczyta każdą dostępną podstronę i wyciągnie ważne informacje: produkty, usługi, ceny, polityki, FAQ i więcej.

    Zobaczysz działanie crawlera w czasie rzeczywistym, pokazujące znalezione strony i liczbę wyodrębnionych wpisów wiedzy.

    Krok 3: Przejrzyj bazę wiedzy

    Po zakończeniu crawlowania (zwykle 30-60 sekund) zobaczysz listę wszystkiego, czego AI nauczyła się z Twojej strony. Każdy wpis ma tytuł i podgląd. Możesz edytować, usuwać lub dodawać nowe wpisy, ale domyślne zwykle wystarczają na start.

    Możesz też przesłać dodatkowe pliki jak PDF, CSV lub dokumenty tekstowe, jeśli masz informacje, których nie ma na stronie.

    Krok 4: Dostosuj wygląd (opcjonalnie)

    Wybierz między jasnym i ciemnym motywem, dostosuj kolory do marki, ustaw własną wiadomość powitalną i dodaj logo. Ten krok jest całkowicie opcjonalny. Możesz go pominąć i wrócić później.

    Krok 5: Wdróż

    Skopiuj tag script z ekranu wdrożenia i wklej go na swoją stronę przed zamykającym tagiem body. To jedna linia kodu.

    Jeśli używasz konkretnego frameworka, Namiru oferuje też pakiety npm:

    • React: npm install namiru-react
    • Vue: npm install namiru-vue
    • Angular: npm install namiru-angular

    Dla WordPress możesz wkleić tag script do stopki motywu lub użyć wtyczki "Insert Headers and Footers".

    Dla Shopify przejdź do Online Store, Themes, Edytuj kod i wklej tag script w pliku theme.liquid przed zamykającym tagiem body.

    Krok 6: Przetestuj

    Odwiedź swoją stronę i kliknij dymek czatu w prawym dolnym rogu. Zadaj pytanie o swoją firmę. AI odpowie na podstawie tego, czego nauczyła się z Twojej strony.

    Spróbuj pytań jak:

    • "Jakie są ceny?"
    • "Czy wysyłacie międzynarodowo?"
    • "Jak mogę skontaktować się ze wsparciem?"

    Jeśli AI czegoś nie wie, powie to uczciwie zamiast wymyślać informacje.

    Instrukcje dla konkretnych platform

    HTML / Strony statyczne

    Wklej to przed zamykającym tagiem body:

    html
    <script src="https://namiru.ai/widget.js"></script>
    <script>NamiruChat.init({ agentId: 'YOUR_AGENT_ID' });</script>
    

    Zastąp YOUR_AGENT_ID identyfikatorem z ekranu wdrożenia.

    WordPress

    Dwie opcje:

    1. Użyj wtyczki "Insert Headers and Footers" i wklej tag script w sekcji stopki.
    2. Przejdź do Wygląd, Edytor motywu i dodaj tag script do pliku footer.php przed zamykającym tagiem body.

    Dedykowana wtyczka WordPress jest w drodze.

    Shopify

    1. Przejdź do Online Store, Themes
    2. Kliknij Actions, Edit Code
    3. Otwórz theme.liquid
    4. Wklej tag script przed zamykającym tagiem body
    5. Zapisz

    React

    bash
    npm install namiru-react
    
    jsx
    import { NamiruChat } from 'namiru-react';
    
    function App() {
      return (
        <div>
          <NamiruChat agentId="YOUR_AGENT_ID" />
        </div>
      );
    }
    

    Vue

    bash
    npm install namiru-vue
    
    vue
    <template>
      <NamiruChat agentId="YOUR_AGENT_ID" />
    </template>
    
    <script setup>
    import { NamiruChat } from 'namiru-vue';
    </script>
    

    Angular

    bash
    npm install namiru-angular
    

    Dodaj komponent do swojego szablonu:

    html
    <namiru-chat agentId="YOUR_AGENT_ID"></namiru-chat>
    

    Co się dzieje po wdrożeniu

    Gdy widget czatu jest na żywo, każda rozmowa jest automatycznie analizowana. Dashboard pokazuje:

    • Podsumowania rozmów z intencją, nastrojem i tagami tematów
    • Pozyskiwanie leadów z imieniem, e-mailem i statusem kwalifikacji
    • Problemy, które wciąż się pojawiają w rozmowach
    • Najczęstsze tematy, o które pytają odwiedzający
    • Tygodniowe wnioski AI z praktycznymi rekomendacjami

    To nie jest tylko chatbot. To pętla informacji zwrotnej, która mówi Ci, czego potrzebują klienci, czego brakuje na stronie i kto jest gotowy do zakupu.

    Cennik

    Namiru.ai oferuje trzy plany:

    • Darmowy: 50 rozmów miesięcznie, pełny dashboard, 1 agent
    • Starter (29 €/mies.): 2000 rozmów, własne motywy, wsparcie e-mail
    • Pro (59 €/mies.): 5000 rozmów, nieograniczona liczba agentów, usunięcie brandingu

    Bez opłat za stanowisko. Bez kosztów za rozwiązanie. Bez ukrytych kosztów. Darmowy plan wystarczy, by przetestować na stronie i zobaczyć wyniki przed płaceniem.

    Częste pytania

    Czy spowolni moją stronę? Nie. Widget ładuje się asynchronicznie i nie wpływa na szybkość strony.

    Jakie języki obsługuje? Ponad 200 języków z automatycznym wykrywaniem. Jeśli odwiedzający pisze po francusku, AI odpowiada po francusku. Bez konfiguracji.

    Czy mogę kontrolować, co mówi AI? Tak. AI odpowiada tylko na podstawie Twojej bazy wiedzy. Możesz edytować, dodawać lub usuwać wpisy w dowolnym momencie. Nie wymyśla informacji.

    Co jeśli AI nie może odpowiedzieć na pytanie? Zasugeruje odwiedzającemu kontakt bezpośrednio przez e-mail. Otrzymasz też powiadomienie, abyś mógł się skontaktować.

    Czy moje dane są bezpieczne? Namiru.ai jest hostowane w całości w Unii Europejskiej. Twoje dane pozostają w UE.

    Zacznij

    Dodanie czatu AI do strony zajmuje 5 minut i nic nie kosztuje do wypróbowania.

    Zacznij za darmo na namiru.ai. 50 rozmów miesięcznie, karta kredytowa nie jest wymagana.

    Stworzone przez Namiru.ai - plug-and-play czat AI dla Twojej strony.

    Patrik Kelemen
    Author
    Ing. Patrik Kelemen
    Founder of Namiru.aiSlovakia, EU

    Senior software engineer with 10+ years of experience, specializing in AI chat widgets and automation. Building Namiru.ai to help businesses leverage AI without complexity.

    AI AgentsAngularReactNodeJSAWSAzure
    Spodobal ci sie ten artykul?

    Zobacz, co AI moze zrobic dla Twojej strony

    Wklej swoj URL i obserwuj, jak Twoj agent AI ozywia sie w kilka sekund.

    Twoi klienci otrzymuja natychmiastowe odpowiedzi. Ty zyskujesz leady, analizy i swoj czas z powrotem.

    Bez karty kredytowej

    Namiru.ai

    AI chat for your website