Come aggiungere il chatbot IA Asyntai a HubSpot

Piattaforma:

HubSpot

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

Passaggio 1: ottieni il tuo codice di incorporamento

Per prima cosa, vai alla tua Dashboard Asyntai e scorri fino alla sezione "Codice di incorporamento". Copia il tuo codice di incorporamento univoco che apparirà così:

Passaggio 2: Utilizzo delle impostazioni del sito (consigliato)

Il modo più semplice per aggiungere il chatbot a tutte le pagine del tuo sito web HubSpot:

1. Accedi al tuo account HubSpot
2. Clicca sull'icona delle impostazioni (ingranaggio) nella barra di navigazione principale
3. In the left sidebar, navigate to Website > Pages
4. Scroll down to the "Site footer HTML" section
5. Incolla il codice di incorporamento Asyntai nell'area di testo
6. Clicca su "Save" in fondo alla pagina

Alternativa: Installazione per pagina specifica

Se vuoi il chatbot solo su pagine specifiche:

1. Vai su Marketing > Website > Website Pages (o Landing Pages)
2. Clicca sulla pagina che vuoi modificare
3. Nell'editor della pagina, clicca su Settings in alto
4. Scorri verso il basso fino a "Advanced options"
5. Trova la sezione "Footer HTML"
6. Incolla il tuo codice di incorporamento Asyntai
7. Clicca su "Apply changes" e pubblica la pagina

Alternativa: Utilizzo del Design Manager

Per un maggiore controllo, puoi aggiungere un file JavaScript tramite il Design Manager:

1. Vai su Marketing > Files and Templates > Design Tools
2. In the left sidebar, click File > New file
3. Seleziona "JavaScript" dal menu a tendina
4. Dai un nome al tuo file (es., asyntai-chatbot.js)
5. Aggiungi il seguente codice:
   (function() {
  var script = document.createElement('script');
  script.async = true;
  script.src = 'https://asyntai.com/static/js/chat-widget.js';
  script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
  document.body.appendChild(script);
})();
6. Sostituisci YOUR_WIDGET_ID con il tuo ID widget effettivo
7. Clicca su "Publish changes"
8. Includi questo file nel tuo template usando require_js o collegalo nelle impostazioni del sito

Alternativa: Utilizzo di Moduli Personalizzati

Crea un modulo riutilizzabile per il chatbot:

1. Vai su Marketing > Files and Templates > Design Tools
2. Clicca su File > New file > Module
3. Assegnagli il nome "Asyntai Chatbot"
4. In the module.html file, paste your embed code
5. Pubblica il modulo
6. Aggiungi il modulo alla sezione footer del tuo template, oppure trascinalo nelle singole pagine

Passaggio 3: verifica l'installazione

Dopo aver salvato le modifiche, visita il tuo sito web HubSpot in una nuova scheda del browser o in una finestra di navigazione in incognito. Dovresti vedere il pulsante del widget chat nell'angolo in basso a destra. Cliccaci sopra per assicurarti che si apra e funzioni correttamente.