Cómo añadir un popup a una tienda Shopify sin programador
Guía paso a paso para un popup en Shopify: instala una línea, escribe el modal en el editor de Clew y decide cuándo aparece —tras unos segundos, al hacer scroll o en una visita repetida— sin volver a tocar la plantilla.
- Tiempo
- ● 10 minutos
- Precio
- Prueba gratis de 14 días, sin tarjeta
- Quién lo hace
- Dueño de la tienda o personal con acceso al tema
Ejemplo: un popup en Shopify
Una tienda de ropa quiere que quien vuelve sepa que el envío es gratis a partir de 50 €, sin recibir con una capa a quien llega por primera vez. El popup “Envío gratis desde 50 € este mes” aparece en las colecciones en la segunda visita, una vez, y su botón abre la página de envíos.
Este formato forma parte del plan Pro. Cada cuenta nueva empieza con una prueba gratis de 14 días con todos los formatos y reglas de audiencia, sin tarjeta. Al terminar no se borra nada y lo publicado se sigue mostrando; los tours y tooltips siguen gratis en el plan Free.
Cómo añadir el popup en Shopify, paso a paso
- Paso 01
Copia tu snippet de Clew
Crea una cuenta gratis (o inicia sesión), añade tu sitio y abre Admin → Resumen. Haz clic en la línea de la tarjeta del widget para copiarla: ya lleva la clave real de tu sitio en lugar del marcador.
<!-- Clew: sustituye PEGA_AQUI_TU_CLAVE por la clave del sitio de Admin > Resumen --> <script src="https://tryclew.io/widget/PEGA_AQUI_TU_CLAVE.js" async></script>
Paso 1 · ilustración esquemática - Paso 02
Abre el código del tema
En el admin de Shopify ve a Online Store → Themes, pulsa … junto al tema publicado y elige Edit code.
Paso 2 · ilustración esquemática - Paso 03
Pega la línea en theme.liquid
Abre
layout/theme.liquid, pega la línea de Clew justo antes de</head>y pulsa Save. Cargará en todas las páginas de la tienda.
Paso 3 · ilustración esquemática - Paso 04
Revisa la tienda
Abre la tienda en una ventana privada nueva (con la contraseña de la tienda si aún no está lanzada) y comprueba que las páginas cargan con normalidad.
Paso 4 · ilustración esquemática - Paso 05
Escribe el popup en Clew
En Clew abre Flujos → + Nuevo flujo y elige Formato Ventana modal. Añade un paso: un título corto, una o dos frases y, en Texto del enlace / URL del enlace, el texto del botón y la página que abre. El modal no necesita selector: siempre aparece centrado.
Paso 5 · ilustración esquemática - Paso 06
Elige dónde, cuándo y a quién se muestra
En el mismo editor, completa Dónde mostrarlo (URL de la página), Cuándo mostrarlo, Segmentación de audiencia y Frecuencia. Estos son los ajustes del ejemplo de arriba:
Ajuste Valor Formato Ventana modal Dónde mostrarlo (URL de la página) Sección por prefijo /collectionsCuándo mostrarlo En la visita número N: 2 Segmentación de audiencia Sin reglas: todos los que abren la página Frecuencia Una vez por visitante 
Paso 6 · ilustración esquemática - Paso 07
Publica y compruébalo en el sitio real
Pon Estado en Publicado y guarda. Abre la página en una ventana privada: Clew recuerda quién ya vio un elemento de “una vez”, así que tu navegador habitual puede saltárselo. Las vistas, finalizaciones y abandonos aparecen en las estadísticas.
Paso 7 · ilustración esquemática
Errores comunes: popup en Shopify
El checkout queda fuera de alcance
Shopify no ejecuta los scripts del tema en las páginas de pago, así que un popup puede vivir en producto, colección, carrito y páginas de contenido, no en el checkout. Planifica el mensaje antes de que el cliente llegue ahí.
Los píxeles personalizados no muestran interfaz
Settings → Customer events ejecuta el código en un sandbox sin acceso a la página. Sirve para analítica, no para un popup: usa theme.liquid.
Cambiar de tema elimina la línea
La línea vive en el tema. Cuando publiques un tema nuevo o actualizado, vuelve a pegarla en su theme.liquid.
No lo juntes con los popups del constructor
Si el tema o un plugin ya muestra un popup de newsletter o de cookies en esa página, el visitante verá dos capas. Desactiva uno o dale a Clew otro disparador (scroll o segunda visita).
Preguntas y respuestas
¿El popup puede mostrar un código de descuento?
Sí, como texto, por ejemplo “Usa SPRING10 al pagar”. Clew no crea ni valida códigos: crea primero el descuento en Shopify.
¿Hay una app de Clew para Shopify?
No, y no hace falta: una línea en theme.liquid es toda la instalación. No añade cargos de apps ni bloques de app al tema.
¿Puedo mostrar el popup solo en una página?
Sí. Instala la línea en todo el sitio y elige Ruta exacta o Sección por prefijo en Dónde mostrarlo (URL de la página). No aparecerá en ninguna otra página.
¿El popup es gratis?
El formato modal forma parte de Pro; las cuentas nuevas tienen 14 días de prueba con todo, sin tarjeta. Los tours y tooltips son gratis en el plan Free.
¿Adónde lleva el botón?
A cualquier página que pongas en URL del enlace. Se abre en otra pestaña para que el visitante no pierda la página donde estaba.
Qué más puedes añadir en Shopify
- Cómo añadir un tooltip a una tienda Shopify sin programador
- Cómo añadir un aviso de paywall en Shopify sin programador
Popup en otras plataformas
- WordPressCómo añadir un popup a una web en WordPress sin programador
- WebflowCómo añadir un popup a una web en Webflow sin programador
- WixCómo añadir un popup a una web en Wix sin programador
- FramerCómo añadir un popup a una web en Framer sin programador
- Google Tag ManagerCómo añadir un popup a tu web con Google Tag Manager sin programador