Clew

Cómo añadir un popup a una web en Wix sin programador

Guía paso a paso para un popup en Wix: 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
Propietario del sitio en Wix

Ejemplo: un popup en Wix

Un estudio de yoga con Wix Bookings quiere que los nuevos prueben una clase. En /book-online, a los 10 segundos, un popup dice “Tu primera clase es gratis: elige cualquier horario de mañana” con un botón al calendario.

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 Wix, 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>
    Resumen del admin de Clew con la línea de inserción y la clave del sitio oculta (popup en Wix)
    Paso 1 · ilustración esquemática
  2. Paso 02

    Abre Settings → Custom code

    En el panel de Wix abre Settings y, en Development & integrations, Custom code. Requiere un plan Premium y un dominio conectado.

    Rutas al campo de código del head, incluido Custom code de Wix (popup en Wix)
    Paso 2 · ilustración esquemática
  3. Paso 03

    Añade el código a todas las páginas

    Pulsa + Add Custom Code, pega la línea, elige All pages, Load code once y colócala en Head; después, Apply.

    Diálogo Custom code con el script de Clew y la ubicación Head (popup en Wix)
    Paso 3 · ilustración esquemática
  4. Paso 04

    Revisa el sitio publicado

    El código personalizado solo se ejecuta en el sitio publicado en tu dominio, no en la vista previa del Editor. Abre tu dominio en una ventana privada.

    Barra superior del sitio con el botón Publish resaltado (popup en Wix)
    Paso 4 · ilustración esquemática
  5. 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.

    Un popup (ventana modal) con título, texto y botón-enlace sobre una web (popup en Wix)
    Paso 5 · ilustración esquemática
  6. 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:

    AjusteValor
    FormatoVentana modal
    Dónde mostrarlo (URL de la página)Sección por prefijo /book-online
    Cuándo mostrarloTras N segundos: 10 segundos
    Segmentación de audienciaSin reglas: todos los que abren la página
    FrecuenciaUna vez por visitante
    Editor de tours de Clew con el formato, la regla de URL, el disparador y la regla de audiencia (popup en Wix)
    Paso 6 · ilustración esquemática
  7. 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.

    Resumen del admin de Clew con la tarjeta verde de widget activo (popup en Wix)
    Paso 7 · ilustración esquemática

Errores comunes: popup en Wix

La vista previa del Editor no lo muestra

Wix no ejecuta código personalizado en el Editor ni en su vista previa. Prueba el popup en el dominio publicado.

Lightboxes de Wix en la misma página

Un Lightbox de Wix que se abre automáticamente chocará con un popup de Clew. Deja una sola capa automática por página.

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

¿Interfiere con Wix Bookings?

No. El modal queda sobre la página y se cierra con un clic; el widget de reservas de debajo sigue funcionando.

¿Por qué no encuentro Custom code?

Solo aparece en planes Premium con dominio conectado. En un sitio gratis de Wix no hay forma soportada de añadir scripts de terceros.

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

Una línea en tu sitio y, después, tours, tooltips y checklists sin releases.

Obtener mi clave gratisCómo funciona ClewPlan gratuito para siempre, sin tarjeta

Tours de producto, popups y onboarding en la era de la IA

7 patrones con número de pasos, reglas de texto y métricas, lo que cambia la IA y una lista antes de publicar. PDF, 2 páginas. Qué incluye →

La guía está en inglés.