El editor de pop-ups de WEMASY tiene los ajustes a la izquierda y tu pop-up a la derecha. Cambias las palabras y las imágenes en el diseñador de contenido, la forma y el estilo en la pestaña Aspecto, y los textos para visitantes en otros idiomas en la pestaña Idiomas. Los pop-ups usan los colores de tu web, así que combinan con el resto de tu sitio.
Abrir el editor
- Abre Pop-ups y haz clic en Pop-ups en el menú superior.
- Haz clic en la vista previa de un pop-up, o en su icono del lápiz.
El lado izquierdo tiene cuatro pestañas: Ajustes, Aspecto, Prueba A/B e Idiomas. El lado derecho tiene Vista previa y Diseñador de contenido.
Cambiar el contenido
- Haz clic en Diseñador de contenido a la derecha.
- Haz clic en un texto, botón o imagen del pop-up y cámbialo.
- Tus cambios en el diseñador se guardan allí mismo.
- Haz clic en Vista previa para ver el resultado en ordenador y en móvil.
El contenido diseñado se publica con tu web. Vuelve a publicar tu web para mostrar a los visitantes un diseño cambiado.
Elegir la disposición
En la pestaña Aspecto, elige una Disposición:
- Ventana en el centro
- Caja en una esquina
- Barra arriba o Barra abajo. Marca Empujar la página hacia abajo (la barra no tapa la parte superior de la web) para una barra arriba.
- Pantalla completa
- Dentro de la página: se muestra dentro de la página, sin fondo oscuro ni botón de cerrar. En una web de WEMASY, añade el bloque Pop-up en el diseñador de webs. En otra web, haz clic en Copiar código y pega el código donde deba mostrarse.
El Ancho y la Posición en pantalla están en la pestaña Ajustes.
Dar estilo al aspecto
- Fondo: haz clic en uno de los colores de tu web para que el pop-up siga los colores de tu sitio, también cuando cambien.
- Esquinas redondeadas, Espacio interior y Sombra.
- Color del fondo oscuro, Oscuridad del fondo oscuro y Desenfoque del fondo oscuro para la zona que hay detrás del pop-up.
- Color del botón de cerrar.
- Animación: Aparecer, Zoom, Deslizar hacia arriba o Ninguna.
- Ancho completo en móviles.
- Pestaña lateral tras cerrar: unas pocas palabras en una pestaña pequeña en el borde izquierdo, como "10% de descuento". Un clic vuelve a abrir el pop-up.
Haz clic en Guardar para conservar el aspecto. Los cambios de aspecto llegan a tu web en aproximadamente un minuto.
Mostrar el pop-up en otros idiomas
- Abre la pestaña Idiomas.
- Elige un idioma en Añadir un idioma y haz clic en Añadir.
- Escribe los textos, o haz clic en Traducir con IA.
- Haz clic en Guardar para ese idioma.
Los visitantes cuyo idioma no tiene textos aquí ven el pop-up tal como se diseñó. La pestaña también te avisa cuando muchos visitantes leen un idioma que aún no has añadido.
Preguntas frecuentes
Cambié el texto pero los visitantes siguen viendo el pop-up antiguo. ¿Por qué?
El contenido diseñado se publica con tu web. Vuelve a publicar tu web después de cambiar el diseño.
¿Cómo cambio los colores de los botones?
Los botones usan los colores de tu web. Cámbialos para toda la web en su estilo, y el pop-up los sigue.
Relacionado: Añadir un formulario a un pop-up y Crear un pop-up.