Asístelo ToDo

Integraciones

Chat en tu web

El mismo asistente que contesta el teléfono puede atender a tus visitantes web. Se activa con una sola línea de código en cualquier plataforma.

Tres formas de integrarlo

Más fácil

Script (recomendado)

Una línea de código. Aparece como un botón flotante en la esquina de tu web. Sin tocar el diseño.

Más control

Iframe

Embebe el chat en una sección concreta de tu página: una columna lateral, una página de contacto, etc.

Para devs

API REST

Control total para tu equipo técnico. Construye tu propia interfaz usando nuestra API.

Guías por plataforma

Tu ORG_ID lo encontrarás en el panel: Integraciones → Chat web → Script. Es el identificador único de tu organización en Asístelo ToDo.

HTML / cualquier web

  1. Copia el script de tu panel (Integraciones → Chat web → Script).
  2. Pégalo antes de cerrar la etiqueta </body> de tu página.
  3. Guarda y recarga: verás el botón de chat flotante en la esquina inferior derecha.
index.htmlhtml
<!-- Pega este código antes de </body> -->
<script
  src="https://cdn.asistelotodo.com/widget/v1/loader.js"
  data-org-id="TU_ORG_ID"
  async
></script>

WordPress

  1. Ve a Apariencia → Editor de temas (o usa un plugin como "Insert Headers and Footers").
  2. Pega el script en la sección Footer (antes de </body>).
  3. Guarda los cambios.
footer.phphtml
<!-- En WordPress, pega en Apariencia → Editor → footer.php -->
<!-- Justo antes de </body> -->
<script
  src="https://cdn.asistelotodo.com/widget/v1/loader.js"
  data-org-id="TU_ORG_ID"
  async
></script>

Shopify

  1. Ve a Tienda en línea → Temas → Editar código.
  2. Abre el archivo theme.liquid.
  3. Pega el script justo antes de </body>.
theme.liquidhtml
{%- comment -%} Pega en theme.liquid, antes de </body> {%- endcomment -%}
<script
  src="https://cdn.asistelotodo.com/widget/v1/loader.js"
  data-org-id="TU_ORG_ID"
  async
></script>

Wix

  1. Ve a Ajustes → Herramientas avanzadas → Código personalizado.
  2. Haz clic en "+ Agregar código personalizado".
  3. Pega el script y elige "Colocar código en: Cuerpo - Fin".
Custom Codehtml
<script
  src="https://cdn.asistelotodo.com/widget/v1/loader.js"
  data-org-id="TU_ORG_ID"
  async
></script>

Webflow

  1. En el Designer, ve a Configuración del proyecto → Custom Code.
  2. Pega el script en la sección "Footer Code".
  3. Publica los cambios.
Footer Codehtml
<!-- En Webflow: Project Settings → Custom Code → Footer Code -->
<script
  src="https://cdn.asistelotodo.com/widget/v1/loader.js"
  data-org-id="TU_ORG_ID"
  async
></script>

Personalización del widget

Puedes personalizar el color del botón, el texto de bienvenida y el avatar del asistente desde el panel (Integraciones → Chat web → Personalizar). Los cambios se aplican al instante, sin tocar el código.

Iframe: incrustar en una sección

Si prefieres embeber el chat en un espacio concreto de tu página (sin el botón flotante):

Tu páginahtml
<iframe
  src="https://asis.asistelotodo.com/chat/TU_ORG_ID"
  width="100%"
  height="600"
  style="border: none; border-radius: 16px;"
  title="Asístelo ToDo"
></iframe>
El iframe es ideal para páginas de contacto o de soporte. Funciona en cualquier web sin necesidad de JavaScript adicional.

¿Tienes preguntas técnicas?

Consulta la API Reference para integraciones avanzadas, o escríbenos desde contacto.