La búsqueda de la gente para crear sitios web nos ha llevado fácilmente a una nueva era de desarrollo de sitios. Donde, con la disponibilidad de robustos instrumentos de creación de páginas, la creación de sitios web se ha vuelto mucho más divertida (especialmente para los no desarrolladores). La variedad de herramientas y plugins disponibles es enorme cuando intenta construir sitios web en WordPress. Hoy exploraremos uno nuevo, WP Page Builder. Si está cansado de los mismos viejos plugins de construcción de páginas, este es uno que debería probar.

Con muchos elementos de diseño, complementos, funcionalidades como controles de respuesta específicos para cada dispositivo, opciones de  exportación/importación, ajuste del relleno y, sobre todo, un sistema de edición de frontales en tiempo real de arrastrar y soltar, WP Page Builder tiene todo lo necesario para impulsar un sitio web completo. Es un plugin de WordPress todo en uno para sus necesidades de construcción de sitios.

Es un plugin gratuito para construir páginas de WordPress que le ayuda a construir hermosos sitios web como un profesional.

¿Qué tiene de especial el constructor de páginas WP?

¿Se preguntas qué hace a WP Page Builder tan especial? Yo diría, ¿qué no? Está desarrollado por el equipo de Themeum, que ha estado creando temas para WordPress desde 2013. Como se mencionó anteriormente, el plugin es un paquete completo de elementos esenciales para la construcción de sitios con toda la funcionalidad moderna que se espera de un plugin de construcción de páginas. Echemos un vistazo a continuación a todas las jugosas características que incluye WP Page Builder.

1. Arrastrar y soltar construcción del sitio web

El Constructor de Páginas WP ofrece un sistema de construcción de sitios de arrastrar y soltar. Puede añadir fácilmente cualquier cosa como texto, botones, iconos u otros elementos a cualquier página. Sólo tiene que arrastrar el complemento en particular y soltarlo en el lugar donde quiere tenerlo. Todo pasa ante sus ojos y tiene un control total sobre todo.

Arrastrar y soltar la construcción del sitio web
Arrastrar y soltar la construcción del sitio web

2. Una edición Front-End más rápida y en tiempo real

El plugin es increíblemente rápido y magníficamente intuitivo. También es muy ligero y toma mucho menos tiempo que todas las demás herramientas similares para crear un sitio impresionante y funcional. Cambiará la forma en que se construyen los sitios web en WordPress. Ya hay muchos elementos listos dentro. Sólo tiene que saber cómo usarlos. Construido con las últimas tecnologías, esta herramienta le ayuda a tener su sitio web listo en minutos.

Si no sabe escribir código pero quiere construir sitios web, WP Page Builder es la herramienta adecuada para usted. No hay necesidad de escribir código para añadir cualquier funcionalidad o diseño a sus páginas web. Los elementos de construcción del sitio WP Page Builder y la funcionalidad de arrastrar y soltar hacen el trabajo por usted.

Crear una nueva página y luego editarla con el Constructor de Páginas WP es increíblemente fácil. Puede elegir el diseño de la página mientras la crea. Una vez elegido, sólo un clic en «Editar con WP Page Builder» le lleva allí. Puede seleccionar el número de columnas y empezar a arrastrar elementos sobre ellas.

Disfruta de una nueva experiencia de construcción de sitios con recursos de última generación en su interior. Crear hermosas páginas web en una moderna y agradable interfaz de usuario.

3. Más de 30 Complementos y Conteo

Desarrolle su sitio web con elementos como textos, imágenes, iconos, botones y más. Hay muchos complementos en el Constructor de Páginas WP para equipar y decorar completamente su sitio. Arrastrar y soltar los complementos en las páginas web y luego modificar su aspecto como quiera.

WP Page Builder add-ons
WP Page Builder add-ons

Aquí están algunos de los increíbles complementos incluidos:

  • Formar: Crear formularios web sin esfuerzo. Le dan una manera conveniente de estilizar sus formas como desea. El complemento de la forma es capaz de configurar cualquier tipo de forma sin necesidad de instalar ningún plugin. Además, puede administrar los plugins de formularios y activar reCAPTCHA con un simple clic. También hay un complemento para Contact Form 7 si lo prefiere.
  • Carousel: Es difícil encontrar un complemento avanzado como un carrusel en un plugin gratuito de construcción de páginas, pero WP Page Builder le permite crear impresionantes deslizadores de héroes sin tener que pagar por ello.
  • Post Grid: Mostrar las entradas del blog en cuadrículas que definen el número de entradas y el estilo de la apariencia.
  • Feature Box: Utilice el complemento Feature Box para mostrar las características de los productos en su sitio web.
  • Accordion: ¿Necesita algún contenido de texto colapsado en su sitio? Use el complemento de Accordion del Constructor de Páginas WP y modifique el estilo como quiera.
  • Person Carousel: Además de mostrar los perfiles y testimonios individualmente, también puede mostrarlos en los carruseles. El Carousel de Personas y el Carousel de Testimonios harán eso por usted.
  • Pricing Table: Para los servicios que ofrece o los productos que vende, probablemente necesite tablas de precios. Utilice el complemento de Tabla de Precios en el Constructor de Páginas WP para configurar fácilmente las tablas de precios.
  • Flip Box: Tega un flip-box con el logo, título, texto y botones, y cambia las opciones y el estilo del flip para que se vea de la forma que quiera.
  • Pie Progress Coloque un elemento de progreso de pastel en su sitio con el complemento de Pie Progress.
  • Testimonio: Muestre lo que la gente piensa de su negocio en cualquier parte del sitio.
  • Animated Number: Use este complemento para mostrar números animados para una mejor presentación de las estadísticas.
  • Social Button: Enlaza con los perfiles de las redes sociales usando diferentes botones en su sitio.
  • SoundCloud: Añada bits de audio de SoundCloud.

4. Controles de respuesta específicos de los dispositivos

Puede determinar la forma en que su sitio web se ve en diferentes tamaños de dispositivos. El sistema de control de respuesta específico del dispositivo en el WP Page Builder le permite ajustar y optimizar las páginas web para ordenadores de sobremesa, tabletas y teléfonos móviles con facilidad.

El constructor de páginas WP responde
El constructor de páginas WP responde

El proceso de hacer que las páginas web respondan con una sola unidad (píxel) no hace que un constructor de páginas sea inteligente. El Constructor de Páginas WP introduce múltiples unidades de respuesta. Además de los píxeles, también puede determinar el punto de ruptura de la respuesta con unidades rem y de porcentaje. Puede cambiar el tamaño de los elementos e incluso mostrar/ocultar elementos específicos para dispositivos específicos.

 WP Page Builder puntos de ruptura de respuesta
WP Page Builder puntos de ruptura de respuesta

5. Un montón de diseños prefabricados

Cualquiera que sea el tipo de sitio web que quiera construir, una amplia gama de plantillas prediseñadas dentro de WP Page Builder le tiene cubierto. Elija cualquier diseño que se ajuste más a su causa, personalícelo con sus contenidos y lance un sitio web completo en minutos.

El constructor de páginas de WP preparó los diseños
El constructor de páginas de WP preparó los diseños

Estos diseños ya hechos vienen en forma de paquetes de diseño. Los paquetes de diseño más populares son:

  1. Business: Construido para cualquier tipo de sitios web de negocios. Las empresas o firmas de negocios que necesiten, perfiles y servicios pueden sacar el mejor provecho de este paquete de diseño. Las páginas disponibles en este paquete incluyen: Inicio, Acerca de, Equipo, Cartera, Precios, Contacto y Servicios.
  2. Insurance: Perfecto para cualquier compañía financiera, empresa o agencia que provea servicios de seguros. El paquete viene con tres páginas incorporadas, a saber: Inicio, Acerca de, y Servicios.
  3. Spa: Hecho para salones de belleza,  salones de pelo y uñas, salones de barbería, y todos los otros sitios web de negocios similares. Actualmente, el pack de spa tiene tres páginas: Inicio, Oferta y Paquetes.
  4. Plumber: Para diferentes servicios como plomería, pintura, carpintería, mantenimiento, limpieza doméstica y reparación de sitios web de servicios públicos. Las páginas incluyen: Inicio, Acerca de, y Servicios.
  5. Architecture: Construido para la decoración del hogar, el diseño arquitectónico y otras firmas corporativas relevantes. Las páginas incorporadas incluyen: Inicio, Acerca de, y Servicios.
  6. Lawyer: Hecho para abogados, particulares y bufetes de abogados que prestan servicios relacionados con el derecho. Las páginas disponibles incluyen: Inicio, Acerca de, Aviso, Contacto y Servicios.
  7. Salon: Para cualquier peluquería, salón de uñas, salón de barbero y otros sitios web de negocios relevantes. Las páginas prefabricadas incluyen: Inicio, Acerca de, y Muestra de Estilo.
  8. Diseños de páginas de terceros: Puede obtener diseños de página adicionales en la sección Diseños del Constructor de Páginas WP. Construya un plugin que contenga sus diseños de página. Instale y active ese plugin para poder usarlos. Hacer páginas web con sus propios diseños de página es ahora una realidad.

Hay muchos otros diseños de página de grado profesional dentro del Constructor de Páginas WP. Elegir el diseño correcto es más fácil con diferentes categorías. Y la mejor parte es que la mayoría de ellos vienen completamente gratis.

6. Bloques prediseñados listos para usar

WP Page Builder ofrece muchos bloques de diseño listos para usar para hacer el proceso de desarrollo de su sitio mucho más rápido y fácil.

Puede arrastrar y soltar los bloques en cualquier página y se obtiene el diseño. Todo el proceso se completa en un parpadeo. Al igual que el resto de las secciones de la página, también puede modificar el aspecto del bloque. Hay un botón de «ver bloque» en cada bloque para comprobar cómo se ven en el sitio en vivo.

WP Page Builder bloquea
WP Page Builder bloquea

Los bloques vienen en diferentes categorías. Encuéntrelos usando las palabras clave correctas. Las categorías disponibles son:

Feature: Utilice estos bloques para mostrar las características de su empresa, productos y servicios que ofrece en su sitio web. Hay muchos diseños diferentes para elegir. Seleccione el que va con su diseño.

Bloques de características del WP Page Builder
Bloques de características del WP Page Builder

Testimonial: ¿Necesita compartir la opinión de los clientes en su sitio? Los bloques de testimonios de WP Page Builder son útiles en este caso. Puede elegir el diseño que desee, incluyendo estas variaciones: Light, Dark, Slides, Grid Styled.

Team: Muestra a los miembros de su equipo de manera profesional con los elementos listos de WP Page Builder. Los bloques disponibles tienen múltiples variaciones de diseño con diferentes efectos y comportamientos. Cada bloque tiene nombres, designaciones y vínculos sociales para los miembros del equipo en diferentes estilos.

Bloque de equipo de WP Page Builder
Bloque de equipo de WP Page Builder

Call-to-action: ¿Quiere que sus visitantes tomen ciertas acciones en el sitio? Use la llamada a los bloques de acción. Puede tener un botón de llamada a la acción con diferentes visuales y textos para inspirar a los visitantes a hacer clic en ellos.

Pricing table: ¿Tiene tablas de precios de sus productos y servicios?. Los bloques tienen múltiples tablas de precios incorporadas con características. Algunos de ellos también le permiten destacar los planes de precios.

Content: Las secciones de contenido de bello diseño vienen como bloques preparados en el WP Page Builder. Utilice cualquier bloque de contenido que quiera para su sitio web.

Bloque de contenido del WP Page Builder
Bloque de contenido del WP Page Builder

Bloqueos de terceros: Si quiere usar bloques de su propia elección más allá de todos estos bloques incorporados, seguramente puede hacerlo con WP Page Builder. La herramienta soporta bloqueos de terceros.

Hay toneladas de bloques más en camino, el equipo detrás del Constructor de Páginas WP está muy interesado en mejorarlo.

7. Toneladas de iconos esenciales

Mientras se construye un sitio, los iconos juegan un papel fundamental. Aparte del diseño, los necesita para resaltar o diferenciar su contenido. WP Page Builder tiene una rica colección de iconos de fuentes para satisfacer esta necesidad.

Fuentes de iconos del WP Page Builder
Fuentes de iconos del WP Page Builder
  • Font Awesome: Hay más de 670 iconos de Font Awesome dentro de esta herramienta de composición de páginas de WordPress. Puede usarlos fácilmente en cualquier lugar de cualquier contenido de su sitio.
  • Iconos de la WPPB: Además de los iconos de Font Awesome, también puede utilizar más de 340 iconos de línea WPPB en sus páginas web.

El Constructor de Páginas WP le permite editar los estilos de fuentes de su sitio web y modificar los colores.

8. Construido con la facilidad de uso en mente

Cualquiera que conozca WordPress debería tener un tiempo bastante fácil usando el Constructor de Páginas WP. El plugin ofrece una experiencia de usuario magníficamente versátil en una maravillosa interfaz que se parece mucho al ecosistema predeterminado de WordPress. La herramienta no supone ningún esfuerzo incluso para aquellos que podrían estar usando WordPress por primera vez.

Considerando todos los niveles de usuarios de WordPress, el plugin WP Page Builder ha sido construido con características de todo incluido. Está inspirado y desarrollado por profesionales, pero está construido para todos.

9. Biblioteca para guardar sus propios bloques

Puede reutilizar fácilmente una sección previamente diseñada repetidamente en diferentes páginas de su sitio web. El sistema de bibliotecas del Constructor de Páginas WP le permite almacenar sus propios bloques de diseño. Sólo guárdelos en la biblioteca una vez, y luego puede reutilizarlos tantas veces como quiera.

Biblioteca del WP Page Builder
Biblioteca del WP Page Builder

Es su propia biblioteca. Después de crear una sección de contenido en una fila, pase el cursor por encima de la fila y haga clic en el icono «Guardar fila». Dele un nombre y pulse el botón «Guardar». La fila se guardará justo en la parte inferior de la Biblioteca. Sí, es así de simple.

10. Mecanismo de construcción fácil y flexible

WP Page Builder ofrece una amplia variedad de funcionalidades, con las que podrá desarrollar un sitio web de forma fácil y rápida. Los elementos del sitio ofrecen opciones de edición, duplicación, eliminación y otras opciones de personalización mientras se pasa el cursor sobre ellos en el modo de edición. Aquí están algunos de los emocionantes beneficios de desarrollo que ofrece este constructor de páginas.

  • Crear múltiples estructuras de filas y columnas

Crear una fila y determinar el número de columnas en ella está a sólo un clic de distancia con WP Page Builder. Al hacer clic en «Añadir fila», aparece un panel con el número de columnas. Selecciona fácilmente el número que quiere. ¡Eso es!

  • Duplicar cualquier elemento con un solo clic

Una vez que haya creado una sección, ya sea una columna o una fila, no tiene que crearla de nuevo. Puede duplicarlo con un solo clic. Encuentre el icono «Duplicar» en el panel de opciones de personalización y haga clic en él. Literalmente, puede duplicar cualquier cosa en una página.

WP Page Builder duplica el elemento
WP Page Builder duplica el elemento
  • Columna de control del espacio horizontal (Gutter)

Ajustar los espacios entre las columnas es mucho más fácil con el canal de columnas de WP Page Builder. No importa el número de columnas que tenga en una sola fila, puede determinar fácilmente el espacio entre ellas. Arrastre el canal en la barra lateral izquierda para ajustar el espacio horizontal de la columna con su altura y anchura.

  • Exportar, importar y limpiar el contenido de la página

El WP Page Builder le permite exportar las páginas que ha creado con él. También puede importar páginas desde el exterior. Hay un menú llamado «Herramientas» en la barra lateral izquierda que le permite exportar, importar y borrar el contenido de una página con tres sub-herramientas diferentes.

WP Page Builder importación y exportación
WP Page Builder importación y exportación
  • Padding adjustment flexible por arrastre

¿Quiere poner el relleno de contenido de forma flexible? Literalmente puede jugar con él. Coloque el relleno arrastrándolo. La unidad de relleno también se muestra en píxeles (px). Todos los elementos (addons, bloques, plantillas de páginas, filas y columnas) tienen un relleno por defecto, pero puede ajustarlo fácilmente.

  • Opciones ilimitadas de deshacer/rehacer

No importa si ha borrado algo por error. Hay ilimitadas opciones de deshacer/rehacer para revertir esas acciones. Así que no se preocupe. Los botones de deshacer y rehacer se quedan al final de la página. Al editar cualquier página con el WP Page Builder, siempre tienes esos botones ahí para tomar acción.

  • Añadir CSS personalizado

¿Quiere ir más allá de las opciones de personalización existentes en WP Page Builder? Sí, tiene la libertad de hacerlo. Hay un sistema para añadir un CSS personalizado a cualquier elemento que tenga en la página. Sólo tiene que ir a la opción de estilo Avanzado y luego agregar el CSS. También puede llamar a ids y clases y definir un índice z a todos los elementos si es necesario.

Soporte para Widgets de WordPress

A pesar de tener elementos tan avanzados en su interior, puede que quiera usar los widgets de WordPress mientras construye su sitio. Los widgets por defecto se muestran justo después de los complementos. Estos pueden ser usados en cualquier parte de la página. Al igual que los complementos, los widgets también se pueden arrastrar y soltar.

Soporte para desarrolladores (Haga sus propios complementos)

Además de la enorme cantidad de más de 30 addons que le permiten construir sitios con elementos de página versátiles, los desarrolladores que quieran usar sus propios addons para cualquier funcionalidad/diseño adicional, sin duda pueden hacerlo. Los desarrolladores pueden añadir sus bloques y diseños personalizados al WP Page Builder fácilmente. Puede visitar la documentación del desarrollador del plugin para ver las pautas.

Resumen

Con el WP Page Builder instalado en su sitio de WordPress, tiene el poder de crear cualquier sitio web sin preocuparte por la respuesta o por escribir una sola línea de código. El proceso es completamente de arrastrar y soltar. Puede que haya usado otros constructores de páginas en el pasado, ¡pero le animo a que lo intente! Si es cliente de Kinsta, instálelo en su entorno de prueba y juegue sin preocuparse de romper nada. Puede descargarlo gratis del repositorio de WordPress.

¿Ya ha usado el WP Page Builder? Si es así, ¿cuáles fueron sus pensamientos? Déjelos abajo en los comentarios.

Rayhan Arif

Rayhan Arif es un entusiasta de la tecnología al que le encanta la programación web y escribe para diferentes blogs (JoomShaper, Themeum, ThemeHunt) sobre WordPress, Joomla y muchos otros temas técnicos. Es un apasionado de los lenguajes y herramientas web con una amplia experiencia.