Capítulos de esta publicación:
- 1 Actualización 10.11.2021 de noviembre de XNUMX: dos nuevas recomendaciones
- 2 Obtener control del sitio
- 3 vista élfica
- 4 demanda emergente debido a la crisis de Corona
- 5 Nombre correcto: superposición en lugar de ventana emergente
- 6 Gratis y flexible de configurar: Popup Maker
- 7 pautas para la implementación
- 8 configuraciones en el complemento
- Prueba 9 ventanas emergentes con clientes
- 10 Sobre intención de salida y otras especialidades
- 11 publicaciones similares
Como regla general, modifico todos los sitios web para mis clientes con el sistema de blogs de WordPress. Las excepciones son los sitios web donde tengo que crear programación individual con PHP, pero de lo contrario: todo en WordPress. Como menciono a continuación, ha habido varias solicitudes de clientes para agregar una ventana emergente al sitio, razón por la cual ahora comencé a buscar soluciones de ventanas emergentes para WordPress.
Actualización 10.11.2021/XNUMX/XNUMX: dos nuevas recomendaciones
El artículo es un poco más antiguo y, mientras tanto, he podido adquirir más experiencia con varios complementos y servicios. El complemento Popup Maker todavía está bien, pero desde mi punto de vista es una solución rudimentaria que ya no recomendaría sin reservas. Las ventanas emergentes que diseña con él no son tan fáciles de diseñar "muy bien" como con otros dos complementos o servicios que me gustaría recomendarle ahora.
GetSiteControl
El primero es un servicio que no se limita a WordPress, sino que puedes elegir entre muchas plantillas con un asistente súper simple y luego personalizar el diseño, especificando en qué páginas debe aparecer la ventana emergente, con qué frecuencia debe aparecer y como activarlo.
Una vez que haya terminado de diseñar la ventana emergente, instale el complemento del servicio en su sitio de WordPress (el complemento también se llama "GetSiteControl") y conecte el sitio al servicio, listo.
Desventaja: desafortunadamente, el servicio cuesta dinero mensual o anualmente, pero en mi opinión, vale la pena el gasto. Por ejemplo, lo uso para mostrar la ventana emergente de mi boletín en la parte inferior de mi blog.
» continuar con GetSiteControl
vista élfica
Otro servicio que también es súper fácil, pero lamentablemente un poco caro, es vista élfica. En este sitio web, un equipo de programadores ofrece innumerables extensiones funcionales para WordPress, incluidas las ventanas emergentes.
Con Elfsight también se encuentra en una interfaz muy fácil de usar y puede elegir entre las plantillas existentes, que luego puede personalizar. Las extensiones están muy bien pensadas y bellamente diseñadas.
Demanda emergente debido a la crisis de Corona
Impulsados por la pandemia de corona, dos clientes me preguntaron rápidamente si podía crear una ventana emergente en el sitio web para ellos que mostraría a los visitantes la forma en que aún se pueden usar los servicios de mis clientes.
TL; DR: Para aquellos que no tienen ganas de leer todas mis explicaciones: pueden encontrar el complemento del creador de ventanas emergentes del que estoy hablando, aquí en la colección de complementos de WordPress en wordpress.org o directamente en el sitio web del proveedor.
Nombre correcto: superposición en lugar de ventana emergente
En realidad, el término ventana emergente no es del todo correcto, aunque todo el mundo lo usa de esa manera. En la práctica, este es solo un elemento superpuesto que flota sobre el resto del sitio web. Una ventana emergente, por otro lado, es una ventana de navegador independiente que se abre mediante un script y luego está en primer plano.
Sin embargo, las ventanas emergentes "reales" se abolieron hace años porque se usaban indebidamente de forma masiva para las ventanas publicitarias. Todos los navegadores ahora interceptan dichas ventanas de forma independiente para que no molesten al usuario. Entonces, el usuario generalmente solo ve una indicación de que una página ha intentado abrir una ventana emergente.
Así que estamos tratando con una ventana superpuesta aquí, incluso si lo estamos haciendo con el complemento "Popup Maker", que tiene el nombre incorrecto.
Gratis y flexible de configurar: Popup Maker
Cuando se trata de complementos emergentes para WordPress, hay una gran variedad para elegir. Probé algunos complementos y no era raro que fueran soluciones gratuitas como complemento, pero para una implementación funcional, debe obtener una suscripción mensual de un servicio afiliado.
Por otro lado, las versiones completamente gratuitas a menudo son defectuosas y no se abren por alguna razón desconocida, o solo se ven bien en el escritorio o la tableta y se muestran incorrectamente en el teléfono inteligente, es decir, no se pueden usar.
Popup Maker fue el primer complemento que ofreció muchas opciones de configuración, facilidad de uso, uso gratuito y una funcionalidad impecable. En consecuencia, me gustaría presentarlo aquí como una recomendación. lo encuentras aquí en el sitio web del proveedor.
requisitos para la implementacion
Para llegar a tantos visitantes como sea posible con la ventana que se muestra, no solo debe aparecer en la página de inicio, sino también en todas las subpáginas a las que las personas acceden a través de enlaces en Google, por ejemplo.
También era importante para mí que la ventana emergente (siempre utilizo el nombre incorrecto en el resto del texto) solo se muestra una vez por día y visitante. Para este propósito, el complemento debe establecer una cookie que dure un día. La cookie ya debería estar configurada cuando se abre la ventana emergente y no solo después de que se cierra; si los visitantes saltan, no volverán a ver la ventana la próxima vez que la visiten.
El último deseo fue el diseño del contenido. Debería ser posible utilizar texto simple y gráficos aquí. Para hacer esto, la superposición debe verse bien en la Mac, así como en el iPad y el iPhone, es decir, debe responder y adaptarse al dispositivo final.
Todas estas cosas se pueden hacer con el popup Maker resolver - incluso en la versión básica gratuita.
Configuraciones en el complemento
Me gustaría presentarles mi proyecto de cliente actual www.knowwau.com mostrar qué configuraciones he realizado en el complemento. Mi cliente me dio su aprobación para esto y espero que reciba algunos visitantes de este artículo como agradecimiento.
Si está interesado en el entrenamiento de perros y le gustaría ver algunos de sus cursos en línea (ya que no puede ir a las escuelas de entrenamiento de perros en este momento), me gustaría compartir su sitio web saberwau.com recomiendo calurosamente. Allí también encontrará la ventana emergente en acción. ;-)
En la configuración del disparador, siempre elijo que la ventana se abra automáticamente después de medio segundo. Al mismo tiempo, se establece una cookie con una vida útil de un día para que los visitantes solo vean la cookie una vez cada 24 horas.
La sección Orientación le permite seleccionar las páginas en las que debe aparecer la ventana emergente. Hay numerosas opciones aquí. Si no selecciona nada, el banner aparece en todas las páginas.
Puede elegir entre diferentes temas y cambiarlos en el editor de temas. Aquí, por ejemplo, puede establecer la transparencia en el fondo o puede cambiar las distancias y el tamaño de la ventana. Dejé todo como está y solo configuré la transparencia al 80%. El resto ya es óptimo para mostrar en computadoras de escritorio y dispositivos móviles.
Hay un área separada en el complemento para personalizar el botón "Cerrar". Esto te permite decidir dónde aparece el botón, qué color tiene y qué texto tiene.
Pruebe las ventanas emergentes con los clientes
Por supuesto, cuando se trabaja en una ventana emergente, no desea que todos los visitantes se enfrenten al trabajo de construcción. Por esta razón, siempre configuro el activador para que la ventana emergente solo aparezca para errores 404. Entonces, si llama a una URL que no existe en el sitio web. Para hacer esto, simplemente agregue "/abc" o algo similar al dominio y acceda a esta URL.
Para evitar el hecho de que solo puede probar la ventana emergente una vez al día, siempre uso una ventana de incógnito o una ventana privada, ya que no se almacenan cookies en estas ventanas del navegador y la ventana emergente se muestra una y otra vez.
En Intención de Salida y otras especialidades
Si desea crear una ventana emergente de intención de salida, es decir, una ventana emergente que se abre cuando el visitante mueve el puntero del mouse fuera de la ventana del navegador, desafortunadamente debe tener una suscripción a la Servicio de creación de ventanas emergentes Reservar. Los precios (247 USD al año) son bastante elevados allí, así que preferiría buscar una alternativa en este momento.
Sin embargo, si gana dinero con su blog y está dispuesto a pagar por una herramienta de ventanas emergentes integral que combina una operación simple y ventanas emergentes limpias, aún puede echar un vistazo a las suscripciones de Popup Maker.
Contribuciones parecidas
Encontrar el color adecuado para un sitio web no es un problema con estas herramientas
WordPress: almacena el acceso FTP en wp-config.php
Truco de búsqueda web: encuentre resultados de una página específica más rápido
¿Qué es un favicon?
5 maneras diferentes de crear un sitio web
Diseño móvil primero: por qué el teléfono inteligente es tan importante en el diseño web (Patrocinador)
Markup.io – marcar sitios web – elija el KW05
JavaScript: resalte el texto en el área de texto y cópielo en el portapapeles
Jens dirige el blog desde 2012. Actúa como Sir Apfelot para sus lectores y los ayuda con problemas de carácter técnico. En su tiempo libre monta monociclos eléctricos, toma fotos (preferiblemente con el iPhone, por supuesto), escala las montañas de Hesse o camina con la familia. Sus artículos tratan sobre productos de Apple, noticias del mundo de los drones o soluciones a bugs actuales.
También disfruté usando Popup Maker (en la versión básica gratuita) y básicamente estoy satisfecho con las posibilidades. Por cierto, gracias por los consejos sobre cómo manejar el "trabajo de construcción" con el complemento. No había pensado en eso antes... y, por lo tanto, les di a algunos visitantes del sitio algunas ideas sobre el progreso de la implementación. ..
Sin embargo, lo que no encuentro tan convincente son las opciones para formatear el texto emergente. Por lo que puedo ver hasta ahora, las distancias entre párrafos o desde el título hasta el texto no se pueden modificar con las opciones de formato estándar (y son prácticamente inexistentes). En particular, el texto siempre cuelga directamente debajo del título.
Sin embargo, con un poco de conocimiento de CSS, puede formatear todo de forma bastante individual, más allá de los temas proporcionados, una vez que haya encontrado las clases y/o ID utilizados por el complemento (por ejemplo, a través del propio "inspector" del navegador) y luego confirme los cambios. al CSS personalizado del sitio web en el backend de WP. Por ejemplo, la tipografía y los colores se pueden personalizar si lo valoras, pero por supuesto aspectos generales de diseño como márgenes, etc.
¡Hola Pedro! Sí, con los ajustes finos necesitas saber un poco de CSS para que se vea elegante. Pero básicamente, la plantilla estándar ya se puede utilizar. Había visto ventanas emergentes mucho más espantosas con otros complementos. :D
hallo,
Quiero mostrar dos ventanas emergentes independientes, pero solo se muestra una :-(
¡Hola Thomas! Incluso si fuera técnicamente posible, no pondría dos ventanas emergentes frente a los visitantes. Esto es extremadamente molesto y no debería tener un efecto positivo en el tiempo que pasa en su sitio web. ¿Lo que estás haciendo? ¿Quizás hay una solución más elegante?
Gracias por este artículo realmente útil.
¿Qué herramienta está utilizando para crear la cookie de tiempo de ejecución?
¡Hola Sofía! Actualmente ya no uso el script porque no uso ventanas emergentes en mi sitio. Para cada cookie hay que obtener un OK por parte del usuario y por eso prescindo de todo lo posible.
Lo he incorporado todo bastante bien, pero el tamaño del pop-up no se adapta a dispositivos móviles. ¿Hay un pequeño truco para esto?
Gracias de antemano
¡Hola, Laura! Sí, el truco es que haces dos ventanas emergentes. Uno para escritorio y otro para pantallas más pequeñas. Al menos así es como siempre lo resolví.
Otra pequeña adición al PopUp Maker: lo usé en un sitio web de WP y, cuando el tema volvió a ser grave el año pasado, tuve serios problemas para enviar solicitudes de este sitio web a Google Fonts (¡GDPR!).
Resultó que el complemento POM aparentemente usaba Google Fonts "por sí mismo" y eso obviamente no podía remediarse con ninguna configuración en el tema WP, etc. Me parece recordar que el complemento OMGF, que de otro modo puede ser de gran utilidad para cerrar las consultas de Google, tampoco funcionó aquí.
Después de configurar una ventana emergente POM, puede ser útil verificar las conexiones de red para ver si el sitio web está solicitando Google Fonts.
¡Hola Pedro! El complemento ahora tiene un botón que se puede usar para desactivar Google Fonts. Pero el complemento OMGF sigue siendo una gran historia. También tengo muchos sitios de clientes en ejecución para deshacerme de Google Fonts.
Hola Jens, gracias por la info! Me puso nervioso "en ese entonces" hasta que descubrí que las fuentes no deseadas de Google entraron en juego a través de PopUp Maker... Es bueno que, aparentemente, muchos desarrolladores hayan reconocido el problema para nosotros, los usuarios de la UE, y los que te ofrecen la opción. mencionado para apagar esta conexión a través de la configuración.
Sin embargo, ya había cambiado a "Hustle" como complemento emergente, que también me gusta mucho.
Y sí, OMGF suele ser un complemento útil para su propósito, incluso en la versión gratuita, pero depende de la forma en que las fuentes de Google se integran con el tema o los complementos, ya sea que OMGF los reconozca. y almacenado localmente puede convertirse. Desafortunadamente, no funcionó en absoluto para algunos sitios y temas de WP más antiguos.
Sin embargo, se dice que la versión paga es significativamente más efectiva en este sentido, como puede leer aquí y allá.
Sí, obtuve la versión Pro "ilimitada" de inmediato. Una vez no logró eliminar las fuentes de Google, pero el desarrollador trabajó en ello durante 2 días y resolvió el problema. Conclusión: ¡super plugin y super soporte!