Cómo crear una tabla de precios en WordPress 3 sencillos pasos

Las tablas de precios son muy importantes a la hora de vender un producto o servicio en su sitio web. Ayudan enormemente a influir en la decisión del usuario.

Para crear una tabla de precios en WordPress, puede usar un código personalizado o un complemento de WordPress. Hay muchos complementos de WordPress que puede utilizar para crear tablas de precios en su sitio web.

Pero muchos de ellos son difíciles de usar y requieren un proceso muy largo para hacer incluso una tabla simple. ¿No sería genial crear una tabla de precios en minutos?

En este artículo vamos a hablar sobre cómo crear una tabla de precios en WordPress con solo 3 sencillos pasos.

Cómo crear una tabla de precios en WordPress

Para crear la tabla de precios, usaremos el complemento WP Table Builder, ya que ofrece un proceso muy simple y directo para crear tablas.

Crearemos una tabla de precios que se verá exactamente así:

01 Tabla de precios de ejemplo

Vamos a empezar.

Paso 1: Instale y active el complemento ‘WP Table Builder’

Para instalar y activar el complemento WP Table Builder en su sitio web, vaya a Complementos> Agregar nuevo en su panel de WordPress.

Busque ‘WP Table Builder’ y haga clic en eso Instalar ahora Botón.

02 Explorar el generador de tablas WP

Después de instalar el complemento, haga clic en el Activar ahora Button y su complemento está listo para usar.

Paso 2. Crea una tabla de precios

Tan pronto como active el complemento, será redirigido a la página de bienvenida del complemento, donde podrá comenzar.

Haga clic en eso Crea tu primera mesa Botón para empezar a crear tablas.

03 Crea tu primera mesa

Una vez que haga clic en ese botón, aterrizará en la interfaz de WP Table Builder donde puede crear su tabla.

Verá una barra lateral con elementos que puede arrastrar y soltar en su mesa.

Para crear una tabla de precios, utilizamos una plantilla prefabricada que ofrece el complemento WP Table Builder. Es importante tener en cuenta aquí que las plantillas prefabricadas solo están disponibles en la versión Pro del complemento.

04 plantillas prefabricadas de la versión Pro

Vamos a escoger Tabla de precios 1 como nuestra plantilla para la tabla de precios.

Después de elegir la plantilla, puede elegir el número de columnas y filas que desea agregar a su tabla. Esto es bastante ordenado y hace que todo el proceso sea muy fluido y rápido.

05 Seleccione el número de columnas

Después de elegir el número de columnas y filas, haga clic en ese para generar Botón para crear tu mesa.

06 botón Generar

Una vez que se crea su tabla de precios, todo lo que queda por hacer es agregar información y personalizar su estilo.

Puede seleccionar y personalizar varios elementos y agregar nuevos elementos a la tabla usando el cuadro de la barra lateral.

Para crear nuestra tabla de precios deseada, primero agreguemos toda la información necesaria a la tabla. Empezaremos moviendo el precio y el Compra ahora Botón encima de los elementos de la lista.

Los quitaremos también Popular Banda de texto de la mesa. Así es como se ve la tabla ahora:

07 Editar plantilla

Ahora es el momento de agregar más información a cada plan.

08 Agregue detalles sobre cada plan

Como puede ver, la tabla está empezando a parecerse poco a poco a nuestro resultado deseado. Agreguemos la lista de funciones a nuestra tabla.

Para agregar esto, vaya a elementos e inserte el Símbolo de texto Elemento para tu mesa.

09 Agregar funciones a la lista

Para cambiar el icono, seleccione el elemento y vaya a símbolo Tab. Aquí puede cambiar el símbolo de una lista de símbolos predefinidos.

10 Cambiar símbolo

Ahora que ha agregado la lista de funciones, nuestra tabla de precios está casi lista.

11 Tabla de precios casi lista

Es hora de ajustar la mesa. Comencemos agregando el espacio entre los elementos. Agregaremos algo de espacio entre el precio y los nombres de los planes.

Seleccione el elemento de texto Precio y desplácese hacia abajo hasta la configuración de espaciado en el área de la barra lateral.

12 Seleccionar elemento de texto de precio

Haciendo tapicería Sección, agregue un relleno de 20px arriba. Del mismo modo, agregue relleno a otros elementos para obtener el espacio adecuado.

El siguiente paso en el diseño de nuestra tabla es personalizar los botones. Seleccione el elemento del botón y cambie el tamaño del botón a Grande.

13 Seleccionar elemento de botón

También active el Botón de ancho completo alternar y cambiar el radio del borde a 0. Después de realizar estos cambios junto con el color del botón, nuestra tabla se ve muy similar a la tabla deseada.

14 Cambiar el radio de los bordes de los botones

El paso final en el diseño de nuestra tabla es cambiar el fondo de cada columna en la tabla de precios.

Haga clic en eso Administrar celdas Botón en la parte superior de la tabla y haga clic en la primera columna. Puede ver la configuración en la barra lateral de esa columna en particular.

En esta configuración, cambie el Color de fondo de la celda.

Color de fondo de 15 celdas

Después de cambiar el color de fondo de la celda de cada columna, su tabla debería verse así:

16 Resultado final de la tabla de precios

Hemos creado con éxito una tabla de precios hermosa y de alta conversión con WP Table Builder.

Pasemos al siguiente paso, que colocará su mesa en su sitio web.

Paso 3. Coloque su mesa

Colocar su tabla de precios con WP Table Builder es muy fácil. El complemento ofrece dos opciones para esto.

Usar código corto

Una vez que se crea su tabla, haga clic en esa Empotrar Botón y verá una ventana emergente abierta con el código corto.

17 Tabla de precios de incrustación

Puede pegar este código corto en cualquier lugar de su sitio web para incrustar su tabla.

Usando el bloque de Gutenberg

Otra forma de colocar su mesa es usar el bloque Gutenberg que viene con WP Table Builder.

En el editor de su publicación / página, haga clic en el ícono de insertar bloques y busque ‘Constructor de tablas WP‘.

18 Insertar símbolo de bloque para WP Table Builder

Pegue este bloque y seleccione la tabla que desea pegar.

19 Insertar bloque

Una vez que se inserta su tabla, puede obtener una vista previa de su publicación y página para ver cómo se verá su tabla.

Conclusión

¡Y eso es! Esta es una de las formas más fáciles y rápidas de crear una tabla de precios en WordPress. El complemento WP Table Builder es muy intuitivo, lo que hace que todo el proceso sea muy fácil y directo.

Con este complemento puedes crear todo tipo de tablas de precios. Las plantillas listas para usar que vienen con este complemento facilitan mucho el trabajo.

Si está buscando el mejor complemento de creación de tablas para WordPress, no hay nada más que combine la simplicidad y las tablas de excelente apariencia como lo hace WP Table Builder.

Deja un comentario

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con tus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, aceptas el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad