Visual Composer el maquetador visual de WordPress

Áctualización 30 de Marzo de 2019: Este artículo fué escrito el 14 de mayo de 2018, ha pasado mucho tiempo de su publicación y hemos probado otras herramientas de maquetación visual como Elementor, que sobrepasa fuertemente las capacidades de WP Bakery Page Builder, desde su facilidad de cambios en el front-end a sus constantes actualizaciones en funcionalidad.

Por esta razón, próximamente en el blog de WooSync encontrarás un artículo sobre el nuevo maquetador visual que sí apoyamos y recomendamos a nivel personal.

Con más 359,155 descargas en Envato (Mayo 2018) Visual Composer –que ahora cambió su nombre a WPBakery Page Builder– es un plugin de maquetación visual WordPress que permite crear sitios webs de forma forma fácil con resultados elegantes.

En este artículo aprenderás:

¿Qué es Visual Composer?
¿Cómo funciona?
Beneficios de Visual Composer para WordPress
Principales características
Conclusión

¿Qué es Visual Composer?

Visual Composer es un plugin de maquetación visual desarrollado por WPBakery, que te permite diseñar sitios web de forma rápida con máxima flexibilidad y personalización. Cuenta con una versión gratis, con funcionalidades básicas y versión paga con más de 50 extensiones premium.

Puedes chequear al instante todos los cambios que realices en tu página y elementos. Edita colores, tamaños y opciones con infinidad de posibilidades.

Para añadir un elemento haces click en el icono + dentro del contenedor donde quieras colocar el elemento y después sobre el elemento concreto que quieras insertar. Además, puedes editarlos, duplicarlos o arrastrarlos de un contenedor a otro.

Los elementos como:

Filas
Bloques de texto
Imágenes
Mapas
Citas
Botones para compartir en redes sociales, etc.

Ya vienen ya instalados con el plugin, aunque también puedes añadir nuevas extensiones para agregar más funcionalidad.

¿Cómo funciona?

Visual Composer revolucionó la manera de crear sitios web en WordPress, gracias a su intuitiva interfaz visual, dejó atrás la rudimentaria y lenta modalidad de escribir código para lograr desarrollar proyectos con resultados profesionales.

Con Visual Composer ya no es necesario tener conocimientos de código html o css, o estar familiarizado con la inserción de códigos cortos.

Simplemente tienes que instalar el plugin y crear una nueva página o entrada, en poco tiempo podrás diseñar páginas elegantes y funcionales, dado que su funcionamiento es sencillo e intuitivo.

[elementor-template id="51286"]

Beneficios de WPBakery Page Builder (Visual Composer)

Constructor visual con drag-and-drop. Mueve filas y elementos fácilmente con el cursor
Maquetador Front-End.
Diseño adaptado a móviles.
Funciona con cualquier Post type
No necesitas tener conocimientos en programación
Buen servicio de soporte apoyado de una buena documentación con videos paso-a-paso
Es compatible con Woocommerce
Disponible en 10 idiomas, inglés, español, portugués, italiano, alemán, francés, etc.
Es compatible con el plugin SEOP by Yoast
Puedes insertar tu propio código
Puedes guardar plantillas con elementos pre-definidos. Esto te ahorrará mucho tiempo. Utilízalo 😉
Cuenta con más de 100+ plantillas

Principales características

Visual composer cuenta con más de 50 elementos disponibles, entre ellos podemos encontrar:

Filas
Bloques de texto
Separadores Línea separadora
Cuadro de mensaje. Destacas mensaje a través de un recuadro personalizado. Modifica estilo y efecto de animación
«Me Gusta» de Facebook Los usuarios puedan dar un Me Gusta y sea crea un enlace visible en su perfil.
Botón para Twittear Función que permite a los usuarios hacer un tweet con el contenido de la página o post.
Botón Google+ Los usuarios pueden compartir el contenido en su perfil.
Botón de Pinterest. Botón que permite pinear el contenido y colocarlo en unos de sus tableros de Pinterest.
Preguntas Frecuentes. Caja con preguntas frecuentes que podemos personalizar, añadirle una animación predefinida, etc.
Imagen. Insertar imagen de la galería
Galería. Añade una galería de imágenes
Carousel. Para insertar un carrusel animado de imágenes
Pestañas. Añade una caja con diversas pestañas
Barra adicional con widgets. Elemento para crear zonas adicionales en la que podemos insertar todo tipo de widgets.
Botón. Insertar botón donde incluimos enlace
Botón 2. Muy parecido al anterior, con la ventaja de que podemos personalizarlo al añadir color y tamaño.
Tour. Caja de contenido vertical que clasificaremos en distintas pestañas
Acordeón Mini secciones con franjas de contenido que pueden desplegarse
Entradas recientes. Añadir entradas recientes filtradas por categoría
Llamada a la acción con botón. Llamativa caja con botón y llamada a la acción. Personaliza color, animación, etc.
Reproductor de Video Reproductor con un vídeo de Youtube o Vimeo. Para añadirlo, simplemente introducimos la URL del vídeo.
Mapa de Google. Presenta mapa con la dirección que insertemos mediante un código iframe que extraemos directamente en Google Maps. Es posible editar la altura.
. Permite insertar código HTML puro para realizar acciones que así lo requieran.
Título personalizado. Como el anterior, pero con mayor cantidad de opciones, como la elección del tipo de letra de Google Fonts, color, interlineado, etc.

Conclusión

Esperamos que este artículo te haya ayudado a conocer a fondo a todos los detalles el plugin que cambió literalmente la forma de crear sitios web en WordPress.

¿Y tú? ¿Conocías Visual Composer? ¿Lo has usado en alguno de tus proyecto web?

Ya sabes que puedes consultarnos dudas y compartir tus experiencias.

Nos encantará leer tus comentarios.

Si te gustó este artículo, recomendalo y compartilo. ❤

¡Happy Developing! 💪