Ep 13 | El mejor Page Builder de WordPress (y theme de regalo)
13 Jul 2016 · 14 min
Episodio en el que Gonzalo Navarro explica qué es un Page Builder para WordPress y recomienda Page Builder de SiteOrigin como su opción favorita por rendimiento, ligereza, escaso lock-in e integración con WordPress. Describe cómo funciona (pestaña "Page Builder" en el editor, filas/columnas, widgets y plantillas), qué tipos de elementos se pueden insertar (texto, imágenes, sliders, mapas, formularios, hero, tablas de precios, testimonios, etc.) y anuncia un tema gratuito (Business Card de Elegant Themes) disponible 24 horas para suscriptores y un training gratuito en vídeo (~15 min) para aprender a usar el plugin.
Chapters
En el episodio 13 de WordPress semanal vamos a ver cuál es el mejor Page Builder para WordPress. Lo haremos según su rendimiento, precio y también mediremos otras variables. Y además, atención, porque todos los suscriptores tenéis disponible un theme de regalo durante 24 horas. Ahora hablamos un poquito más de él. Vamos allá. Hola, hola, soy Gonzalo de Gonzalo Navarro es y bienvenido a WordPress Semanal. Ya sabes que este es el podcast en el que aprendes WordPress de principio a fin. ¿Mi objetivo es que WordPress sea tan sencillo como quitarle un caramelo a un niño, para que así te puedas concentrar en tu página web, en tu negocio online, en tu web de suscripción, en tu tienda, en lo que sea que tengas en mente, de acuerdo? ¿Y hoy precisamente vamos a hablar de un tema que facilita muchísimo la vida a la hora de diseñar, de crear páginas en WordPress, vale? Porque vamos a hablar de Page Builder en general, de los Page Builders, y en uno en concreto que es el que yo creo que es el mejor para WordPress. Así que lo primero que haremos será definir qué es un Page Builder. Después os voy a hablar de algunos de los Page Builders más conocidos. También os diré por qué os recomiendo el que os voy a recomendar, que dentro de poquito lo desvelaré. Además os voy a explicar cómo se utiliza, es decir, qué te vas a encontrar cuando instales este plugin y luego qué puedes crear con él, porque hay muchísimas cosas que puedes crear de forma súper, súper sencilla y sin tener ni idea ni de código, ni de diseño, ni de nada. Y por último, os voy a invitar a un training gratuito precisamente sobre este plugin. ¿Es un training gratuito que consiste en un vídeo de creo, me parece que es poco menos de 15 minutos, en el que hago un repasito para que veas lo potente que es y te hagas una idea de las cositas que puedes utilizar, vale? Pero eso lo dejaré para el final. Antes de que se me olvide, como os he dicho en la intro, tenéis un thing, todos los suscriptores tenéis un thing de regalo durante 24 horas. El thing se llama Business Card, es de la gente de Elegant Themes, que no sé si lo conocéis, pero seguramente muchos de vosotros sí, porque esa que más vende en el mundo es la más exitosa actualmente y tiene muy buenos themes. Pues este es uno de ellos que es de pago, pero todos los suscriptores lo tenéis disponible en la zona de vuestra cuenta durante 24 horas de forma totalmente gratuita. Se llama Business Card porque es como una tarjeta de presentación, es una página muy sencilla que tiene como una serie de pestañas que tú puedes editar y en cada pestaña puedes poner lo que quieras, por ejemplo pues en la primera escribir sobre ti, en la segunda puedes poner testimonios de gente que habla bien de ti, en la tercera puedes poner un portfolio con los trabajos que has hecho, en la cuarta pues no lo sé, hablar de tu equipo, si es que tienes un equipo y en la última pues una página de contacto. Está muy bien si por ejemplo lo quieres utilizar como precisamente eso, tarjeta de visita, entonces es algo muy chulo porque en lugar de repartir tarjeta de visita o o puedes repartir una tarjeta de visita precisamente con el link a esta web y la gente va a entrar y va a ver una tarjeta de visita muy chula porque es una web o también si estás buscando trabajo porque sirve como portfolio, de hecho es una muy buena forma de presentarte porque ahí puedes explicar quién eres, puedes precisamente poner un portfolio con links a trabajos que ya hayas hecho y está muy bien. Dejo el link para que veáis una demo, para que veáis, para que veáis cómo es y ya lo sabéis, todos los suscriptores lo tenéis de forma gratuita, si no eres suscriptor y te quieres suscript, ningún problema, si lo haces en el día de hoy pues también tendrás acceso a él y al resto de descargas que ya vienen con los cursos ¿Vale? Ya sabéis que cada curso pues si hay un plugin premium y yo hablo de ese plugin o enseño a utilizarlo pues por supuesto está incluido en el curso, pero luego aparte pues haré regalos como este pues no sé cada cuánto tiempo, ya veré, ya veré. Bueno pues vamos al tema de hoy, pero antes voy a recomendar el plugin de la semana que es precisamente este plugin del que vamos a hablar, Page Builder por site o es un plugin gratuito. Ya sabéis que todos los plugins que recomiendo podcast son gratuitos y como voy a hablar hoy de él todo el rato pues no necesitáis ninguna explicación, simplemente escuchar el resto del programa. Así que vamos a empezar por el principio ¿Qué es un page Builder? Porque ya lo he dicho como 100 veces en los poquitos minutos que llevamos de programa. Pues es un plugin que instalas y te permite diseñar páginas y entradas totalmente a medida, de forma muy fácil y sin saber nada de código ni de diseño. Básicamente casi todos funcionan arrastrando bloques, moviendo cosas de un lado para otro de forma muy intuitiva. Algunos de los más conocidos son Visual Composer, DV o Page Builder por Site Origin, que es el que yo os recomiendo. ¿Por qué os lo recomiendo antes que los otros dos? Pues porque tiene mejor rendimiento, es decir, tu web va a ir mejor con este plugin, porque es más liviano, es más ligero, porque el desarrollador es top, top, top no quiere decir que los otros no lo sea, A mí me gusta mucho cómo hace las cosas este desarrollador, todo muy limpio, muy liviano, muy en la línea de WordPress, porque este plugin se integra bien con WordPress, mientras que los otros es como si tuvieses un programa diferente, un software distinto dentro de WordPress, te cambia totalmente la interfaz y es totalmente distinto, mientras que Page Builder mantiene la armonía, mantiene digamos el diseño de WordPress. Luego, una cosa importantísima, quizás la más importante, que este plugin apenas tiene lockin, es decir, que si lo desinstalas apenas va a pasar nada, apenas vas a tener algo que te funcione mal, o a lo mejor algún widget o algo, pero casi nada. Mientras que con los otros, bueno, como los desinstales, pues vas a pasar una odisea, sobre todo si has creado mucho contenido, porque te va a quedar todo lleno de shortcodes. ¿Sabéis estos pequeños códigos entre corchetes? Pues los otros dos utilizan shortcodes para que diseñes de forma fácil, pero Page Builder no lo hace. Entonces digamos que no estás obligado a siempre utilizar este plugin, sino que lo puedes desinstalar y tampoco te va a suponer un estrés máximo, mientras que los otros sí, por eso se llaman locking, porque estás como cerrado con cerrojo, es decir, que estás obligado a quedártelo si no quieres que todo se quede hecho un desastre. Pues Page Builder no es así, mientras que los otros sí lo son. Y Luego, pues es 100% gratuito. Visual Compose Search en torno a 40 dólares o entre 30 y 40, no recuerdo quingen, pues es contratando la suscripción anual de Elegant Themes y Page es 100 % gratuito, no tiene ni cosas que añadirle pagando ni nada, todo, todo es gratuito. Así que está muy bien. En general, Site Origin tiene todo gratuito, también tiene Themes que son gratuitos. Bueno, una vez elegido el que yo considero el mejor qué nos vamos a encontrar, ¿Cómo se utiliza este Page Builder? Pues bien, cuando tú entras, bueno, lo instalas lógicamente, luego vas a crear una página o una entrada y te aparece el editor normal de WordPress. Ya sabes que el editor de WordPress tiene una pestaña que es para trabajar en visual, en la que tú vas viendo los cambios que vas haciendo, pues si vas poniendo un texto en negrita o algo en cursiva o el texto o lo que sea. Y luego la pestaña de HTML en la que ves el código en forma de HTML o tú puedes incluso escribir código HTML. Pues bien, se añade una tercera pestaña que se llama Page Builder, que es con la que trabajas cuando quieres diseñar una página con este Builder. ¿Entonces le das a esa pestaña y ahí qué puedes hacer? Pues puedes hacer dos cosas muy sencillas. La primera es insertar filas. Tú vas a pensar qué forma le vas a dar a tu página y vas a insertar filas en función de eso. Por ejemplo, en la izquierda de mi página quiero que aparezca poquito de texto, después en el centro pues quiero que aparezca una imagen y a la derecha quiero que aparezca un botón, por ejemplo. Y después debajo quiero que aparezca una fila dividida en dos en un lado más texto o una imagen y en el otro un formulario de contacto, por ejemplo. Te he dicho algunas cosas por decir que es una página un poco fea, pero por ponerte un ejemplo, tú ya sabiendo eso, añades dos filas, la primera la divides en tres y además le das a cada columna el espacio que quieres. Por ejemplo, la parte de texto pues un 20 por ciento, la siguiente un 60 y la siguiente otro 20 o lo que quieras, el porcentaje que quieras. Y luego si no te queda bien, puedes incluso ir arrastrando simplemente con el ratón vas pinchando y arrastrando para ajustar eso a la medida que quieras. Y la siguiente pues igual, en la siguiente fila, pues habíamos dicho en dos columnas, pues la divides en dos columnas, al 50 y al 50 o una más grande que la otra. En fin, tienes control total y ya tienes ahí, digamos, el diseño de los espacios que va a ocupar cada elemento. Ahora, ¿Qué falta? Insertar esos elementos. ¿Y qué elementos puedes utilizar en Page Builder? ¿Pues widgets, qué son los widgets, pues si vas a tu panel de administración, recuerda que si vas a apariencia widgets, vale? ¿Ahí te aparecen todos los widgets que hay en WordPress, que son el de texto, el de calendario, el de buscar, el de meta, te suena todo esto? ¿Pues eso son widgets, vale? Entonces WordPress trae algunos por defecto que los puedes usar con Page Builder, es decir, tú puedes coger e insertar cualquiera de esos widgets en tu página o en tu entrada, por ejemplo widget de texto o el widget de calendario si lo necesitaras o cualquier otro widget. ¿Pero es que además Page Builder viene con widgets muy chulos y con un paquete especial de widgets que puedes instalar, que eso ya que sí que son una pasada, después hablaremos un poco de ellos, pero hay un montón de widgets, están súper bien, te van a permitir editar y crear cualquier página con cosas muy chulas, pero es que además cualquier widget que tú instales, ya sabes que los widgets se instalan a través de plugins, es como instalas un plugin y te aparece un widget de la zona de widgets, vale? Pues cualquiera que tú instales o que ya tengas también lo puedes utilizar, por eso este plugin no tiene locking, como decía antes, porque utiliza cosas que tú ya tienes instaladas en tu WordPress, no utiliza nada que él te trae, sino cosas que tú ya tienes instaladas y el paquete especial este que digo que te trae Page Builder, realmente no lo trae, sino que tú lo instalas, entonces desinstalas el Page Builder, ese paquete te va a seguir quedando, entonces vas a seguir teniendo todos esos widgets y tu diseño no se va a ir a la porquería. Entonces bueno, sabiendo un poquito el funcionamiento y cómo vamos a crear y diseñar páginas, vamos a ver qué podemos crear en realidad. Pues precisamente eso, páginas, post, páginas de producto. ¿Ya sabéis que en realidad todo el contenido son posts, vale? Las páginas son un tipo de post, los post en sí son un tipo de post, las páginas de productos son un tipo de post, entonces todo lo que tengáis así, por ejemplo, si tenéis algunos themes o algunos plugins, pues te añade la posibilidad de que tengas post especiales, como se llaman Custom post types, es decir, tipos de post a medida, entonces puedes tener uno para galería, otro para lo que sea, pues todos estos si los tienes también los puedes editar con Page Builder, es decir, puedes editar cualquier post, cualquier contenido, lo puedes diseñar con Page Builder. Después en estas páginas y en todo este contenido puedes insertar un montón de elementos súper chulos, que os voy a decir unos cuantos, por ejemplo, tenéis la posibilidad de meter el editor de texto, por supuesto, imágenes, slider de imágenes y de vídeos. Hay un widget que está súper chulo que se llama Hero, que es una pasada, que te permite crear composiciones, por ejemplo, puedes tener un fondo de texto o un fondo de vídeo y encima un botón y con texto, por ejemplo, pues un vídeo de niños jugando y luego un texto encima que pone apúntate o apunta a tus hijos al curso de lo que sea de baloncesto y abajo un botón apuntarte o contactar, pues imagina todo lo que puedes crear con esto, es un widget que está súper bien. Puedes también insertar mapas de Google, formulario de contacto, botones, botones para redes sociales, call to actions, que ya sabéis que son llamadas a la acción, es decir, lo típico de una imagen, texto y un botón para descargar algo o lo que sea. Hay otra también muy chula, otro widget que se llama Features, que te facilita la creación de destacados, a lo mejor un icono y debajo un poquito de texto y así explicar las características de un producto o servicio. Esto está fantástico si quieres crear una página de producto o una página de servicios. También puedes insertar tablas de precios que están muy chulas, testimonios, en fin, muchísimos elementos que van a hacer que tus páginas queden muy profesionales y con el contenido que tú quieras. Y todo esto de forma sencilla y sin tener ni papa de idea de código, ¿Vale? Y luego además de todo esto, puedes utilizar plantillas ya prediseñadas, el plugin viene con un montón de plantillas, no sé exactamente cuántas, pero tiene de todo, para hacer una home, para hacer una página de contacto, una página de precios, una página de quiénes somos, de todo y de cada tipo, pues trae unas cuantas y en lugar de empezar una página desde cero, pues puedes coger ya un diseño e ir editándolo, eliminar lo que no te interese, poner elementos diferentes, en fin, puedes hacer absolutamente lo que quieras. Bueno, y una vez explicado todas estas bondades, esto es precisamente, vosotros ya me habíais pedido los suscriptores que crease un curso de Page Builder, entonces ya está disponible en la zona de suscripción o para comprar aparte si entras en Gonzalo es Cursos pues está disponible. Pero además para los que no sois suscriptores, quiero que también tengáis la oportunidad de ver cómo funciona y entonces por eso he creado el training gratuito que te permite diseñar páginas sin saber código con Page Builder y de forma muy fácil. Vais a verlo en el vídeo, simplemente os tenéis que apuntar en la página del episodio 13 del podcast, ya sabéis, Gonzalo es Podcast y al final de este podcast pues tenéis opción para tener acceso, simplemente escribir nombre, email y tenéis acceso inmediato al training, es un vídeo de pues no recuerdo, unos 15 minutos y os vais a poder hacer una idea de cómo es este Page Builder y de cómo utilizarlo. Ya lo sabes, GonzaloNavarro es podcast y le dais al último podcast del episodio 13 y ahí podéis apuntaros de forma totalmente gratuita. Así que nada más por hoy, muchísimas gracias por estar ahí, estoy súper contento con el ritmo de crecimiento del podcast y ya sabéis, si os ha gustado una valoración de 5 estrellas en iTunes, si puede ser por el ordenador, porque por el móvil muchos de vosotros me habéis dicho que lo habéis intentado y no habéis podido, yo mismo he estado haciendo pruebas y la verdad que es una odisea, a veces funciona, a veces no, así que lo mejor es hacerlo por el ordenador y si me escucháis por ivoox, pues un me gusta también me vendría genial. Muchísimas gracias por estar ahí, nos seguimos escuchando, adiós.
More from Gonzalo
518 | Redes sociales, precios personalizados, audios desde Drive y temas de bloques (Q&A)
513 | Por qué sigo usando estos plugins después de tantos años (y cuáles he abandonado)