Cargando...

Cómo aprovechar al máximo Gutenverse para WordPress

Actualizado el 5 de marzo de 2024

WordPress es el CMS más popular del mundo y, naturalmente, eso significa que tiene una enorme base de usuarios de todos los niveles. Para ayudar a adaptarse a esta base de usuarios, WordPress ofrece varios plugins de creación de páginas que pueden ayudar a simplificar la creación de sitios como Gutenverse.

Gutenverse mejora el editor normal de WordPress, Gutenberg, y agrega una variedad de bloques nuevos que puede usar para crear contenido y le permite utilizar varias plantillas para diseños y secciones específicas.

Con más de 45 bloques para elegir, este plugin es enorme, por lo que cubriremos todo lo que ofrece.

¿Qué es Gutenverso?

Cómo aprovechar al máximo Gutenverse para WordPress-Gutenverse

Gutenverse es un plugin de creación de páginas para WordPress. Actúa como una actualización natural para Gutenberg y el editor de sitio completo en WordPress.

Como tal, usar este plugin será lo mismo que usar el editor Gutenberg predeterminado, pero con más opciones. Naturalmente, esto lo convierte en una excelente opción si ya está familiarizado con Gutenberg y simplemente quiere sacarle más provecho.

Hay una gran cantidad de bloques nuevos o mejorados a los que tendrá acceso. Estos se pueden dividir en tres categorías:

  1. Bloques generales: Estos son los elementos básicos generales que cada publicación o página puede necesitar en un momento u otro.
  2. Bloques de formulario: Estos son los bloques específicos de los formularios que contienen varias opciones de estilo.
  3. Bloques de publicaciones: Estos bloques proporcionan plantillas de publicaciones. Cada uno es altamente personalizable y se puede combinar para crear nuevas plantillas.

Por supuesto, los bloques son sólo un aspecto de este plugin. También introducirá opciones de color globales y control de fuentes para su sitio. Todo lo que cree con este plugin responde naturalmente y es intuitivo de usar.

Dicho todo esto, vayamos directamente a lo que puedes hacer con el plugin Gutenverse.

Cómo crear contenido con Gutenverse

Gutenverse es un plugin muy robusto, por lo que no cubriremos cada pequeño detalle, sino que nos centraremos en los aspectos principales que este plugin aporta.

Dicho esto, todavía queda mucho de qué hablar.

Descripción general de los bloques

Sin duda, los bloques son el pan de cada día de este plugin. Estos bloques son los que utilizará para crear páginas en WordPress. Algunos de ellos simplemente actúan como versiones mejoradas de los bloques predeterminados en Gutenberg, mientras que otros actúan como herramientas únicas.

En cualquier caso, los bloques de este plugin suelen ser totalmente personalizables y le ofrecen varias opciones de estilo además de su funcionalidad principal.

Bloque de sección

Sin duda, el bloque Sección estará presente en cada página que crees con Gutenverse. En pocas palabras, este bloque le permite crear una sección completa para una página. Al agregar el bloque, se le pedirá que elija la cantidad de columnas.

Puede elegir hasta cinco columnas.

Columnas de sección

Una vez que seleccione el número de columnas, podrá seleccionar el diseño de dichas columnas. Por ejemplo, quizás quieras que la primera columna ocupe más espacio que el resto, o una columna diferente. La elección es tuya y sólo tienes que hacer la selección.

Elija el diseño de la columna

Una vez seleccionado, puede insertar otros bloques en cada columna. Básicamente, cada columna tiene acceso a cualquier bloque que puedas usar en Gutenberg (la única excepción es el bloque Sección). Como tal, puede crear cualquier tipo de sección de sitio.

Por ejemplo, podría ser algo sencillo como incluir una imagen en una columna y texto en otra. O podrías crear una tabla de precios para diferentes servicios. Realmente no hay límite para lo que es posible.

En términos de potencial de estilo, podrá diseñar cada bloque que agregue normalmente. El bloque Sección en sí tiene varias opciones de estilo a las que se puede acceder en la sección de configuración si selecciona el bloque en el lado derecho.

Dale estilo a tus secciones en Gutenverse

Creador de formularios

El bloque Form Builder es otra característica destacada de este plugin. Puede ayudarlo a generar formularios simples para su sitio web y proporciona una variedad de tipos de campos como casillas de verificación, entradas de correo electrónico (ideal para suscribirse a boletines informativos) y más.

Como cada bloque, simplemente agregue el bloque de creación de formularios a WordPress. Inmediatamente notarás que solo consta de un gran símbolo “+”. Como todo lo demás en este plugin, el creador de formularios depende de que usted agregue bloques al formulario.

Si bien puede agregar cualquier tipo de bloque, existen bloques dedicados para el creador de formularios. Por ejemplo, digamos que desea agregar una casilla de verificación. Bueno, simplemente busque el bloque de casilla de verificación y agréguelo.

Agregar una casilla de verificación

O digamos que desea crear un formulario de suscripción al boletín. Necesitaría tener un campo de entrada de correo electrónico. Simplemente busque el bloque Entrada de correo electrónico y agréguelo.

Bloque de entrada de correo electrónico Gutenverse

Aquí hay una lista más extensa de todos los bloques de campos de entrada del formulario entre los que puede elegir y una breve descripción de cada uno:

  • Fecha Aporte: El bloque de entrada de fecha permite a los usuarios ingresar una fecha manualmente o seleccionarla de un calendario.
  • Seleccionar: Los usuarios pueden utilizar seleccionar una opción de una lista de opciones desplegables. El usuario sólo puede seleccionar una opción.
  • Selección múltiple: Funciona igual que el bloque Seleccionar, pero los usuarios pueden seleccionar múltiples opciones.
  • Número Aporte: Permitir a los usuarios ingresar un número. Pueden hacerlo manualmente o usar las flechas para aumentar o disminuir el valor.
  • Radio: Agregue botones de opción para que los usuarios puedan seleccionar.
  • Cambiar: Agregue un interruptor de palanca que los usuarios puedan utilizar. Genial para las opciones al final.
  • Teléfono Aporte: Permitir a los usuarios ingresar su número de teléfono.
  • Texto Aporte: Permitir a los usuarios ingresar texto a pequeña escala. (es decir, preguntar por su carrera, modelo de automóvil, etc.)
  • Área de texto: Proporciona un área de texto grande para que los usuarios escriban. Ideal para recibir comentarios o proporcionar información adicional.

Por supuesto, hay una parte más importante de cualquier formulario: el botón Enviar. De hecho, puedes crear un botón personalizado, pero hay un botón Enviar dedicado que puedes agregar a cualquier formulario que crees.

Dado que funciona de manera idéntica al bloque de botones principal, consulte la siguiente sección para obtener más detalles.

Bloques de botones

Los botones son una parte esencial de cualquier sitio web de WordPress. Gutenverse en realidad tiene tres bloques relacionados con botones llamados Botón, Botones múltiples y Botones de envío.

Si bien estos bloques son únicos y tienen sus propios usos, en última instancia funcionan igual fuera de sus características únicas.

Podrás ingresar el texto del botón e ingresarlo como de costumbre. También puedes agregar un ícono a cada botón. Este plugin tiene una gran selección de íconos para elegir. En este caso, crearé un botón de Inicio sencillo.

Haga clic en la opción Elegir icono de la barra de herramientas del bloque.

Elija el icono en Gutenverse

Esto abrirá una enorme biblioteca de íconos entre los que puedes elegir. Puede desplazarse por ellos o utilizar la opción de búsqueda para encontrar algo específico. En este caso, buscaré un ícono de inicio.

Búsqueda de iconos

Es posible que notes que el icono no apareció cuando lo seleccionaste. Esto se debe a que, de forma predeterminada, la visualización del icono está deshabilitada. Todo lo que necesitará hacer es seleccionar el bloque e ir a Configuración de botones a la derecha y alternar el interruptor Mostrar ícono.

Muestra el icono

Para agregar un enlace al botón, use la opción de enlace en la barra de herramientas del bloque.

Enlace de botón

También puedes elegir en qué dispositivo aparecerá el botón. Puede elegir entre computadora de escritorio, tableta o móvil. Estas opciones están disponibles en las opciones de visualización del bloque.

Ocultar botones

También hay varias opciones de estilo para utilizar, como cambiar las dimensiones del botón, el color, la fuente, la alineación y mucho más. Como estas son opciones estándar, eso te lo dejo a ti.

Bloque de creación de ventanas emergentes

Las ventanas emergentes son una parte esencial para promocionar ofertas, boletines informativos y todo tipo de contenido para los usuarios de su sitio web. Normalmente, necesitaría un plugin de creación de ventanas emergentes dedicado para agregarlas en WordPress, pero Gutenverse viene con un bloque de creación de ventanas emergentes.

Como tal, puedes crear impresionantes ventanas emergentes de forma gratuita. Es una de las mejores y más sencillas formas de crear ventanas emergentes en WordPress.

Para comenzar, agregue el bloque Popup Builder a la publicación o página en la que desea que aparezca. Es importante resaltar que, si bien necesitarás agregarlo a cada publicación o página donde quieras que aparezca, puedes simplemente copiarlo y pegarlo para reutilizarlo.

Una vez que lo haya agregado, haga clic en el bloque para comenzar a construir.

Generador de ventanas emergentes en Gutenverse

Esto abrirá una ventana emergente que actúa exactamente como Gutenberg. Puede utilizar todos los bloques que contiene para crear una ventana emergente. Solo tenga en cuenta que agregar el primer bloque es un poco molesto porque la «X» para cerrar la ventana emergente se superpone con el «+» para agregar un nuevo bloque.

Bloques emergentes

A partir de aquí, es idéntico a crear cualquier publicación o página en WordPress y puedes usar todos los bloques como lo harías normalmente. Una vez que haya creado todo, debe determinar dónde se abrirá la ventana emergente.

Salga del editor emergente y elija la ubicación en el lado derecho.

Posición emergente

Hay otras opciones de estilo disponibles, como efectos de animación, pero se las dejo a usted. Una cosa que vale la pena señalar antes de continuar es la falta de factores desencadenantes abiertos.

Este plugin solo admite la apertura de ventanas emergentes cuando se abre una publicación o página. Esto significa que no puede activar la ventana emergente cuando un usuario está a punto de abandonar una página (intención de salida) o después de que haya pasado un cierto período de tiempo. Por lo tanto, es posible que aún desees un plugin emergente dedicado.

Galería

Muchos sitios web crean galerías para mostrar imágenes por diferentes motivos. Es posible que algunas empresas quieran mostrar sus proyectos anteriores para darles a los clientes una idea de lo que son capaces de hacer. Independientemente del motivo, Gutenverse lo tiene cubierto.

El bloque Galería le permite crear una galería completa en WordPress en minutos. Todo lo que necesitas hacer es cargar las imágenes y seleccionar la apariencia de la galería.

Primero, agregue el bloque Galería a la ubicación deseada. El bloque en sí no es editable, deberás usar la configuración del lado derecho.

La primera configuración le permite configurar cómo funcionará el zoom. Puede elegir que se amplíe cuando los usuarios pasen el cursor sobre una imagen o solicitarles que hagan clic en ella.

Opciones de zoom

Debajo de esto, puede elegir la cantidad de imágenes que se mostrarán, la duración de los efectos de animación y la cantidad de columnas. Más importante aún, puede encontrar la selección de diseño para la galería. Puedes elegir entre Rejilla o Mampostería.

Diseño de galería

Si va a la Configuración de la galería, puede comenzar a agregar imágenes a cada elemento de la galería. También puedes arrastrar las imágenes en el orden que desees desde aquí.

Hay algunas otras configuraciones, como la opción Cargar más, para ayudar a facilitar galerías más grandes.

Artículos de la galería

El resto de las configuraciones son las opciones de personalización estándar que se ofrecen en cada bloque de Gutenverse.

Testimonios

Los testimonios siguen siendo una de las herramientas más importantes para que las tiendas y empresas online generen confianza. Seamos realistas, hay un montón de opciones para todo en Internet, razón por la cual muchos usuarios confían en las reseñas de clientes existentes.

Quieren saber cómo fue la experiencia de otro cliente. Quieren garantías de que el sitio web es legítimo y no hay mejor manera de lograrlo que con testimonios. Gutenverse lo tiene cubierto cuando se trata de esto.

Simplemente agregue el bloque Testimonios a una publicación o página. Una vez allí, podrás comenzar a llenar el bloque, que solo consiste en agregar su testimonio, nombre, puesto/tipo de cliente e incluso tiene espacio para una imagen.

Información testimonial

El bloque ofrece cuatro plantillas para elegir. Estos se encuentran en el lado derecho del área de configuración.

Elija un estilo de testimonio para Gutenverse

Puede que le preocupe un poco ver solo tres espacios de testimonios, pero eso se debe a que, de forma predeterminada, eso es todo lo que está visible en el editor. Puede ajustar esto para que se muestre más o menos.

De hecho, el bloque incluye una funcionalidad completa de control deslizante. Como tal, puede configurar la velocidad del bucle, la cantidad de testimonios que se muestran y mucho más. Estas opciones se encuentran en la Configuración del control deslizante en el lado derecho.

Configuración del control deslizante

También hay una sección de Elementos de testimonios que le permite reorganizar los testimonios arrastrándolos a la ubicación deseada en una lista y también puede editarlos. Aquí también tendrás que ir para agregar más espacios para testimonios.

Artículo testimonial

El resto de la configuración contiene sus opciones de estilo estándar, como posicionamiento, animaciones, etc.

mapas de Google

Google Maps es una de las herramientas más útiles para ayudar a los clientes a encontrar una ubicación física. Como tal, está al frente y al centro en la mayoría de los sitios web que tienen uno, pero normalmente necesitarías otro plugin para agregar esta funcionalidad.

Este es otro bloque más disponible en Gutenverse. Con él, puede mostrar su ubicación y ayudar a los clientes a encontrar la mejor ruta.

Como cualquier otro bloque, simplemente agrégalo a una publicación o página donde quieras que aparezca. Lo primero que deberá hacer es ingresar la ubicación. Para hacer esto, revisa el lado derecho e ingresa la ubicación.

Ingrese la ubicación

También encontrará controles para el zoom y la altura del mapa. Puede utilizar los controles deslizantes o ingresar los valores manualmente. No importa qué ubicación ingrese, los usuarios podrán hacer clic en la opción Direcciones para obtener direcciones hasta allí.

También hay una sección de Pantalla que le permite ocultar esto en dispositivos específicos como computadora de escritorio, móvil o tableta. Puede utilizar esta función si es necesario.

Lo que realmente hace que esta sea una característica destacada del plugin es que normalmente es necesario obtener el código API para agregar este tipo de funcionalidad a WordPress, pero ese no es el caso aquí. Simplemente funciona.

Compartir en redes sociales e íconos

No hay malentendidos sobre la importancia de tener presencia en plataformas de redes sociales como Facebook, Instagram y X (la plataforma anteriormente conocida como Twitter). Si se maneja correctamente, atraerá millones de ojos a su contenido.

Como tal, cada sitio web tiene botones o íconos para compartir en redes sociales en pantalla. Gutenverse viene con dos bloques dedicados para estas necesidades.

El primero es el bloque de Iconos sociales. En realidad, esto funciona de manera muy similar al bloque predeterminado de WordPress, pero la principal diferencia serían las opciones de personalización y la cantidad de íconos sociales disponibles.

El bloque en sí es sencillo. Simplemente agréguelo a la publicación o página y haga clic en la opción Icono.

Opción de icono

Esto abrirá la biblioteca de íconos que alberga cientos de íconos. Todas las principales empresas de redes sociales están representadas en esta biblioteca, así como muchos sitios más pequeños. Si bien puede desplazarse hacia abajo en la lista, usar la función de búsqueda es mucho más rápido.

Una vez que agregue el ícono, puede hacer clic en la opción de enlace para agregar un enlace para cuando los usuarios hagan clic en él.

Vínculo social

De forma predeterminada, los íconos que agregue aparecerán en una agrupación horizontal. Puede cambiar esto a vertical en la configuración del lado derecho.

Seleccione entre visualizaciones horizontales o verticales en Gutenverse

También puede utilizar las opciones estándar para configurar la posición, los márgenes, los bordes y todo eso en esta área. El segundo bloque es el bloque Social Share. Esto crea un botón para compartir completo. Funcionalmente, es idéntico a los íconos sociales.

La única diferencia es que se trata de un botón. Por lo tanto, tienes algunas opciones de personalización diferentes.

Bloque de datos curiosos

Es posible que el bloque de datos curiosos de Gutenverse no sea para todos, pero si buscas mostrar una estadística interesante en WordPress, este es el bloque para ti. Por ejemplo, digamos que desea resaltar que acaba de realizar su venta número un millón.

Este es un gran hito para cualquier negocio, por lo que probablemente quieras gritarlo a los cuatro vientos.

El bloque Datos curiosos le permite mostrar un hecho en cualquier lugar de WordPress. Una vez que agregue el bloque a una página o publicación, puede usar la configuración en el lado derecho.

Aquí puede optar por utilizar un icono existente o cargar su propia imagen como banner. En la mayoría de los casos, la imagen será una mejor opción, a menos que estés mostrando que tu página de Facebook alcanzó un millón de seguidores o algo en lo que un ícono sea apropiado.

Elige usar tu propia imagen o un ícono de Gutenverse

En la sección de contenido de la configuración, puede configurar el número que se muestra. Consta de un prefijo numérico, un valor y un sufijo, pero son nombres de campo arbitrarios. De hecho, puedes ponerles cualquier tipo de valor.

Entonces, volvamos a nuestro ejemplo de un millón de ventas. Puede escribir en la opción de prefijo «Vendimos» e ingresar «1000000» en el cuadro de valor y, finalmente, poner «Unidades» en el cuadro de sufijo. Tienes mucha libertad, así que sé creativo.

También hay un título que puedes completar. En este caso, simplemente diré «¡Gracias!»

Bloquear contenido

Los resultados finales se ven así:

Bloque de datos curiosos Gutenverse

Es un bloque simple pero puede ser muy efectivo, especialmente si te tomas el tiempo de crear un banner o una imagen llamativa que lo acompañe.

Elija qué bloques habilitar

Este plugin ofrece más de 45 bloques para Gutenberg y la verdad es que la mayoría de los sitios web no los necesitarán todos. De forma predeterminada, cada bloque está habilitado en WordPress tras la activación. Como puedes imaginar, eso puede hacer que sea un poco más difícil encontrar lo que buscas.

Por lo tanto, deberías desactivar los bloques que no deseas utilizar.

Para hacer esto, haga clic en Gutenverse y seleccione la opción Bloques.

Bloques Gutenverso

Aquí verá una lista completa de cada bloque que este plugin agrega a WordPress. En la parte superior hay un botón Desactivar/Activar todo. De forma predeterminada, está seleccionado Habilitar todo. Debajo de esto, verá todos los bloques individuales con su propio interruptor de activación/desactivación.

Simplemente revise la lista uno por uno y desactive los bloques que no desee utilizar.

Deshabilitar bloques

¿Cómo se compara Gutenverse con otros creadores de páginas?

Gutenverse es un creador de páginas versátil que definitivamente se compara bien con otros jugadores importantes. Sin embargo, también es muy diferente de otros creadores de páginas disponibles. Y eso se debe a que se centra en mejorar el poder de edición nativo de WordPress.

Si echaras un vistazo a algunos de los otros creadores de páginas más destacados como Elementor, tienen una cosa en común.

Editores de arrastrar y soltar.

Verá, una de las principales razones por las que los usuarios eligen utilizar un creador de páginas es porque les resulta tedioso utilizar Gutenberg. Y en el caso de Gutenverse, no hace nada para combatir esta mentalidad. De hecho, se podría argumentar que empeora las cosas al agregar más bloques y opciones.

Dicho esto, en cuanto a funciones, Gutenverse se compara con los mejores creadores de páginas con opciones de personalización, pero carece de plantillas. Muchos creadores de páginas incluirán plantillas de páginas en las que puedes trabajar, mientras que Gutenverse se basa en el editor de sitio completo.

Desafortunadamente, la mayoría de los temas de WordPress aún no lo admiten.

Dicho esto, también hace muchas cosas que otros creadores de páginas no hacen. Normalmente, necesitaría un plugin Form Builder, pero está integrado en Gutenverse, y lo mismo para las ventanas emergentes, sin mencionar todos los demás bloques que se ofrecen.

En última instancia, Gutenverse va en una dirección diferente a la mayoría de los creadores de páginas, pero como puede ver, aporta mucho a la mesa.

Lleva Gutenberg al siguiente nivel con Gutenverse

Como puedes ver, Gutenverse aporta mucho con una increíble selección de bloques personalizables. Con él, puedes crear publicaciones y páginas impresionantes en WordPress que no son posibles con las herramientas predeterminadas de WordPress.

Si bien los bloques son fáciles de usar individualmente, puede llevar algún tiempo aprender qué bloques funcionan bien juntos y cuáles no. Como tal, definitivamente existe una curva de aprendizaje, pero eso es cierto para cualquier creador de páginas en WordPress.

¿Cómo calificarías el plugin Gutenverse? ¿Prefieres Gutenverse a los creadores de páginas de soltar y arrastrar como Elementor?

Subscribe
Notify of
guest

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments