Vissza az irányítópultra

Dokumentáció

Ismerd meg az Asyntai használatát

Első lépések
Telepítés Tudásbázis AI tesztelése Weboldalak kezelése
Testreszabás
Widget színek AI asszisztens neve Kezdeti üzenet Widget pozíció Automatikus indítás Üdvözlő buborék Olvasatlan jelvény Utasítási mód Kérdések feltevése Emoji használata E-mail-cím gyűjtés Telefonszám gyűjtés Intelligens érdeklődő-rögzítés Honosítás Márkajelzés elrejtése Adatvédelmi hivatkozás Egyéni értesítés Átirat letöltése Új beszélgetés Beszélgetési előzmények Szlogen és állapotjelző pont Beszédfelismerés Csevegés ikon Céglogó Karakterkorlát Hőmérséklet
Tippek az AI-utasításokhoz Csomagok összehasonlítása
Funkciók
Weboldal feltérképezése Tudáshiányok Termékkártyák Dinamikus termékkártyák Dynamic Images Felhasználói kontextus Élő figyelés Emberi átvétel Eszkaláció AI-értesítések Napi jelentés Valós idejű adatforrás Valós idejű adatforrás Max Csapattagok Egyszeri bejelentkezés Képek hozzáadása Képfelismerés Fordítási widget Honosítás Érdeklődők Intelligens érdeklődő-rögzítés Támogatási jegyek Foglalások Beágyazások Oldalak kizárása Blokkolt IP-k Okosabb modell Gondolkodás engedélyezése Válaszjavaslatok Utólagos üzenetek Beszédfelismerés Átirat letöltése Beágyazott chat
Elemzések
Chat-analitika Chat-naplók
Integrációk
REST API Instagram Messenger WhatsApp Zapier Email Mobilalkalmazások
Egyéb
Hozzáadás a kezdőképernyőhöz Egyéni megnyitó gomb
Kérdezze meg az AI-t

Az Asyntai AI Chatbot hozzáadása a Framerhez

Lépésről lépésre útmutató Framer webhelyekhez

Beágyazási kód lekérése
Platform:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

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

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

2. lépés: Egyéni kód használata (ajánlott)

A Framer beépített Egyéni kód funkcióval rendelkezik, amely megkönnyíti a szkriptek hozzáadását:

  1. Nyisd meg a Framer projektedet
  2. Kattintson a fogaskerék ikonra (Webhelybeállítások) a bal oldali sávban
  3. Lépjen az "Egyéni kód" szakaszhoz
  4. Kattintson a "Szkript hozzáadása" gombra
  5. Illessze be az Asyntai beágyazási kódot a szkript mezőbe
  6. Állítsa az elhelyezést "A <body> tag végére"
  7. Mentse el és tegye közzé webhelyét

Tipp: A szkript "A <body> tag végére" való elhelyezése biztosítja, hogy az oldaltartalom után töltődjön be, ami chat widgetek esetén ajánlott, és nem lassítja az oldalbetöltést. A Framer kínál "<head> eleje" és "<head> vége" opciókat is, de a body vége az előnyben részesített.

Alternatíva: Kód komponens használata

Ha inkább kód komponenssel szeretné hozzáadni a chatbotot:

  1. A Framer szerkesztőben nyissa meg azt az oldalt, ahol a chatbotot szeretné
  2. Adjon hozzá egy kód komponenst a vásznához
  3. Illessze be az Asyntai beágyazási kódot a komponensbe
  4. Helyezze el az elrendezésben szükség szerint

Megjegyzés: Az Egyéni kód módszer az előnyben részesített, mivel a chatbotot az egész webhelyen, az összes oldalon alkalmazza. A kód komponens módszer csak ahhoz az oldalhoz adhatja hozzá a chatbotot, ahol a komponenst elhelyezi.

3. lépés: Telepítés ellenőrzése

A módosítások közzététele után látogasson el Framer webhelyére egy új böngészőlapon vagy inkognitóablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megfelelően nyílik meg és működik.

Nem látja a widgetet? Győződjön meg arról, hogy mentette és közzétette webhelyét a kód hozzáadása után. Próbálja meg üríteni a böngésző gyorsítótárát, vagy nézze meg inkognitóablakban. Ha egyéni tartományt használ, a módosítások terjesztéséhez néhány percre lehet szükség.