Necesito averiguar cómo abrir una ventana emergente Elementor en Gutenberg?
En las comunidades en línea, siempre hay una cosa que es discutible: las ventanas emergentes. Algunas personas se preguntan si usar ventanas emergentes o no. Pero en nuestra opinión, las ventanas emergentes están bien si las ventanas emergentes que creó son simples, atractivas y no molestan a sus usuarios.
Digamos que ya ha creado las ventanas emergentes con Elementor y quiere abrirlos en el editor de WordPress Gutenberg; porque desea implementar ventanas emergentes en las publicaciones o páginas de su blog. Si te estás preguntando, ¿es posible hacer esto? Bueno, la respuesta es sí, es posible.
Este artículo le mostrará cómo abrir ventanas emergentes. Elementor en Gutenberg.
Cómo abrir Elementor Popup en WordPress Gutenberg Editor
Paso 1: preparar la ventana emergente
Navegue a la plantilla emergente que creó. Si eres nuevo en Elementor y quieres aprender a crear ventanas emergentes, puedes consultar el siguiente tutorial: haciendo clic aquí gravamen.
Muy bien, una vez que se complete la creación de la ventana emergente, haga clic en el ícono de ajustes ( ️ ) en la esquina inferior izquierda del panel de configuración del elemento para abrir el panel emergente. En el panel de configuración emergente, navegue a la pestaña Avanzado y agregar un selector en el campo Abrir por selector .
Asegúrese de agregar el símbolo del punto como prefijo (p. ej., .popup12345).
Una vez que haya agregado el selector especificado, no olvide actualizar o publicar su plantilla emergente.
Nota: En la pestaña Condiciones de visualización de su ventana emergente, por favor configurarlo para mostrar su ventana emergente en el Sitio entero; Esto le permitirá acceder a su ventana emergente en su totalidad Sitio web. Tampoco necesita definir un disparador, porque mostrará la ventana emergente junto al selector que acaba de definir.
Paso 2: abre la ventana emergente en Gutenberg
Ahora es el momento de abrir la ventana emergente en el editor de WordPress Gutenberg.
Vaya al editor Gutenberg de WordPress; puedes crear un nuevo contenido (página/publicación) o seleccione una contenido existente. A continuación, elija cualquier bloque que desee utilizar como activador para que aparezca la ventana emergente.
En este tutorial, usaremos un bloque de Botones.
Una vez que haya decidido qué bloque desea usar como disparador para mostrar la ventana emergente, vaya a Configuración Bloquear – > Avanzado. Luego agrega tu Clases de CSS especificadas en el Clase(s) CSS adicional(es) mordimiento.
Bien. Eso es. Para ver cómo funcionó, publique su proyecto y ábralo en una nueva ventana.
¡Consigue Elementor Pro ahora!
Conclusión
Este artículo le muestra con qué facilidad puede abrir una ventana emergente de Elementor en el editor Gutenberg de WordPress. Esperamos que este artículo te sea útil. Por último, pero no menos importante, tenga en cuenta que el éxito de su ventana emergente depende de la conversión de sus usuarios mediante un contenido un llamado a la acción relevante y convincente.
Si tiene alguna inquietud sobre cómo llegar, háganoslo saber dentro de comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
