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

Las tablas de precios son muy importantes cuando vende 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 usar para crear tablas de precios en su sitio web.

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

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

Cómo crear una tabla de precios en WordPress

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

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

Empecemos.

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 el botón Instalar ahora .

Después de instalar el complemento, haga clic en el botón Activar ahora y su complemento estará listo para usar.

Paso 2. Crea una tabla de precios

Una vez que active el complemento, será redirigido a la página de bienvenida del complemento donde puede comenzar.

Haga clic en el botón Crear su primera mesa para comenzar con el proceso de creación de mesas.

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

Verá un panel de la barra lateral con elementos que puede arrastrar y soltar en su mesa.

Para crear una tabla de precios, usaremos una plantilla preconstruida que ofrece el complemento WP Table Builder. Es importante tener en cuenta aquí que las plantillas prediseñadas solo están disponibles en la versión pro del complemento.

Seleccionemos la Tabla de precios 1 como nuestra plantilla para la tabla de precios.

Después de seleccionar la plantilla, podrá elegir la cantidad 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.

Después de seleccionar el número de columnas y filas, haga clic en el botón Generar para crear su tabla.

Una vez que se genera su tabla de precios, solo es cuestión de agregar información y personalizar su estilo.

Puede seleccionar y personalizar diferentes elementos y agregar nuevos elementos a la tabla desde el panel de la barra lateral.

Para crear nuestra tabla de precios deseada, primero agreguemos toda la información necesaria a la tabla. Comenzaremos moviendo el precio y el botón Comprar ahora sobre los elementos de la lista.

También eliminaremos la cinta de texto Popular de la tabla. Así es como se ve la tabla ahora:

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

Como puede ver, la tabla comienza a parecerse a nuestro resultado deseado. Agreguemos la lista de características a nuestra tabla.

Para agregar esto, vaya a Elementos e inserte el elemento Icono de texto en su tabla.

Para cambiar el icono, seleccione el elemento y vaya a la pestaña Icono . Aquí podrá cambiar el ícono de una lista de íconos dados.

Después de agregar la lista de funciones, nuestra tabla de precios está casi lista.

Es hora de personalizar la mesa. Comencemos agregando espacio entre 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 panel de la barra lateral.

En la sección Relleno, agregue un relleno de 20 px en la parte superior. Del mismo modo, agregue relleno a otros elementos para lograr un espacio adecuado.

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

Además, habilite la opción Ancho completo del botón y cambie el radio del borde a 0. Después de realizar estos cambios y cambiar el color del botón, nuestra tabla se parece mucho a la tabla deseada.

El último paso en el estilo de nuestra tabla es cambiar el fondo de cada columna de la tabla de precios.

Haga clic en el botón Administrar celdas en la parte superior de la tabla y haga clic en la primera columna. Podrá ver la configuración en la barra lateral para esa columna específica.

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

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

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

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

Paso 3. Coloca tu mesa

Colocar su tabla de precios usando WP Table Builder es muy simple. El plugin ofrece dos formas de hacer esto.

Usando código corto

Una vez que se crea su tabla, haga clic en el botón Insertar y verá una ventana emergente abierta con el código abreviado.

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

Usando el bloque de Gutenberg

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

En su editor de publicaciones/páginas, haga clic en el ícono de insertar bloque y busque 'WP Table Builder '.

Inserte este bloque y elija la tabla que desea insertar.

Una vez que se inserta su tabla, puede obtener una vista previa de su publicación y página para ver cómo se ve 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 simple y fácil.

Puede crear todo tipo de tablas de precios con este complemento. Las plantillas prediseñadas 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 gran apariencia de la forma en que lo hace WP Table Builder.

Divulgación: esta publicación contiene enlaces de afiliados. Esto significa que podemos hacer una pequeña comisión si realiza una compra.