Cómo poner la recepcionista en tu web de WordPress, Wix o Shopify

Poner tu recepcionista en la web que ya tienes son dos minutos y no hace falta saber programar: copias un código y lo pegas en tu web. A partir de ahí, el chat aparece como una burbuja abajo a la derecha, en todas las páginas donde esté ese código.

Abajo tienes el paso a paso de cada plataforma. Busca la tuya y sáltate el resto.

Antes de empezar: tu código

Es una sola línea. Con la sesión iniciada, la guía de Instalación te enseña la tuya ya rellena y con botón de copiar. Esto es solo un ejemplo (no lo copies):

<script src="https://www.receptai.es/embed.js?s=TU-SLUG" async></script>

Dónde va el código

Siempre en el mismo sitio: justo antes de la etiqueta </body> de tu web, que marca el final de la página. Casi todas las plataformas tienen un apartado para esto, con nombres como «código personalizado», «pie» o «footer». No tienes que tocar nada más.

WordPress

1. Entra en el escritorio de tu WordPress.
2. Ve a Plugins → Añadir nuevo plugin, busca WPCode (antes se llamaba «Insert Headers and Footers»), instálalo y actívalo.
3. Entra en Code Snippets → Header & Footer y pega el código en el recuadro «Footer».
4. Pulsa Save Changes y abre tu web: la burbuja ya debería estar ahí. En WordPress.com hace falta un plan que permita plugins (Business o superior).

Wix

1. Antes de nada: Wix solo carga código propio si la web está publicada y con un dominio conectado, y eso exige un plan Premium.
2. En el panel de control de tu web, ve a Ajustes → Código personalizado (en «Desarrollo e integraciones»).
3. Pulsa «+ Añadir código personalizado» y pega el código.
4. Elige que se cargue en «Todas las páginas» y en la posición «Body - final».
5. Pulsa Aplicar.

Shopify

1. En tu administrador, ve a Tienda online → Temas.
2. En el tema activo, pulsa «…» → Editar código.
3. En la carpeta Layout, abre theme.liquid y pega el código justo antes de </body>.
4. Guarda.

Squarespace

1. Ve a Sitio web → Herramientas del sitio web → Inyección de código (solo en los planes Core, Plus y Advanced).
2. Pega el código en el recuadro «Footer».
3. Guarda. La burbuja aparece en toda la web.

Web en HTML o hecha a medida

1. Abre el archivo .html de tu página, o pídeselo a quien te hizo la web.
2. Pega el código justo antes de </body>.
3. Sube el archivo a tu alojamiento.

Si tu web tiene varias páginas en archivos distintos, el código va en cada una de ellas: la burbuja solo sale donde esté pegado.

Comprueba que funciona

Abre tu web en el móvil y en el ordenador, abre la burbuja y hazle una de las preguntas que te hacen siempre. Si contesta con tus datos, está bien puesta. Si contesta con datos que no son los tuyos, revisa que el código sea el de tu panel.

Si no te aparece la burbuja

• Comprueba que tu plan está activo: el código no hace nada sin un plan detrás.
• Comprueba que pegaste el fragmento entero, sin cortar, y que es el de tu panel.
• Recarga con Ctrl/Cmd + Mayús + R para saltarte la caché del navegador. Si tu web usa Cloudflare o un plugin de caché, vacíala también ahí.
• Mira que tu web cargue con https. Un navegador puede bloquear un script externo en una página sin certificado, y no avisa en pantalla.

Si prefieres que lo hagamos nosotros

Escríbenos a hola@receptai.es con la dirección de tu web y te ayudamos a dejarla puesta. La guía de referencia, siempre al día, está en Instalación.