Hogyan ágyazzuk be a Chatbot-ot a weboldalunkra.

Hogyan ágyazzuk be a chatbotot a weboldalra?

A chatbotot két fő módon lehet beágyazni a weboldalra: widgetként vagy iframe-ként. Az alábbiakban részletesen bemutatom, hogyan végezhető el ez a folyamat.

1. Lépjen a Chatbot adminisztrációs oldalára

1. Nyissa meg a chatbot adminisztrációs felületét a portálon.
2. Jelentkezzen be a regisztrált fiókjával.

2. Válassza ki a chatbotot

1. A bal oldali főmenüben kattintson a Chatbotok lehetőségre.
2. Válassza ki azt a chatbotot, amelyet be szeretne ágyazni a weboldalára.

3. Válassza a „Hozzáadás a webhelyhez” opciót

1. Miután belépett a kiválasztott chatbot kezelőfelületére, keresse meg a „Hozzáadás a webhelyhez” lehetőséget.
2. Kattintson erre az opcióra.

4. Válassza ki a beágyazási formátumot

Ezen a ponton két lehetőség közül választhat:

a) Beágyazás widgetként

1. Válassza a „Widgetként való beágyazás” opciót.
2. A rendszer automatikusan létrehoz egy HTML kódrészletet, amely tartalmazza a chatbot widget kódját.
3. Másolja ki ezt a kódot.
4. Nyissa meg a weboldala adminisztrációs felületét vagy HTML szerkesztőjét.
5. Illessze be a kódot a weboldal forráskódjába, közvetlenül az oldal </body> címkéje elé, hogy a widget az egész oldalon elérhető legyen.

b) Beágyazás iFrame-ként

1. Válassza az „iFrame-ként való beágyazás” opciót.
2. A rendszer egy iFrame kódrészletet generál, amelyet másoljon ki.
3. Nyissa meg a weboldala adminisztrációs felületét vagy HTML szerkesztőjét.
4. Illessze be a kódot arra a helyre, ahol a chatbotot meg szeretné jeleníteni.
5. Az iFrame méretét a width és height értékek módosításával szabhatja testre.

5. Tesztelje az integrációt

1. Miután beillesztette a kódot, mentse el a változtatásokat a weboldalon.
2. Nyissa meg a weboldalt egy böngészőben, és ellenőrizze, hogy a chatbot megfelelően jelenik-e meg.
3. A widget esetében a chatbot indító ikonja alapértelmezés szerint a jobb alsó sarokban fog megjelenni.
4. Az iFrame esetében ellenőrizze, hogy a chatbot a kívánt helyen és méretben látható-e.

Tippek a testreszabáshoz

• Widget ikon testreszabása: A chatbot adminisztrációs felületén testreszabhatja a widget indító ikonját, pozícióját és viselkedését (pl. automatikus megnyílás vagy üdvözlő buborék).
• iFrame méret módosítása: Az iFrame méretét az oldal kialakításához igazíthatja a width és height értékek módosításával.
• Automatikus megnyitás: A widget beállításainál engedélyezheti, hogy az oldal betöltésekor a chatbot automatikusan megnyíljon.