C cenaly.com
Empezar gratis

Shopify · ayuda al comprador en la tienda

Widgets de Cenaly.com para Shopify

Añada un chat, un botón de contacto o un widget promocional en las páginas de productos y colecciones. El código se instala en el tema de la tienda; no es una aplicación de sincronización de pedidos ni una instalación en el checkout. Para el consentimiento y la analítica, siga el procedimiento aparte que se indica más abajo.

  • Empiece con un solo escenario en la página del producto
  • La configuración, en Cenaly.com; el código, en theme.liquid de su tema
  • Antes de editar, haga una copia del tema; tras publicar, compruebe el carrito y la vista móvil

Sin tarjeta · el registro lleva un minuto, la etiqueta uno más · los cambios de configuración llegan al sitio en 5 minutos

Una etiqueta para todos los Widget9 de 13 son gratuitosShadow DOM: no rompe el maquetadoEtiquetas en el idioma de la páginaDos Nube: AWS y Rusia

Qué funciona en Shopify

Elija el widget que necesite y configúrelo en su cuenta. Los widgets habituales utilizan una etiqueta común; para consent y analítica es importante un orden de instalación independiente.

El widget y la plataforma seleccionados se conservarán al registrarse. A continuación, configure el widget en su cuenta. Mantenga esta instrucción abierta para Shopify: después de la configuración, vuelva a los pasos de instalación que figuran a continuación.

Los 13 Widget →

¿Necesita un Plan de pago de Shopify?

No se necesita un plan de pago de la plataforma

Se necesita una tienda con Online Store y acceso al código del tema; no se requiere una aplicación aparte para insertar el tag.

Esta instrucción se refiere a una tienda donde estén disponibles Online Store → Themes → Edit code. Compruebe las capacidades de su plan y los permisos del empleado antes de empezar la instalación.

La suscripción de Shopify se paga aparte de los widgets de Cenaly.com. La ausencia de una compra aparte de la aplicación no significa una tienda gratuita ni acceso a la edición del checkout.

Los elementos de menú y las condiciones de tarifa de esta página proceden de la ayuda oficial:

Verificado con la ayuda de la plataforma 2026-09-22

Cómo insertar el código en Shopify

Widgets habituales: chat, botón de contacto, cita

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Etiqueta de ejemplo para widgets normales. Tome su propio código de la cuenta; no es necesario sustituirlo por un dominio de demostración. Para bloquear la analítica, utilice las instrucciones aparte que figuran a continuación. Banner de cookies y analítica: un procedimiento aparte →

  1. 1

    Copie el código de instalación

    En la cuenta de Cenaly.com: Panel de administración → Marketing → «Mi sitio». Escriba la dirección de la tienda en el primer campo y copie la línea del tag.

  2. 2

    Haga una copia del tema

    En el panel de administración de Shopify: Online Store (Tienda online) → Themes (Temas) → en el tema deseado, «…» → Duplicate. Esta es su vía de vuelta si algo va mal.

  3. 3

    Abra el editor de código

    En el mismo lugar: en el tema, el icono «…» → Edit code (Editar código). La ayuda de Shopify describe la ruta así: «From your Shopify admin, go to Online Store. Click … > Edit code».

  4. 4

    Localice theme.liquid

    En la lista de la izquierda: la carpeta Layout → el archivo theme.liquid. Es la estructura común de todas las páginas de la tienda.

  5. 5

    Inserte la etiqueta y guarde

    Inserte la línea justo antes de la etiqueta de cierre head (o antes del cierre de body) y pulse Save.

  6. 6

    Compruebe la instalación

    Abra la tienda y vuelva a «Mi sitio» → «Comprobar instalación».

La edición vive en un tema concreto. Si publica otro tema, inserte el tag también en él; de lo contrario, los widgets desaparecerán junto con el tema antiguo.

Ayuda oficial de Shopify ↗

Comprobación de la instalación

  1. 1

    Vuelva a publicar el sitio

    En los constructores, la edición vive en el borrador: mientras no se vuelvan a publicar las páginas, la etiqueta no está en el sitio en vivo.

  2. 2

    Abra «Mi sitio» en la cuenta

    Panel de administración → Marketing → «Mi sitio». En el primer campo está la dirección de su sitio y, al lado, «Comprobar instalación».

  3. 3

    Vea qué se ha encontrado

    La comprobación lee el HTML de origen de la página y muestra los widgets encontrados. La etiqueta insertada a través de Google Tag Manager no la verá: es una limitación de la comprobación, no de la instalación.

El análisis de los errores de instalación está en la ayuda Instrucciones de instalación →

Particularidades de Shopify

  • El código corresponde al tema seleccionado

    Tras un cambio o una actualización del tema, compruebe que el tag esté presente en la versión publicada. No inserte una segunda copia si la primera se ha conservado.

  • La vitrina y el checkout son superficies distintas

    La ruta a través de theme.liquid está pensada para las páginas de la vitrina que usan este tema. No añade el widget al checkout ni confirma el control sobre los píxeles de Shopify.

  • Ya hay una aplicación de chat instalada

    Compruebe si los botones se superponen en el teléfono. Desactive el sobrante o cambie su posición y, después, compruebe la apertura del carrito.

  • Sus pedidos permanecen en Shopify

    Insertar el tag no importa productos, carritos ni pedidos. Si las ventas se realizan a través de Shopify, empiece por el chat o el multibotón; el widget de pedido de Cenaly.com se activa aparte.

Preguntas y respuestas

¿Hace falta una aplicación de Shopify App Store?

Para el método descrito, no: un tag normal se añade en theme.liquid. Se necesita acceso al tema; para el consent hay un tag aparte y una comprobación del orden de carga.

¿Funcionará el widget en el checkout?

Este método de instalación se refiere a la vitrina. No amplía el checkout ni sincroniza los datos de los pedidos de Shopify.

¿Se puede garantizar la compatibilidad con el carrito?

El diseño del widget está aislado por Shadow DOM, pero esto no garantiza la compatibilidad de cualquier comportamiento del tema y de las aplicaciones. Primero haga una copia del tema y después compruebe la ficha de producto, el carrito y la página móvil.

¿Qué hay que comprobar tras un cambio de tema?

La presencia de un solo tag en el nuevo tema publicado, la apertura del widget, la ausencia de superposición de botones y el dominio correcto de la cuenta.

¿Sirve una etiqueta async normal para el banner de cookies?

Para bloquear los rastreadores antes del consentimiento se necesita un consent/v1.js aparte, primero en el head y sin async/defer. Compruebe la carga antes de la elección, tras el rechazo y tras la aceptación. La analítica integrada de la plataforma puede requerir una configuración aparte; la aparición del banner no confirma el cumplimiento de la ley.

Más información —instalación por plataformas, configuración y solución de problemas— en la ayuda. Instrucciones de instalación →

Instale los widgets en su tienda Shopify

Elija una tarea para el escaparate, configure el widget e instálelo en una copia del tema. Tras la publicación, compruebe la página del producto y el carrito.

Elegir widget

Sin tarjeta · el registro lleva un minuto, la etiqueta uno más · los cambios de configuración llegan al sitio en 5 minutos