Cuando se utiliza la versión gratuita de Elementor para construir un sitio web, muchas personas preguntarán: ?Se puede a?adir elventana emergente?Qué ocurre? ?Hay algúnfunción de forma?gráfico rotativo?Dónde configurarlo? La versión gratuita tiene una funcionalidad limitada, y con unos pocos plugins gratuitos y algunos consejos útiles, todavía es posible lograr la mayoría de los dise?os básicos de interacción.

En primer lugar, a?adir una ventana emergente (Popup) - el uso de plug-ins gratuitos para lograr la función de ventana emergente.

Elementor Edición GratuitaLa función de ventanas emergentes no se proporciona per se, pero puede hacerlo con la ayuda de un plugin gratuito.

Plugin recomendado:
Popup Maker (potente y compatible)

Procedimiento operativo:

• Instale y active el plug-in "Popup Maker".

• Haz clic en "Popup Maker > Add Popup" en la parte izquierda del fondo para crear una nueva ventana emergente.

• Edite el contenido emergente: a?ada texto, imágenes, códigos cortos y otros contenidos que desee mostrar directamente en el área de contenido.

• Si necesitas dise?ar contenido en Elementor, puedes crear una plantilla o página en Elementor por adelantado y luego pegar su shortcode en la ventana emergente
• Establecer las condiciones de activación de la ventana emergente (por ejemplo, hacer clic en un botón, mostrarla después de que se cargue la página, etc.)

• Guardar y publicar ventanas emergentes

Vincular ventanas emergentes a botones:

1. AbotonesA?ade el nombre de la clase CSS (funciona en Elementor):

• Elementos del botón Editar
• Haga clic en la pesta?a "Avanzado" del panel izquierdo
• Rellene el campo Clase CSS con el nombre de la clase, por ejemplo:show-popup

(Nota: sin puntos) .Escriba directamente show-popup (se puede hacer)

2. Establezca las condiciones de activación en la ventana emergente Popup Maker:

• Editar ventanas emergentes
• Desplácese hasta la opción "Configuración de ventanas emergentes > Activadores".
• Haga clic en "A?adir nuevo activador" → Seleccione Haga clic en Abrir

• Activar "Selector de objetivo" en los ajustes posteriores
• importación .show-popup(esta vez con un punto para indicar un selector de clase CSS)

En cuanto el usuario haga clic en el botón con el icono show-popup con el nombre de la clase hará que aparezca esta ventana emergente. De esta forma habrás implementado la función Elementor Edición Gratuita + Popup Maker El efecto de vinculación del clic emergente del

En segundo lugar, a?adir un formulario (Formulario) - con plug-ins gratuitos fácil de manejar

Elementor Pro no tiene un módulo de formularios integrado, pero puede elegir entre los siguientes plug-ins gratuitos para hacerlofunción de forma::

Plugin recomendado:
WPForms Lite (para principiantes)
Contact Form 7 (funcionalidad clásica y estable)

con el fin de WPForms Lite A modo de ejemplo:

Procesos operativos:

• Instalar y activar WPForms Lite
• Haga clic en "WPForms > A?adir nuevo" en el fondo y seleccione una plantilla (por ejemplo, "Formulario de contacto simple").

• Arrastre y suelte campos para ajustar la estructura del formulario (nombre, correo electrónico, mensaje, etc.)

• Guardar formulario, copiar shortcode

• Vuelve a la página de Elementor y pega el widget "shortcode" para mostrar el formulario.

De este modo, puede incrustar formularios en cualquier página, ventana emergente y admitir interacciones como que los usuarios dejen comentarios, envíen información, etc.

En tercer lugar, a?adir una imagen giratoria (Slider) - directamente con los componentes incorporados para lograr

La versión gratuita de Elementor no tiene una presentación de diapositivas avanzada, pero el básicográfico rotativoLa función es autónoma.

Uso:

• Abre el editor de páginas de Elementor
• arrastrar "Rotación de imágenes Gadgets (Carrusel de imágenes)

• Cargue varias imágenes (se recomienda un tama?o uniforme)
• establecerdiapositivas (fotografía, software de presentación)Parámetros como el efecto de conmutación, la velocidad de deslizamiento, la reproducción automática, etc.

• Opción de mostrar o no flechas de navegación y puntos de paginación

Este componente es especialmente adecuado para las páginas de inicio BannerEl contenido de este sitio web incluye lo siguiente: "Se muestra la marca de la cooperación y se gira el caso del cliente".

Puede utilizarse si desea conseguir presentaciones más avanzadas, como animación de texto y combinaciones gráficas:

• Smart Slider 3 (versión gratuita)
• MetaSlider (ligero y práctico)

A continuación, se incrusta en la página Elementor a través de shortcode.

IV. Recomendaciones y consejos adicionales

• La combinación de ventana emergente + formulario es ideal para módulos de conversión de marketing como "Solicitar información ahora" y "Obtener oferta".
• Una vez enviado el formulario, se recomienda saltar a la página de agradecimiento para aumentar la sensación de confianza del usuario.
• La rotación de imágenes no debe ser excesiva, se recomienda controlar un máximo de 5, para evitar ralentizar la velocidad de carga.
• Se recomienda instalar todos los plugins a través del mercado de plugins de WordPress para evitar utilizar versiones de fuentes desconocidas.

alcanzar un veredicto

Elementor Las funciones de la versión gratuita también facilitan la adición de ventanas emergentes, formularios e imágenes giratorias para a?adir dinamismo interactivo y una sensación profesional a tu sitio. Si estás empezando con una plantilla gratuita, ensúciate las manos y prueba estos métodos. Después de aprenderlos, no sólo ahorrarás más en tu presupuesto, sino que también tendrás más habilidades para construir tu propio sitio web.

Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres