Cómo crear una tabla de precios en el editor de bloques de WordPress

Una tabla de precios es una representación bien estructurada de productos y servicios junto con sus correspondientes precios y características. Permite a los clientes comparar distintos planes de precios y elegir el que más les convenga.

En bloque de tabla predeterminado de WordPress carece de muchas funciones avanzadas. No puede crear tablas de precios completas con él. Usted necesita un plugin constructor de tabla como Tableberg para crear tablas de precios impresionantes.

Puede crear tablas de precios centradas en la conversión incluso con su versión gratuita. En este artículo, te mostraremos cómo crear una tabla de precios en WordPress utilizando el plugin Tableberg.

Cree bonitas mesas
Con el editor de bloques

Elegir una plantilla de tabla de precios

El plugin Tableberg incluye plantillas preconstruidas de tablas de precios. Puede empezar de inmediato eligiendo una de estas plantillas.

Paso 1: Instalar y activar el plugin Tableberg

Ir a Plugins > Añadir nuevo plugin. Tipo Tableberg en el cuadro de búsqueda. Instale y activar el plugin después de que aparezca a continuación.

Paso 2: Añade el bloque Tableberg a tu post o página

Abra el post o la página donde desea crear la tabla de precios. Haga clic en el icono + y busque 'Tableberg'. Haz clic en el bloque Tableberg para insertarlo.

Paso 3: Elija una mesa prefabricada

Ahora si quieres, puedes crear una tabla desde cero. Voy a mostrar que más tarde.

Veamos primero la opción preconstruida. Una vez insertado el bloque Tableberg, basta con hacer clic en "Tablas preconstruidas".

Aparecerá una biblioteca de modelos. Seleccione la sección "Tabla de precios" y elija una plantilla de tabla de precios.

La tabla se insertará en el editor.

Paso 4: Personalizar la mesa

Seleccione todo el bloque haciendo clic en el icono Tableberg y, a continuación, haga clic en el icono Configuración de la esquina superior derecha. Desde ahí podrá personalizar la tabla.

Crear una tabla de precios desde cero

También puede crear una tabla desde cero.

Paso 1: Elija el número de columnas y filas

Una vez insertado el bloque Tableberg, establece su número de filas y columnas. Sin embargo, puede aumentar o disminuir el número de filas y columnas después de crear la tabla según sea necesario. Pero por ahora, vamos a seleccionar una fila y una columna de 4*4.

Establecer el número de fila y columna

A medida que añada mucho contenido, es posible que necesite más espacio dentro de las celdas de la tabla. Por lo tanto, es mejor que aumentes el ancho de la tabla. Seleccione toda la tabla haciendo clic tres veces en el icono TableBerg de la barra de herramientas.

Obtendrá el Ficha Configuración que aparece en la barra lateral derecha. Debajo de la tabla de ajustes, encontrará la opción Ancho de la mesa opción. Aumente su anchura según sus necesidades.

Aumentar la anchura de la mesa

Paso 2: Añadir títulos a las columnas de la tabla

Añada títulos adecuados a las columnas de la tabla. Supongamos que vamos a crear una tabla de precios para un negocio de alojamiento web. Hay cuatro planes de precios en la tabla. Entonces, el título de la columna será Economy, Deluxe, Ultimate, y Máximo.

Puedes personalizar el texto del título y su color de fondo desde la pestaña correspondiente de la barra lateral derecha. También puedes aumentar la tipografía del texto y su tamaño.

Añadir títulos a las columnas de la tabla de precios

Paso 3: Añadir precios y tasas de descuento a las columnas de la tabla de precios

En primer lugar, añada los precios de los planes a sus respectivas columnas. Hemos puesto los textos de los precios en negrita, un poco más grandes y coloreados de azul.

Añadir precios a la tabla de precios

El tipo de descuento suele estar muy cerca del precio principal. Coloque el cursor en la celda de precios y cree espacio debajo de ellos, pulsando la tecla Botón Intro en el teclado.

A continuación, introduzca los tipos de descuento que desee en las columnas correspondientes.

Añadir tipos de descuento

Ahora resaltaremos el tipo de descuento para que sea más visible. Seleccione el tipo de descuento con el cursor. Haga clic en el botón Más opciones en la barra de herramientas. Seleccione la opción Opción de resaltado.

Seleccione el texto del tipo de descuento en la tabla de precios

Utilice un resaltador de fondo para el texto de la tasa de descuento. Hemos aplicado el código de color #fcdc4b en el fondo del tipo de descuento del cuadro de precios.

Utilice un resaltador de fondo para el texto del tipo de descuento

Aplique el mismo proceso a cada columna en las áreas respectivas.

Utilice un resaltador de fondo para todo el texto de descuento

Si hay alguna nota especial para los planos, debe especificarla dentro del área de precios. Mira, lo hemos hecho usando el primer signo de corchete.

Añadir notas especiales a los planes de precios

Paso 4: Añadir botones CTA a la tabla

Añadiendo botones CTA, no puede provocar que los usuarios compren sus productos. Seleccione la celda a la que desea añadir el botón CTA. Pulse el botón Icono más (+) en la celda y seleccione el botón Botón CTA.

Añadir el bloque de botones a las tablas TableBerg

No vamos a cubrir esta parte en detalle. Todo lo que tiene que hacer aquí es escribir un texto CTA convincente para cada botón. Vincular los botones a la página de pago. Añadir colores de fondo y texto para los botones.

Personalizar los botones CTA

Paso 5: Añadir funciones a la tabla de precios

Por último, debe enumerar todas las características de sus productos y servicios en función de sus planes de precios. Si hay alguna palabra especial que quiera destacar, puede ponerla en negrita.

Enumerar las características en las tablas de precios

Paso 6: Vista previa de la tabla de precios

Antes de publicar la tabla de precios, es mejor que la vea en el modo de vista previa para comprobar si hay algún error. Si la tabla está totalmente limpia, puedes publicarla.

Vista previa de la tabla de precios

Conclusión

Por lo tanto, puede crear tablas de precios informativos en su sitio que ayudan a los clientes a tomar decisiones informadas. TableBerg está subiendo con más nuevas características por las que puede crear tablas más avanzadas en su sitio.

Si te ha gustado este post, coméntalo a continuación y danos tu opinión. Eche un vistazo a cómo crear una tabla comparativa en WordPress.



El equipo de Tableberg