3 Maquetadores visuales gratuitos que debes conocer

3 Maquetadores visuales gratuitos que debes conocer

¿Tuiteamos?@lualouro @wppontevedra #wppontevedra

Lúa Louro, de www.lualouro.com

¿Quién soy yo?

● Diseñadora y desarrolladora web frontend especializada en WordPress● Grado en Bellas Artes + Máster en Dirección de Arte Publicitaria● www.lualouro.com● Colaboradora de Lifestyle Al Cuadrado (www.lifestylealcuadrado.com)● Colaboradora de Hormigas en la Nube (www.hormigasenlanube.com) ● Colaboradora de Dean Romero (www.blogger3cero.com)● Colaboro en la traducción de plugins y temas de WP España

Lúa Louro - www.lualouro.com @lualouro @wppontevedra #wppontevedra

http://www.lualouro.com

http://www.lualouro.com

http://www.lifestylealcuadrado.com

http://www.hormigasenlanube.com

http://www.blogger3cero.com

Vayamos al grano¿Qué es un maquetador visual?


La herramienta que te permite pasar de esto a esto

http://localhost/tests/sin-elementor/

http://localhost/tests/elementor-48/

¿Por qué utilizarlo?

★ Enriquecer nuestro contenido sin código.★ Aumentar tiempo de permanencia en página.★ Pruebas A/B para mejorar conversión.★ Reducir porcentaje de rebote.


¿Qué debo tener en cuenta?

Maqueta solo páginas, no entradas

Ojo con querer contenido a ancho completo


PROS y CONTRAS

● Rapidez de ejecución● Visual e intuitivo● Efectos positivos


● Ralentiza la web● Curva de aprendizaje● Sin buen ojo, un desastre

PROS CONTRAS

Top 3 maquetadores visuales gratuitos

● Page Builder● Beaver Builder● Elementor


https://es.wordpress.org/plugins/siteorigin-panels/

https://es.wordpress.org/plugins/siteorigin-panels/

https://es.wordpress.org/plugins/beaver-builder-lite-version/

https://es.wordpress.org/plugins/beaver-builder-lite-version/

https://es.wordpress.org/plugins/elementor/

https://es.wordpress.org/plugins/elementor/

Algunas cifras


Algunas cifras


Mayor % de permanenciaMás descargado Más reciente

¿Cómo elegir el mejor maquetador visual?

✓ Al desinstalarlo se conserva el contenido ✓ Trabaja con código, no con shortcodes✓ Ligerito✓ Trabajamos sobre la web, en directo✓ Elementos básicos de maquetación

Instala, aplica una plantilla predefinida y desinstala


¿Qué pasa al desinstalar?


✔❌ ✔

¿Trabaja con código?


✔✔ ✔

¿Cuánto pesa?


4,6MB9,1MB1,8MB

Bola extra: llamadas a la base de datos


543

Posibilidad de trabajar en directo


✔✔✔

¿Cuántos elementos de maquetación trae?


2869

EXTRA: ¿Cuántas plantillas prediseñadas trae?


30024

Hablo de su versión gratuita, por supuesto

¿El top 3 cumple con los requisitos?PAGE BUILDER BEAVER BUILDER ELEMENTOR

Conserva texto ❌ ✔ ✔

Trabaja con código ✔ ✔ ✔

Ligero ✔ ✔ ✔

Trabajamos sobre la web ✔ ✔ ✔

Elementos de maquetación 9 6 28

Plantillas prediseñadas 24 ❌ 30


¿Cómo es Page Builder por dentro?


(Y este es el editor en vivo de Page Builder)


¿Cómo es Beaver Builder por dentro?


¿Cómo es Elementor por dentro? ❤


Barra de herramientas de Page Builder


Barra de herramientas de Beaver Builder


Barra de herramientas de Elementor


¿Con cuál me quedo yo?


Desaparece todo al desinstalarExtensión para funcionar al 100%

❌ ❌

Sin plantillas prediseñadas Mayor variedadEquipo muy activo

✔

Hasta aquí la chapa de media hora

Lúa Louro www.lualouro.com

¡GRACIAS!

3 Maquetadores visuales gratuitos que debes conocer

Technology

Transcript of 3 Maquetadores visuales gratuitos que debes conocer