Cómo añadir el chatbot de IA de Asyntai a October CMS

Plataforma:

October CMS

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco 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

Paso 1: Obtén su código de inserción

Primero, ve a tu Panel de control de Asyntai y desplázate hasta la sección "Código de inserción". Copia tu código de inserción único que se verá así:

Paso 2: Añadir a la plantilla de layout (Recomendado)

La forma recomendada de agregar el chatbot es editando su layout predeterminado en el backend de October CMS:

1. Inicia sesión en su backend de October CMS
2. Ve a CMS > Layouts en el menú principal
3. Abra su layout predeterminado (normalmente default.htm)
4. Encuentra el cierre de la etiqueta </body> y el {% scripts %} placeholder
5. Agregue su código de inserción de Asyntai justo antes {% scripts %} y </body>:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% scripts %} </body>
6. Haga clic en "Save" para aplicar sus cambios

Alternative Method 1: Using {% put scripts %} Block

Puede usar el marcador de posición de scripts de October CMS para inyectar el chatbot desde una página o partial:

1. Abra cualquier página o partial en el editor del CMS
2. Agregue el siguiente código usando el {% put scripts %} bloque:
   {% put scripts %} <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> {% endput %}
3. Reemplace YOUR_WIDGET_ID con su ID de widget real del panel de control
4. Haga clic en "Save"

Método alternativo 2: Usar componente PHP

Si prefieres un enfoque programático, puede agregar el script del chatbot a través de un componente personalizado:

1. Cree o modifique un componente en su plugin de October CMS
2. En el método onRun() del componente, use el método addJs():
   public function onRun() { $this->addJs('https://asyntai.com/static/js/chat-widget.js', [ 'async' => true, 'data-asyntai-id' => 'YOUR_WIDGET_ID' ]); }
3. Reemplaza YOUR_WIDGET_ID con su ID de widget real
4. Registra el componente en las páginas donde deseas que aparezca el chatbot

Método alternativo 3: Usar un Partial

Puede crear un partial reutilizable para el widget del chatbot:

1. Ve a CMS > Partials en el backend de October CMS
2. Haga clic en "+ Add" para crear un nuevo partial
3. Nómbralo asyntai-widget.htm
4. Añada su código de inserción de Asyntai al partial:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
5. Haga clic en "Save"
6. Abra su plantilla de layout e incluya el partial antes de </body>:
   {% partial 'asyntai-widget' %}
7. Guarde el layout

Paso 3: Verificar la instalación

Después de guardar sus cambios, visite su sitio web de October CMS en una nueva pestaña del navegador o en una ventana de incógnito. Debería ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarse de que se abra y funcione correctamente.