EverWeb te ofrece varias formas de mostrar algo cuando un visitante hace clic:
| Quieres | Usa |
|---|---|
| Que se abra un recuadro diseñado por ti, como una oferta, un formulario de suscripción, texto adicional o un vídeo, cuando alguien haga clic en un botón | Una Popup Window (ventana popup) que se abre con una On Click Action (acción al hacer clic) |
| Un recuadro que se abre solo, al cabo de unos segundos o cuando alguien se desplaza por la página | Una Popup Window con un Activador del popup |
| Que una foto se abra en grande al hacer clic | El widget Galería de imágenes adaptable o Galería de imágenes |
| Que otra página, un PDF o un vídeo se abra en una ventana sobre tu página | Un enlace con Comportamiento en Abrir en una ventana emergente |
Las ventanas popup y las acciones al hacer clic necesitan EverWeb 4.5 o posterior.
Abrir una ventana popup cuando alguien hace clic en un botón
- Abre la página. Si quieres que el popup esté en todas las páginas, abre tu Plantilla maestra.
- Haz clic en Popup Window en la barra de herramientas (o elige Insertar > Popup Window > New Popup Window, es decir, nueva ventana popup).
- Añade tu contenido: haz clic en el botón + del popup, o arrastra a él texto, imágenes y widgets. Una ventana popup funciona como un Contenedor.
- Ponle nombre: haz clic en el engranaje de la barra de herramientas del propio popup, elige Nombre…, escribe un nombre y pulsa Retorno. Necesitarás el nombre en el paso 9.
- Ve a Inspector > Ajustes del widget y pon Activador del popup en Manual.
- Haz clic en la página, fuera del popup, para terminar de editarlo.
- Selecciona el botón, el texto o la imagen en que harán clic los visitantes.
- Ve a la pestaña Hipervínculos del Inspector (el quinto icono) y abre On Click Actions (acciones al hacer clic) haciendo clic en el pequeño triángulo.
- Pon Action (acción) en Mostrar y Element (elemento) en el nombre de tu popup, y haz clic en Añadir.
- Haz clic en Vista previa y pruébalo.
Cada popup tiene un botón de cierre (una X dentro de un círculo) en su esquina superior derecha. Los visitantes también pueden hacer clic fuera de él para cerrarlo si está marcado Cerrar al hacer clic fuera del popup. ¿Quieres que un mismo botón lo abra y lo cierre? Usa Alternar en lugar de Mostrar.
Para volver a editar el popup, elige Insertar > Popup Window y selecciónalo, o haz clic con el botón derecho en una parte vacía de la página y elige Popup Windows (ventanas popup).
Un popup que se abre solo
Selecciona el popup y elige un Activador del popup en Inspector > Ajustes del widget:
| Activador del popup | Cuándo se abre |
|---|---|
| Immediate (inmediato) | En cuanto se abre la página |
| Retrasar | Pasado el Activador con retardo, en milésimas de segundo (3000 son 3 segundos) |
| Scroll (desplazamiento) | Cuando el visitante se desplaza hacia abajo la cantidad del Activador de desplazamiento, en píxeles |
| On Page Exit Intent (al intentar salir de la página) | Cuando parece que el visitante va a salir de la página |
| Manual | Solo cuando alguien hace clic en algo que tiene una acción Mostrar o Alternar |
En el mismo lugar, Posición indica dónde aparece (por ejemplo Centrar o Bottom Right (abajo a la derecha)) y Color de superposición del fondo fija el tono que queda detrás. En Ajustes de cookies, escribe un Nombre de la cookie y una Caducidad de la cookie (días) para que un visitante que cierra el popup no lo vuelva a ver durante ese número de días. Sin nombre de cookie, se abre en cada visita.
Úsalos con moderación: un popup en una Plantilla maestra se abre en todas las páginas que la usan. En un teléfono, el popup se estrecha para caber en la pantalla.
Ampliar una foto al hacer clic en ella
Los widgets de galería abren la foto en grande sobre tu página (un «lightbox»), con flechas para pasar de una foto a otra:
- Páginas adaptables: arrastra el widget Galería de imágenes adaptable desde la pestaña Widgets y añade tus fotos. Haga clic para abrir la presentación de diapositivas viene activado. Puedes cambiar el fondo que hay detrás de la foto grande con Color de fondo, por ejemplo a blanco.
- Páginas con Diseño centrado: usa el widget Galería de imágenes. Al hacer clic en una miniatura se abre la foto grande, con botones de zoom y de pantalla completa que puedes activar o desactivar en sus Ajustes del widget.
Para una sola foto, ponla sola en una galería, o crea una ventana popup Manual con la foto grande y dale a la foto pequeña una acción Mostrar.
Los widgets Control deslizante de imágenes y Carrusel reproducen las fotos en la propia página. Consulta Añade una presentación de diapositivas a tu sitio web: Control deslizante de imágenes, Carrusel, Relleno de presentación de diapositivas o una galería.
Abrir una página, un PDF o un vídeo en un popup
- Selecciona el botón, el texto o la imagen.
- Ve a la pestaña Hipervínculos y marca Habilitar como hipervínculo.
- En Enlazar a, elige Una de mis páginas, Una página externa o Un archivo, y selecciona lo que quieres abrir.
- Pon Comportamiento en Abrir en una ventana emergente.
Si creas páginas que solo sirven para abrirse en un popup, desmarca Incluir la página en el menú de navegación en Inspector > Ajustes de la página para que no aparezcan en tu menú. Para saber más sobre los enlaces, consulta Cómo enlazar a otra página, a un sitio web, a una dirección de correo electrónico, a un número de teléfono, a un PDF o a una sección de una página.
Texto «Leer más»
EverWeb 4.5 no tiene ningún control «Leer más» que despliegue el texto en la página, ni ningún ajuste para mantener un objeto oculto cuando se abre la página. Puedes conseguir un resultado parecido de otras formas:
- Pon una breve introducción en la página, añade un botón Leer más y coloca el texto completo en una ventana popup Manual que abra ese botón.
- Enlaza el botón a una página aparte con el texto completo.
- En un blog, la página principal muestra el principio de cada entrada y el título de la entrada abre la entrada completa.
Artículos relacionados
- Añade una presentación de diapositivas a tu sitio web: Control deslizante de imágenes, Carrusel, Relleno de presentación de diapositivas o una galería
- Cómo enlazar a otra página, a un sitio web, a una dirección de correo electrónico, a un número de teléfono, a un PDF o a una sección de una página
- Crea una página adaptable con Contenedores para que se apile bien en un teléfono
- Pon el mismo encabezado, menú y pie de página en todas las páginas con una Plantilla maestra