Cómo añadir un aviso de paywall en Shopify sin programador

Ejemplo: un aviso de mejora en Shopify

Cómo añadir el aviso de paywall en Shopify, paso a paso

1. 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>

   Copiar

   

2. 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.

   

3. 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.

   

4. 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.

   

5. Paso 05

   Dile a Clew quién es miembro

   En layout/theme.liquid, encima de la línea de Clew, añade el snippet de abajo. Envía member: "true" para los clientes con sesión que tienen la etiqueta member.

   <script>
   window.TutorKit = window.TutorKit || { q: [], identify: function (p) { this.q.push(['identify', p]); } };
   TutorKit.identify({ member: {% if customer and customer.tags contains 'member' %}'true'{% else %}'false'{% endif %} });
   </script>

   Copiar

   

6. Paso 06

   Escribe el aviso de mejora

   En Clew abre Flujos → + Nuevo flujo y elige Ventana modal. Un paso: un título con el beneficio (“Exportar a CSV está en Pro”), una frase de valor y, en Texto del enlace / URL del enlace, el botón y la URL de tu página de precios o checkout.

   

7. Paso 07

   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 /collections/members
   Cuándo mostrarlo	Al cargar la página
   Segmentación de audiencia	Propiedad member no es igual a true
   Frecuencia	En cada visita

   

8. Paso 08

   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.

   

Errores comunes: aviso de paywall en Shopify