Seleccionar página

Con Elementor puedes personalizar rápida y fácilmente el diseño de tu sitio web. Para mí, es uno de los mejores creadores de páginas para WordPress. En mi revisión, le presentaré las funciones que ofrece el complemento gratuito y lo que Elementor Pro puede hacer.

¿Qué es exactamente Elementor?

Elementor es actualmente uno de los creadores de páginas más populares para WordPress . El complemento reemplaza el editor normal de WordPress con un editor en vivo. Entonces ve el resultado de su ajuste directamente.

El principio es muy simple. Utilice arrastrar y soltar para configurar el diseño de sus páginas con los elementos individuales (widgets). Dado que no se requieren conocimientos de HTML o CSS, el constructor también es perfecto para principiantes.

Elementor Review 1
Descarga gratuita de wordpress.org

Puede descargar el generador de páginas gratuito en el directorio de temas de WordPress .

Aunque el complemento solo existe desde 2016, ahora hay más de 3 millones de instalaciones activas. Y una calificación de 5 estrellas.

¿Qué es Elementor Pro?

Además de la versión gratuita, también existe Elementor Pro . Este complemento adicional es de pago. Con esto, amplía el complemento gratuito con numerosas funciones ingeniosas. Principalmente un constructor de temas .

Elementor Review 2
Elementor Pro

Con él puedes controlar realmente todas las áreas de tu sitio web. Así también las partes que están determinadas por los temas de WordPress. Como encabezados, pies de página o páginas de blogs. De ahí el nombre Theme Builder.

Puede obtener el complemento Pro en el sitio web de Elementor .

¿Qué temas son adecuados para Elementor?

Básicamente, el Creador de páginas de WordPress se puede utilizar con prácticamente cualquier tema. Sin embargo, algunos ofrecen una mejor interacción. Aquí hay algunas recomendaciones de temas:

  • Hello Theme
    El Hello Theme está especialmente diseñado para Elementor Builder. Solo ofrece el marco necesario y no tiene funciones avanzadas. Por ejemplo, faltan el encabezado y el pie de página. El tema solo es realmente recomendable si está utilizando Elementor Pro. Porque entonces usted mismo puede diseñar el encabezado y pie de página.
  • OceanWP
    Utilizo Page Builder junto con OceanWP . Así que puedo recomendar absolutamente el tema. OceanWP ofrece muchas funciones útiles y está optimizado para la velocidad al mismo tiempo. Además, también proporciona widgets y plantillas de Elementor.
    Aquí puede encontrar mi introducción detallada a OceanWP .
  • Astra
    Otro tema de creación de páginas muy bueno es Astra . Es un poquito más rápido que OceanWP, pero no tan rico en funciones. Las plantillas de Elementor también se suministran con este tema.
  • GeneratePress
    En comparación con OceanWP y Astra, GeneratePress no ofrece tantas funciones. Por otro lado, es un poco más ágil y rápido.
  • Page Builder Framework El
    Page Builder Framework está especialmente diseñado para el uso de los constructores de páginas. Por lo tanto, este tema es liviano y no está sobrecargado de funciones.

Revisión de Elementor: funciones gratuitas

Ahora le presentaré brevemente lo que el popular creador de páginas tiene para ofrecer. Dado que el complemento ofrece una cantidad increíble de funciones, me limitaré a las más importantes.

Editor en vivo: fácil de usar

Con el editor en vivo, crear un sitio web es muy rápido y fácil. ¡También es divertido! Porque puedes ver el resultado directamente.

Si desea crear una página, primero determine la estructura. Entonces la división de columnas. Luego arrastre el widget deseado al área lateral.

Elementor Review 3
Trabajando con el editor en vivo

Luego adapta el elemento insertado. Puede configurar todas las propiedades con precisión para cada widget.

Todo lo que tienes que hacer es hacer clic en las pestañas de widgets de arriba. Y luego puede cambiar el color, la fuente, el espaciado, los efectos y mucho más. ajustar. ¡Especialmente los diseñadores obtendrán el valor de su dinero aquí!

Elementor Review 4
Personalizar el widget de títulos

La mejor manera de comenzar es usar una plantilla lista para usar. Entonces, simplemente puede probar lo que es posible.

En general, el manejo es muy intuitivo y también apto para principiantes.

Widgets de Elementor

Aparte de la operación simple, Elementor-Builder le ofrece muchas funciones. Los inserta en la página a través de los llamados widgets , es decir, elementos.

Actualmente hay 30 widgets en la versión gratuita. Y con todos ellos podrás adaptar completamente el diseño a tus deseos. Independientemente del tamaño, el color, la fuente, el espaciado, todo se puede ajustar fácilmente.

Widgets básicos

Aquí encontrará los elementos básicos para construir su sitio.

Widgets básicos
Widgets básicos
  • Sección interior
  • Bóveda
  • imagen
  • Editor de texto
  • Vídeo
  • Botón
  • separador
  • distancia
  • mapas de Google
  • Icono

Widgets generales

Esos son los elementos más interesantes. Aquí la versión gratuita de Elementor te ofrece 20 elementos útiles.

Widgets generales
Más funciones a través de widgets
  • Cuadro de imágenes
  • Caja de iconos
  • Calificación de estrellas
  • Carrusel de imágenes
  • Galería básica
  • Lista de iconos
  • mostrador
  • Barra de progreso
  • recomendación
  • Pestañas
  • Iconos de redes sociales
  • Noticias alarmantes
  • SoundCloud
  • Códigos cortos
  • Código HTML
  • Ancla de menú
  • Barra lateral
  • sigue leyendo

Widgets de WordPress

Por supuesto, también puede insertar los widgets de WordPress existentes. Dependiendo del tema o complemento que use, el área se ve diferente.

Widgets de WordPress
Widgets de WordPress

Complementos de Elementor: widgets adicionales

¿Te falta algún elemento? Entonces ahora puede encontrar muchos complementos adicionales para Elementor , como Complementos esenciales para Elementor .

Pero escribiré un artículo adicional sobre eso y presentaré los mejores complementos.

Diseño de respuesta

De forma predeterminada, todos los sitios web de Elementor responden. Ya sea de escritorio, tableta o móvil, el diseño se adapta perfectamente.

Representación receptiva en Elementor
Vista previa en vivo de las vistas móviles.

En el editor, puede cambiar fácilmente entre las vistas del dispositivo respectivo. Además, puede realizar ajustes de respuesta especiales para cada elemento. Incluso puedes ocultar elementos.
Y si es necesario, también puede cambiar los puntos de interrupción móviles.

Revisiones

Con cada uno de sus ajustes, el complemento establece automáticamente un punto de guardado. Esto es muy útil si desea deshacer un ajuste.

Curso de las revisiones
Historial de su acción con la función de restauración.

En el historial, simplemente haga clic en el estado deseado y los cambios se deshacerán.

Biblioteca de plantillas

¿Todavía no tienes una idea concreta de cómo debería ser tu sitio web? ¿O quieres publicar una página de destino rápidamente? Luego, use diseños listos para usar con solo unos pocos clics.

insertar emplate
Con un clic en el editor se abre la biblioteca de plantillas.
Vista previa de las plantillas de Elementor
Selección de plantillas de Elementor

Por supuesto, puede personalizar aún más la plantilla. Luego guárdelo como su propia plantilla en la biblioteca.

Kits de plantillas de Envato
monitor

Además de las plantillas de la biblioteca, existen, por supuesto, muchas otras fuentes para las plantillas de Elementor .

Bloques / secciones

Los bloques funcionan de manera similar a los módulos de texto. O los bloques reutilizables en el editor de Gutenberg .

Estas son pequeñas secciones prefabricadas que puede construir una y otra vez en diferentes lugares. ¡Esto le ahorrará mucho trabajo!

Plantillas de bloque
Plantillas de bloque

A continuación, se muestran algunos bloques de ejemplo:

  • 404 página
  • Acerca de
  • Llamada a la acción
  • Contacto
  • Preguntas más frecuentes
  • Servicios
  • equipo
  • Gráficos
  • Boletin informativo
  • Lista de precios

Guarda tus propias plantillas

Me gusta mucho la opción de guardar mis propias plantillas. Así es como construyes tu propia biblioteca con el tiempo. Las plantillas también se pueden exportar. Así que también puedes usarlo en otros sitios.

Plantillas propias en biblioteca
Puede guardar y exportar sus propias plantillas.

Por supuesto, también puede importar otras plantillas gratuitas y premium a la biblioteca. Porque ya existen algunos proveedores para esto.

actuación

Una crítica fundamental de los creadores de páginas es el tiempo de carga de la página. Porque el complemento adicional también carga más archivos.

Sin embargo, Elementor es uno de los constructores más rápidos que existen. Tanto al procesar en el backend como en el frontend.

En cualquier caso, no puedo quejarme. Utilizo el complemento y mis páginas se cargan muy rápido. Pero, por supuesto, también se debe a WP Rocket .

Prueba de rendimiento Pingdom
Prueba de rendimiento Pingdom

Conclusión

Como ves, Elementor te ofrece una increíble cantidad de posibilidades. Y todo es completamente gratis. Mucho más de lo que ofrecen la mayoría de los otros constructores.

Y si necesita ayuda, puede encontrarla en el foro de soporte o en la documentación de Elementor. También hay muchos tutoriales y videos en Youtube con consejos útiles.

Lo usé yo mismo y no quiero perderme más las funciones. Especialmente no las características extendidas de Elementor-Pro. Se los presentaré en la próxima parte de mi Revisión de Elementor.

Características de Elementor Pro

¿Le gustaría tener más funciones para su sitio web? ¿O quizás incluso diseñar elementos temáticos completamente tú mismo? ¿O integrar ventanas emergentes? Estos son solo algunos ejemplos de lo que Elementor Pro puede hacer por usted .

elemento o elementos temáticos

Así que ahora llegamos a las características principales de la versión Pro.

Constructor de temas

Generador de temas Elementor

Con el complemento normal de Page Builder, puede diseñar páginas, publicaciones o secciones. El Pro temático Elementor constructor va un paso decisivo más allá.

Con él construyes tu propio tema. Porque con Elementor Pro también puede diseñar elementos temáticos usted mismo. Eso significa que puede crear su propio encabezado, pie de página o barra lateral. Sin programación, por supuesto.

A continuación, se muestran algunos ejemplos de plantillas para el generador de encabezados.

Generador de encabezados de Elementor
Encabezados creados con Theme Builder

Crear página de blog y página de categoría

Desafortunadamente, las páginas de archivo y categoría no son realmente fáciles de personalizar en WordPress. Pero Elementor Pro puede ayudar aquí. Las páginas estándar se pueden reemplazar fácilmente con sus propias plantillas.

Plantillas para páginas de archivo
Plantillas para páginas de archivo

Diseño de publicaciones

Con la versión gratuita del complemento, por supuesto, también puede crear publicaciones de blog. Personalmente, lo encuentro bastante engorroso. Con el Editor de Gutenberg, puede escribirlo más rápido.

Pero con la versión Pro puedes crear plantillas para tus publicaciones. Así que define el diseño una vez y luego simplemente lo transfiere a los artículos de su blog.

Plantilla de publicación única
Plantillas de artículos de blog

Más diseño de página

Además de estas páginas especiales, también puede definir su propio diseño para lo siguiente:

  • Página de error 404
  • Página de búsqueda
  • Próximamente Página
  • Página de mantenimiento

Condiciones de visualización

¿Dónde deberían mostrarse exactamente sus plantillas? Eso se define exactamente con las condiciones de visualización .

Condiciones de visualización
¿Dónde exactamente debería usarse la plantilla?

Al mostrar las condiciones, usted controla qué plantilla debe usarse para qué categoría o qué publicación. Por ejemplo, cada página de categoría puede tener su propio diseño. ¿O hiciste una contribución especial? Entonces dale un diseño único.

Plantillas profesionales y kits de plantillas

Como usuario profesional, tiene acceso a más de 150 plantillas .

Kits de plantillas
Kits de plantillas

Además, también hay kits de plantillas disponibles. Estos son conjuntos que contienen varias plantillas en un diseño consistente. Una buena base para construir un sitio web completo. Entonces obtienes las plantillas para, por ejemplo, página de inicio, blog, acerca de mí y contacto en el mismo diseño.

Si usa Elementor Pro, ¡puede prescindir de un complemento emergente! En términos de diseño, funcionalidad y operación, el PopUp Builder puede mantenerse al día con los complementos emergentes comunes.

Creador de elementos emergentes Elementor

Puede determinar el diseño fácilmente y fiel al píxel. Y, por supuesto, Elementor le proporciona más de 100 plantillas emergentes como sugerencia .

Información sobre PopUp Builder

Cuándo y dónde se debe mostrar la ventana emergente también se puede configurar de manera muy flexible.
Para esta publicación, he creado una ventana emergente de prueba. Solo se muestra en esta página y debe deslizarse desde abajo después de 5 segundos.

Activadores emergentes
¿Cómo se debe activar la ventana emergente?

Lo único que falta aquí son las estadísticas de conversión. Los complementos como Thrive Leads o Convert Pro ofrecen esto, por ejemplo .

Integración de marketing

¿Estás enviando un boletín de noticias? Entonces esta función podría ser de su interés.
Por el momento, puede conectar sin problemas los siguientes proveedores a su sitio web.

  • MailChimp
  • Goteo
  • ActiveCampaign
  • ConvertKit
  • HubSpot
  • Zapier
  • Obtener una respuesta
  • MailerLite
  • AWeber
  • MailPoet

Desafortunadamente, todavía no hay proveedores alemanes o europeos.

Constructor de formas

Los complementos de formulario para WordPress cuestan un centavo la docena. Pero para la mayoría de ellos, el diseño no es realmente fácil de personalizar.

Pero eso no es un problema con Elementor Forms. Con la ayuda del creador de formularios visuales , puede crear formularios elegantes en poco tiempo. Los formularios de varios pasos ahora también son posibles con él.

Formas de Elementor
Formas de Elementor: creadas rápidamente y hermosas a la vista

Deslizador

Yo mismo no soy un gran fanático de los controles deslizantes, pero a veces los necesitas.
Y el Page Builder le proporciona una buena herramienta para esto.

Vista previa del control deslizante

El control deslizante responde, ofrece efectos y, sobre todo, es fácil de usar.

Widgets profesionales: aún más elementos

Además de los numerosos widgets, hay más de 50 en la versión Pro .

Widgets profesionales
  • Publicaciones
  • portafolio
  • Diapositivas
  • Formularios
  • Iniciar sesión
  • Menú de navegación
  • Título avanzado
  • Lista de precios
  • Lista de precios
  • Caja plegable
  • Llamada a la acción
  • Carrusel de medios
  • Carrusel de testimonios
  • cuenta regresiva
  • Botones de compartir
  • Cuota de bloque
  • Reseñas
  • Botón de Facebook, insertar, página, comentarios
  • Modelo
  • Galería
  • Tabla de contenido
  • Animación Lottie

Publicar widgets

Por ejemplo, puede crear sus plantillas de publicaciones con widgets dinámicos.

Publicar widgets
  • Título de la entrada
  • Declaración de contribución
  • Publicar Contenido
  • Foto principal
  • Cuadro de autor
  • Comentarios
  • Mensaje de navegación
  • Información de la publicación
  • Logotipo del sitio
  • Título del sitio
  • Título de la página
  • Formulario de búsqueda
  • Migas de pan
  • Mapa del sitio
  • WooCommerce

Widgets de WooCommerce

Widgets de WooCommerce
  • Migas de pan
  • Título del producto, imagen y precio
  • Añadir al carrito
  • Calificación del producto, stock y meta
  • Breve descripción
  • Fichas de fecha de producto
  • Información Adicional
  • Producto relacionado
  • Ventas adicionales
  • Productos
  • Añadir personalizado al carrito
  • Páginas de WooCommerce
  • Categorías de Producto
  • Carrito de menú

¿Los necesitas todos? No. ¡Pero hay algunos realmente útiles!

Y puedes guardarte algunos complementos nuevamente. Aquí algunos ejemplos:

  • Tabla de contenido
    Widget muy flexible con el que puede incluir una tabla de contenido .
  • Galería
    Presente sus imágenes como una galería elegante. Página recientemente incluso con la función de carga diferida .
  • Formularios
    Puede utilizar la función de formulario de Elementor para formularios simples.
  • Reseñas
    P. ej. para comentarios de clientes
  • Mapa del sitio
    Insertar un mapa del sitio HTML
  • Cartera
    de visualización para las entradas de cartera
  • Publicaciones
    Inserte publicaciones de blog en cualquier lugar. Además del diseño, puede filtrar con precisión la consulta.

Widgets globales

Imagina que has personalizado un widget. Por ejemplo, con el widget de botón, el color, la tipografía, etc. se pueden configurar individualmente. Luego, puede guardarlo como un widget global y usarlo una y otra vez. En cada lado.

widget global

Códigos cortos de plantilla

Los códigos cortos de plantilla son una función muy útil para mí. Porque con él puedo integrar plantillas de Elementor en cualquier parte del tema usando un shortcode.

Constructor de WooCommerce

Con WooCommerce Builder puedes optimizar tu tienda. Porque Elementor le proporciona widgets para productos, tablas de precios, carritos de compras y mucho más. Y, por supuesto, plantillas elegantes para páginas de productos y listas de productos.

Constructor de WooCommerce

Como yo mismo no dirijo una tienda WooCommerce, no puedo informar mucho más sobre esto.

Fuentes e iconos propios

¿Alguna vez ha creado sus propias fuentes o fuentes web en WordPress ? No es un gran problema, pero aún funciona. Con Elementor Pro puede integrar fácilmente fuentes y fuentes de iconos en la página.

Fuentes e iconos propios

¿Vale la pena comprar Elementor Pro?

Por supuesto, todos deben tomar esta decisión por sí mismos. Pero, con suerte, con mi publicación pude explicarte las diferencias entre las dos versiones.

Yo mismo usé por primera vez la versión gratuita de Elementor. Durante mucho tiempo estuve muy feliz con eso. Pero llegó un punto en el que solo quería más funciones. Porque Elementor está en constante desarrollo. Así que de repente hay características que ni siquiera sabía que quería tener….

Para mí, personalmente, las mayores ventajas están en las funciones del generador de temas. Así puedo integrar elementos rápida y fácilmente en cualquier lugar a través de shortcode, usar widgets globales, crear ventanas emergentes, etc. Y cuando tenga un poco más de tiempo, adaptaré las páginas de mi categoría.

Preguntas comunes

¿Qué es Elementor?

Elementor es un complemento de creación de páginas de WordPress. Con un editor en vivo, crea su contenido usando arrastrar y soltar.

¿Qué es un Page Builder?

Un creador de páginas es un complemento de WordPress que puede utilizar para editar y diseñar el contenido de sus páginas y publicaciones. Con la mayoría de los creadores de páginas, inserta los elementos usando arrastrar y soltar y ver el resultado en una vista en vivo.
Esto significa que se pueden crear sitios web atractivos en poco tiempo.

¿Elementor necesita un tema?

Si. Tanto Elementor como Elementor Pro requieren un tema de WordPress. Aquí están mis recomendaciones de temas .

¿Qué alternativa hay a Elementor?

Los creadores de páginas Beaver Builder y DIVI son comparables. Puede encontrar una comparación rápida en mi artículo Divi Builder vs Elementor vs WP Bakery

¿Qué pasa si desactivo Elementor?

Tan pronto como desactive el complemento, se eliminará todo el formato. Pero se conserva el contenido real. Tampoco quedan códigos cortos en el sitio como hacen otros constructores.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, aceptas el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad