¿Le gustaría conocer las mejores funciones para dominar en Elementor Pro?
Todos los usuarios de WordPress lo saben. Elementor es uno de los creadores de páginas más populares. Al ser un complemento freemium, puede disfrutar de la experiencia de crear una página hermosa de una manera visual usando Elementor con la opción de actualizar a la versión pro para desbloquear funciones más avanzadas.
Lea nuestra guía sobre: Cómo instalar Elementor en WordPress
En realidad, hay dos formas de ampliar la funcionalidad de Elementor. Además de actualizar a la versión pro, también puede instalar complementos de terceros desarrollados por desarrolladores conocidos como nosotrosDevs, Desarrollador de WP, a Cocobloque. Si prefiere actualizar a Elementor Pro y aún se pregunta qué funciones puede desbloquear, aquí está la lista.
Las 20 características principales de Elementor Pro
1. Generador de temas
WordPress está escrito en PHP. Dicho esto, para crear un complemento o un tema de WordPress, también debe dominar PHP y lenguajes compatibles como JavaScript. Pero eso fue antes. Hoy puedes crear el tuyo tema de WordPress sin codificación gracias a la función de creación de temas que ofrecen algunos complementos de creación de páginas como Elementor.
¿Qué es un creador de temas?
Para comprender el concepto de creador de temas, primero debe comprender los componentes de un tema de WordPress. Un tema de WordPress consta de archivos de plantilla. Cada archivo de plantilla controla el diseño de parte del tema. Por ejemplo, el archivo header.php controla el diseño del encabezado del tema, mientras que el archivo footer.php controla el diseño del pie de página del tema. La mayoría de Temas de WordPress tener los siguientes archivos de plantilla:
- header.php: Para controlar el diseño del encabezado.
- footer.php: Para controlar el diseño del pie de página.
- single.php: Para controlar el diseño de un solo artículo (publicación de blog).
- sidebar.php: Para controlar el diseño de la barra lateral.
- archive.php: Controlar el diseño de las páginas de archivo.
- page.php: Para controlar el diseño de la página.
Un creador de temas le permite crear plantillas personalizadas para reemplazar las plantillas anteriores, así como otras plantillas que pertenecen a un tema. Puede crear la plantilla personalizada utilizando el editor visual del creador de páginas que está utilizando (Elementor en este caso).
Uno de los beneficios de utilizar un generador de temas en lugar de un tema es que puede definir dónde se aplicará una plantilla personalizada. Por ejemplo, puede definir una plantilla de encabezado personalizada para aplicar a una determinada publicación, página, publicaciones en ciertas categorías, todo el sitio web, etc.
En otras palabras, puede tener diferentes diseños de una determinada parte del tema (por ejemplo, encabezado) creando varias plantillas personalizadas para la misma parte. Otra ventaja es que tienes opciones de personalización ilimitadas..
2. Constructor de WooCommerce
¿Tiene un sitio web de comercio electrónico impulsado por WooCommerce? Elementor Pro también es capaz de llevar el diseño de su sitio web de comercio electrónico al siguiente nivel al permitirle crear plantillas personalizadas para su tienda en línea WooCommerce. No es necesario comprar un tema de WooCommerce.
Lire: Cómo crear una página personalizada de una tienda WooCommerce con Elementor
En su lugar, puede personalizar partes de WooCommerce usted mismo utilizando el editor visual de Elementor. Las partes de WooCommerce para las que puede crear plantillas personalizadas son:
- Página de un solo producto
- Páginas de archivo de productos (categorías y etiquetas)
- Página de la tienda
Tiene los siguientes widgets para crear las plantillas personalizadas para WooCommerce:
| Productos | Valoración del producto |
| Breadcrumbs de WooCommerce | Stock de producto |
| Añadir personalizado al carrito | Meta del producto |
| Páginas de WooCommerce | Descripción Corta |
| Categorías de Producto | Contenido del producto |
| Carro de menú | Fichas de datos de productos |
| Producto | Información adicional |
| Imágenes del producto | Producto relacionado |
| Precio del producto | Acceda al edificio y al apartamento de forma segura |
| Añadir al Carrito |
3. Creador de formularios
Elementor Pro le da acceso al widget de formulario. Puede usar este widget para agregar un formulario a la plantilla de creación de páginas / temas en la que está trabajando. Este widget le permite crear una amplia variedad de tipos de formularios, gracias a su amplia compatibilidad con tipos de campos. Estos son los tipos de campo admitidos por el widget de formulario de Elementor:
| Texto | Aceptación |
| Correo electrónico | Oculto |
| Área de texto | HTML |
| Enlance | Contraseña |
| Tel | Subir archivo |
| Seleccione | Horario |
| Caja | Fecha |
| Radio | Número |
Puede incrustar su formulario en reCAPTCHA para protegerlo de los spammers. Con un pequeño truco, también puede utilizar el widget de formulario para crear un página de registro en su sitio web. Elementor también te permite crear un formulario en varios pasos para permitirle crear un formulario largo simplificado, así como para proporcionar un mejor experiencia de usuario a sus usuarios.
Elementor en sí no tiene una funcionalidad predeterminada para manejar envíos de formularios. El widget Form de Elementor admite integraciones con los servicios populares GetResponse, ActiveCampaign, ConvertKit, Discord, etc.
4. Generador de ventanas emergentes
El generador de ventanas emergentes es una de las funciones que puede desbloquear después de actualizar a Elementor Pro. Esta función le permite crear hermosas ventanas emergentes en su sitio web sin codificación. Incluso puede utilizar las plantillas de formulario listas para usar que se ofrecen para optimizar su flujo de trabajo.
Hay más de 100 plantillas emergentes listas para usar que ofrece Elementor.
El propio generador de elementos emergentes de Elementor admite los siguientes tipos de activadores:
- Al cargar la página: al cargar la página
- Al desplazarse: al desplazarse
- Al desplazarse al elemento: al desplazarse al elemento
- Al hacer clic - Al hacer clic
- Después de la inacticidad - Después de la inactividad
- Intención de salida de la página: intención de salida de la página
El generador de ventanas emergentes de Elementor Pro también admite condiciones de visualización, lo que le permite definir dónde aparecerá una ventana emergente. También le permite mostrar una ventana emergente en función de las siguientes condiciones:
- Después de x visitas a la página
- Después de x sesiones
- Al llegar de una URL determinada
- Cuando llegan los motores de búsqueda
- Mostrar una ventana emergente solo para usuarios sin conexión
- Visualización en tipos de dispositivos específicos (computadora de escritorio, tableta, teléfono inteligente)
- Mostrar en navegadores web específicos
Con su soporte de disparador de clic, también puede usar el generador de ventanas emergentes para crear un menú de pantalla completa y un menú fuera del lienzo.
5. Integraciones de terceros
Como se mencionó anteriormente, puede usar el widget Formulario de Elementor para crear una amplia gama de formularios gracias a su amplio soporte para campos de formulario. Uno de ellos le permite utilizar el widget Formulario para crear un formulario de registro de correo electrónico para generar clientes potenciales.
Puede conectar su formulario a servicios populares de marketing por correo electrónico como ActiveCampaign, GetResponse, etc.
Estos son los servicios de terceros con los que puede integrar su formulario:
- GetResponse
- ActiveCampaign
- MailerLite
- ConvertKit
- MailPoet
- MailChimp
- Goteo
- Flojo
- Discord
- HubSpot
Estas integraciones de terceros son particularmente útiles si desea utilizar Elementor para crear páginas de destino.
6. CSS personalizado
Es cierto que Elementor te permite crear hermosas páginas en tu sitio web de WordPress sin tener que lidiar con CSS. Sin embargo, si quieres crear un sitio web completamente único, puedes usar tus habilidades de CSS. Esta función le permite implementar las funciones de CSS que aún no están disponibles en Elementor, como CSS Transform para agregar un elegante efecto de desplazamiento a Elementor.
Lea también: Cómo importar o exportar modelos en Elementor
Puede agregar CSS personalizado a cada elemento de Elementor. Ya sea una sección, columna o widget. Puedes acceder al bloque CSS personalizado debajo de la pestaña Avanzado desde el panel de configuración (panel en el lado izquierdo) en el editor de Elementor para agregar CSS personalizado.
7. Efectos de movimiento
Elementor Pro viene con opciones de ajuste que le permiten aplicar efectos de movimiento a un elemento en la página en la que está trabajando. Puede usar la función para agregar efectos de animación a su página sin necesidad de comprender JavaScript.
Los efectos de movimiento que ofrece Elementor Pro se dividen en dos tipos: el efecto de desplazamiento y el efecto del mouse. Además, también puede aplicar la opción adhesiva a la sección y los widgets.
8. Más de 90 widgets
Como sabes, Elementor se lanza como un complemento freemium, lo que significa que hay una versión gratuita disponible para que disfrutes de la experiencia de usuario de Elementor sin gastar un centavo. Aunque Elementor Free ofrece widgets básicos, la versión pro viene con widgets más avanzados como Formulario, Publicaciones, Inicio de sesión, Lista de precios, etc.
Estos son los widgets que puede desbloquear después de actualizar a Elementor Pro.
| Artículos | cuenta atrás | después Extracto |
| Portafolio | Botones Compartir | Foto Principal |
| Slides | Blockquote | Cuadro de autor |
| Formulario de Contacto | Facebook Button | Publicar comentarios |
| Acceder | Comentarios de los lectores | Navegación de publicaciones |
| Título animado | Insertar en Facebook | Información del correo |
| Lista de precios | Pagina de Facebook | Productos |
| Lista de precios | Plantilla | Breadcrumbs de WooCommerce |
| Flip Box | Logo del sitio | Añadir personalizado al carrito |
| Llamado a la Acción | Título del sitio | Páginas de WooCommerce |
| Carrusel de medios | Mosaico de página | Categorías de Producto |
| Carrusel Testimonial | Menú Nav | Carro de menú |
| Reseñas | Formulario de búsqueda | Lottie |
| Mapa del Sitio | Título | Resaltar código |
| Lista de reproducción de vídeo | Botón de PayPal | hotspot |
Hay más de 90 widgets que puede desbloquear en total (widgets gratuitos y widgets profesionales)
9. Contenido dinámico
No solo puedes usar Elementor para crear sitios web estáticos. Con su soporte para contenido dinámico, también puede usar Elementor para crear un sitio web dinámico como un blog, un portal de noticias, un sitio web de anuncios y otros tipos de sitios web dinámicos. Puede agregar contenido dinámico a una página o plantilla de generador de temas utilizando los siguientes widgets:
- Logo del sitio
- Título del sitio
- Título de la página
- Título
- después Extracto
- Foto Principal
- Información del correo
- Artículos
10. Campos personalizados
Los widgets que mencionamos en el punto 9 anterior se pueden usar para agregar contenido dinámico predeterminado de WordPress, como el título de la publicación, el meta de la publicación, la imagen destacada, etc.
¿Qué pasa con los campos personalizados? Elementor Pro también le permite agregar Campos Personalizados. Al maximizar esta funcionalidad, puede usar Elementor para crear cualquier tipo de sitio web con los complementos mínimos posibles. Elementor Pro es compatible con los siguientes complementos populares de campos personalizados:
- Vainas
- Avanzada campos personalizados
- conjunto de herramientas
- JetEngine
¿Cómo integrar un determinado complemento de campo personalizado con Elementor?
Simplemente puede crear el grupo de campos personalizados usando su complemento de campo personalizado favorito y usar Elementor para mostrar los datos de los campos personalizados que creó. Puede mostrar campos personalizados en una plantilla. Puedes leer nuestro artículo anterior para averiguarlo. cómo agregar campos personalizados en Elementor.
Por último
Elementor es una gran herramienta para crear un hermoso sitio web sin tener que lidiar con ningún código. Ya sean códigos CSS, códigos HTML, códigos PHP o códigos JavaScript. La versión gratuita de Elementor fue excelente, pero para desbloquear su potencial como el mejor complemento de creación de páginas, debe desbloquear todas las funciones, lo que puede hacer actualizando a la versión pro.
Aquí termina esta primera lista de características que podrá desbloquear usando Elementor Pro. Descubrirás los siguientes en otro artículo.
¡Obtenga Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le presenta las mejores características increíbles para dominar en Elementor Pro. Si tiene alguna duda sobre cómo llegar favísanos en el 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.
...
