¿Desea agregar hermosas tablas de precios a su sitio de WordPress?
Las tablas de precios tienen un gran impacto en la forma en que los usuarios toman su decisión de compra. Agregar hermosas tablas de precios que son fáciles de escanear ayuda a los usuarios a seleccionar el producto correcto y esto lo ayuda a impulsar sus conversiones y aumentar las ventas.
En este artículo, le mostraremos cómo agregar fácilmente hermosas tablas de precios en WordPress sin escribir ningún código.
¿Por qué agregar tablas de precios usando un complemento de WordPress?
Hay dos formas de agregar nuevas funciones a su sitio web de WordPress. Puede programarlos manualmente, usando código. O puede usar un complemento de WordPress.
Si está familiarizado con HTML y CSS, es posible que desee crear una tabla de precios mediante código. Las habilidades de programación y diseño requeridas no son particularmente avanzadas, y tendrás control total sobre el diseño de la mesa.
Sin embargo, escribir y probar el código llevará tiempo. Y también tendrás que considerar a tus usuarios que utilizan dispositivos móviles o diferentes navegadores web. Puede terminar con una tabla de precios poco atractiva que no se ve bien para todos sus usuarios.
Usar un pluginde WordPress es más rápido y fácil, y es la mejor solución si no tienes experiencia en diseño o codificación.
Dicho esto, echemos un vistazo a cómo agregar hermosas tablas de precios en WordPress sin escribir ningún código. Cubriremos dos complementos de WordPress diferentes y puede elegir el que le parezca mejor.
Método 1: agregue hermosas tablas de precios con tablas de precios fáciles
Este método le permite agregar tablas de precios a una página o publicación existente. Si necesita personalizar el resto de la página, debe usar el método 2 en su lugar.
Lo primero que debe hacer es instalar y activar el Tablas de Precios Fáciles enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Para este tutorial, usaremos el complemento gratuito. También hay un complemento premium que ofrece más funciones y comienza en $ 29 por una licencia de sitio único. Necesitará la versión premium si desea acceder a plantillas adicionales, agregar imágenes o integrar la tabla con WooCommerce.
Creación de la tabla de precios
Tras la activación, debe navegar a la Tablas de precios » Agregar nuevo página para crear su primera tabla de precios. Verá vistas previas de las plantillas de diseño disponibles para elegir.
Puede elegir un diseño haciendo clic en cualquier plantilla. Después de eso, la plantilla se abrirá en el editor de WordPress para que puedas personalizarla.
Personalización de la tabla de precios
Personalizar la tabla de precios es fácil. Deberías empezar por darle un nombre a la tabla. Después de eso, puede hacer clic en cualquier parte de la tabla para editar títulos, subtítulos, precios y funciones.
Puede usar la barra de herramientas para agregar una nueva columna, cambiar la alineación de filas y columnas, reordenar las columnas y cambiar sus tamaños.
A menudo, en las tablas de precios, un plan se marca como ‘destacado’ o ‘más popular’. Puede hacerlo seleccionando la columna que desea resaltar y luego haciendo clic en el ícono de estrella en la barra de herramientas.
Encontrará más opciones en los paneles Tabla de precios y Configuración miscelánea a la izquierda. Aquí es donde puede modificar la apariencia visual de su tabla de precios.
Por ejemplo, puede cambiar el color de énfasis para resaltar el mejor plan de precios y mostrar u ocultar los botones en la parte inferior de la tabla.
También puede hacer clic en los botones para editar sus etiquetas. Cada botón también tiene una URL y, después de hacer clic en el botón, puede agregar una URL pegándola en el campo a la derecha de la página.
Una vez que esté satisfecho con el aspecto de su tabla de precios, debe hacer clic en el botón «Actualizar» en la esquina superior derecha de su pantalla para guardar los cambios.
Publicación de la tabla de precios
Ahora puede agregar la tabla de precios a una publicación o página en su sitio web. Puede hacerlo usando un código abreviado o agregando el bloque de WordPress Easy Pricing Tables.
Para este tutorial, usaremos el método de bloque. Simplemente cree o edite una publicación o página de WordPress. Luego haga clic en el ícono ‘más’ (+) para agregar un nuevo bloque de WordPress.
Puede crear una nueva tabla de precios agregando el bloque ‘Tabla de precios’. Pero debe agregar la tabla de precios que creó anteriormente, por lo que deberá escribir el nombre que le dio en el campo de búsqueda.
Para este tutorial, escribiremos ‘precio’. Después de eso, haga clic en la tabla de precios que desee y se agregará a la publicación o página.
Una vez que haya terminado, asegúrese de hacer clic en el botón ‘Publicar’ o ‘Actualizar’ para publicar sus cambios.
Ahora puedes visitar su sitio web para ver el resultado final.
Método 2: agregue hermosas tablas de precios con un generador de páginas
Este método es el mejor si desea un control completo sobre el diseño de su página de precios.
En primer lugar, debe instalar y activar el Producto de semilla enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
SeedProd es un generador de páginas de WordPress de arrastrar y soltar para empresas, bloggers y propietarios de sitios web, y la mejor opción para crear páginas de precios de alta conversión. Necesitará el plan Pro o Elite para acceder al bloque de la tabla de precios que usamos en este tutorial.
Tras la activación, vaya a la SeedProd » Ajustes página para ingresar la clave de licencia de su complemento. Puede encontrar esta información en su cuenta en el sitio web de SeedProd.
Después de ingresar su clave de licencia, comenzaremos creando una nueva página de destino y luego agregaremos un bloque de tabla de precios.
Creación de una nueva página de destino
Para crear la página de destino para su tabla de precios, debe dirigirse a SeedProd » Páginas de destino y luego haga clic en el botón ‘Crear una nueva página de destino’.
En la siguiente pantalla, se le pedirá que elija un tema de página de destino. SeedProd viene con docenas de hermosas plantillas de página de destino perfectamente organizadas para diferentes tipos de campaña.
Simplemente haga clic para seleccionar una plantilla que desee utilizar como punto de partida.
Puede aprender cómo personalizar la página y agregar nuevos bloques en nuestra guía sobre cómo crear una página de destino con WordPress. Cuando esté listo, continuaremos y agregaremos la tabla de precios.
Agregar una tabla de precios
Primero, debe agregar algunas columnas para tener un lugar donde colocar los bloques de la tabla de precios. Debe arrastrar el bloque ‘Columna’ a la página y luego seleccionar suficientes columnas para mostrar sus precios. Para este tutorial, seleccionaremos tres columnas.
Después de eso, debe ubicar el bloque ‘Tabla de precios’ y arrastrarlo a las palabras ‘Arrastrar nuevo bloque aquí’ en cada una de las celdas que acaba de crear.
Para este tutorial, deberá arrastrar el bloque a la página tres veces por separado, una para cada columna.
Para editar una tabla de precios, simplemente haga clic en ella.
Puede usar la configuración en la pestaña Contenido para editar el nombre del plan e ingresar el nombre de su producto o servicio. También puede cambiar el precio y la moneda, agregar el precio que normalmente cuesta el artículo cuando no está en oferta, y más.
Cuando cambia a la pestaña Avanzado, puede personalizar la fuente y el tamaño del texto, el color y el tamaño de los botones, el espaciado, los efectos de desplazamiento y más.
Por ejemplo, puede hacer que un nivel de precios se destaque más que otros, alentando a sus usuarios a elegir esa opción.
Publicación de la tabla de precios
Una vez que esté satisfecho con su página de destino y las tablas de precios, es hora de publicarla.
Simplemente haga clic en la flecha desplegable en el botón ‘Guardar’ y haga clic en ‘Publicar’.
Verá una notificación que le informará que su página ha sido publicada.
También puede hacer clic en el botón ‘Ver página en vivo’ para ver cómo se ve su nueva página de precios de WordPress.
Esperamos que este tutorial lo haya ayudado a aprender cómo agregar hermosas tablas de precios en WordPress, sin necesidad de codificación. También puede aprender a crear un sitio de membresía de WordPress o ver nuestra lista de complementos esenciales de WordPress para sitios web comerciales.
.