Saltar al contenido

Guía de Instalación

Instalá SiteBot en tu sitio web en menos de 5 minutos. Sin conocimientos técnicos.

Tu snippet

Nosotros te proporcionamos un snippet (código) personalizado como este. Solo tenés que pegarlo en tu sitio:

SiteBot Widget — Begin code
<!-- SiteBot Widget -->
<script>
    window.SiteBotConfig = { apiKey: 'TU_API_KEY' };
</script>
<script src="https://sitebot.smart506.net/widget/sitebot.js">
</script>
<!-- SiteBot Widget -->
End code
Importante: Este código debe ir justo antes de la etiqueta </body> de tu sitio web. El color, nombre del bot, WhatsApp y teléfono se configuran automáticamente desde nuestro servidor.

Instalación por plataforma

WordPress
OpenCart
PrestaShop
Magento 2
Shopify
Sitio Web HTML

Instalación en WordPress

Compatible con WordPress 5.6+ y WooCommerce

Hay dos formas de instalar el widget:
Opción A — Plugin WPCode (recomendada, sin tocar código)
Opción B — Editar footer.php (avanzado)
1

Opción A — Plugin WPCode (recomendada)

Instalar WPCode:

  • Plugins → Añadir nuevo → buscar "WPCode" → Instalar → Activar

Crear el fragmento:

  1. Ir a Fragmentos de código → + Añadir fragmento
  2. Clic en "Añadí tu código personalizado (nuevo fragmento)"
  3. En Tipo de código seleccionar: Fragmento de HTML
  4. En el título poner: SiteBot Widget
  5. En el campo de código, pegar tu snippet de SiteBot
  6. En la sección Inserción:
    • Método: Auto insertar
    • Ubicación: Pie de página de todo el sitio
  7. En Tipo de dispositivo: dejar en Cualquier dispositivo
  8. Arriba a la derecha: cambiar de Inactivo → Activo
  9. Clic en Guardar fragmento
2

Opción B — Editar footer.php (avanzado)

Apariencia → Editor de archivos del tema → abrir footer.php

Buscar <?php wp_footer(); ?> → pegar el snippet justo después, antes de </body>

Opción B advertencia: Los cambios en footer.php se pierden al actualizar el tema. Si usás un tema hijo (child theme), editá su footer.php.
Verificación: Abrí tu sitio en modo incógnito → la burbuja debe aparecer en la esquina inferior derecha.

Instalación en OpenCart 3.x

1

Accedé al panel de administración

Ingresá a tu-tienda.com/admin con tus credenciales.

2

Andá a Diseño → Editor de temas

Navegá a Design → Theme Editor. Buscá el archivo common/footer.twig de tu tema activo.

3

Pegá el snippet antes del cierre </body>

Al final del archivo, justo antes de </body>, pegá tu snippet de SiteBot. Guardá.

Alternativa: Si no encontrás el editor de temas, podés editar el archivo directamente por FTP en /catalog/view/theme/TU_TEMA/template/common/footer.twig
Verificación: Abrí tu tienda en modo incógnito → la burbuja debe aparecer.

Instalación en PrestaShop 8.x

Hay dos formas de instalar el widget:
Opción 1 — Módulo HTMLbox (recomendada, sin tocar código)
Opción 2 — Editar el tema directamente (avanzado)

Opción 1: Módulo HTMLbox (recomendada)

1

Descargá el módulo HTMLbox (gratuito)

Ir a mypresta.eu/modules/front-office-features/html-box.html

Seleccionar la versión para PrestaShop 8.x y descargar el ZIP.

2

Instalá el módulo en PrestaShop

Modules → Module Manager → Upload a module → subir el ZIP → Install → Configure

3

IMPORTANTE: Deshabilitá HTML Purifier

Sin este paso el widget NO va a aparecer. PrestaShop elimina las etiquetas <script>.

  • Ir a Shop Parameters → General
  • Buscar "Use HTMLPurifier Library"
  • Desmarcar (poner en No) → Save
4

Configurá HTMLbox con el snippet

Modules → Module Manager → HTMLbox → Configure:

  • "Where you want to display content box?" → seleccionar footer
  • Marcar: "Disable rich text editor"
  • Pegar tu snippet de SiteBot en el campo de contenido

Opción 2: Editar el tema (avanzado)

1

Editá footer.tpl

Por FTP, editá: /themes/[tu-tema]/templates/_partials/footer.tpl

Pegá el snippet antes de la etiqueta de cierre {/block} al final.

Advertencia: Este método funciona pero los cambios se pierden al actualizar el tema.
Verificación: Abrí tu tienda en modo incógnito → la burbuja debe aparecer.

Instalación en Magento 2.3 / 2.4

Hay dos formas de instalar el widget:
Opción A — Desde el admin de Magento (recomendada)
Opción B — Editar root.phtml (avanzado)
1

Opción A — Desde el admin (recomendada)

En el admin de Magento:

  1. Ir a Content → Design → Configuration
  2. Clic en Edit en la tienda/tema activo
  3. Abrir la sección "Other Settings" → "Footer"
  4. En el campo "Miscellaneous HTML" pegar tu snippet de SiteBot
  5. Clic en Save Configuration
  6. IMPORTANTE — Limpiar cache: System → Cache Management → Flush Magento Cache
2

Opción B — Editar root.phtml (avanzado)

Por FTP o SSH, editá:
app/design/frontend/[vendor]/[tema]/Magento_Theme/templates/root.phtml

Pegá el snippet antes de </body>. Luego limpiar cache.

Sin limpiar cache no funciona. Después de guardar SIEMPRE ir a System → Cache Management → Flush Magento Cache.
Verificación: Abrí la tienda en modo incógnito → la burbuja debe aparecer.

Instalación en Shopify

Hay dos formas de instalar el widget:
Opción A — Editor de código (recomendada)
Opción B — Theme Customizer (sin tocar código)
1

Opción A — Editor de código (recomendada)

En tu Admin de Shopify:

  1. Online Store → Themes → tema activo → Edit code
  2. Abrir: Layout → theme.liquid
  3. Buscar </body> al final del archivo
  4. Pegar tu snippet ANTES de </body>
  5. Clic en Save
2

Opción B — Theme Customizer (sin código)

En tu Admin de Shopify:

  1. Online Store → Themes → tema activo → Customize
  2. Agregar sección → Custom Liquid
  3. Pegar tu snippet de SiteBot → Save
Verificación: Abrí tu tienda en modo incógnito → la burbuja debe aparecer.

Instalación en sitio HTML

1

Abrí tu archivo HTML principal

Abrí el archivo index.html (o el archivo principal de tu sitio) en tu editor de texto.

2

Pegá el snippet antes de </body>

Buscá la etiqueta </body> al final del archivo y pegá tu snippet justo antes.

Si tu sitio tiene varias páginas HTML:

Cada archivo HTML es independiente. Si pegás el snippet solo en index.html, el bot NO aparecerá en otras páginas. Tenés dos opciones:

Opción 1 — Pegar en cada archivo (simple pero hay que mantener todos)

Opción 2 — PHP include (recomendada si tu sitio soporta PHP)

Creá un archivo sitebot-include.php con tu snippet y en cada página poné:

<?php include 'sitebot-include.php'; ?>
Verificación: Abrí tu sitio en modo incógnito → la burbuja debe aparecer.

¿Necesitás ayuda?

Si tenés problemas con la instalación, contactanos y te ayudamos sin costo:

WhatsApp: +506 8871-0000
&#128231; info@smart506.com