La primera vez que necesité mostrar mis tarifas en un sitio de WordPress, no quería complicarme con shortcodes o plugins complicados. Solo quería algo sencillo, limpio y fácil de actualizar.
Si usted está en el mismo barco, esta guía le mostrará cómo hacer una lista de precios en WordPress sin tocar código. Tanto si estás listando servicios, elementos del menú o paquetes, aprenderás la forma más rápida de ponerlo en marcha utilizando el constructor de arrastrar y soltar de SeedProd.
Veámoslo paso a paso.
Por qué su sitio web necesita una lista de precios
La mayoría de los compradores comprueban los precios antes de decidirse a comprar. Añadir una lista de precios les ayuda a comparar tus servicios y a sentirse seguros de su decisión.
Es especialmente útil para autónomos, propietarios de salones de belleza y empresas locales en las que la transparencia genera confianza.
Las listas de precios mejoran la experiencia del usuario
Si los visitantes no encuentran los precios rápidamente, es probable que abandonen el sitio. Una lista clara les ayuda a decidir más rápido y a reducir la tasa de rebote.
No se preocupe por la competencia
Sus competidores ya conocen sus precios. Lo que importa es lo bien que su lista de precios sirve a sus clientes. Si sus servicios son de alta calidad, seguirá destacando.
Cómo hacer una lista de precios en WordPress
Lista de precios frente a tabla de precios
Una tabla de precios muestra varios planes uno al lado del otro. Suelen aparecer en sitios SaaS o de afiliación.
Las listas de precios son más sencillas. Funcionan mejor para restaurantes, autónomos o salones de belleza en los que solo quieres enumerar claramente tus servicios y precios.
Cuándo utilizar una tabla de precios
Si ofreces precios escalonados o paquetes, lo mejor es una tabla de precios. Herramientas como Easy Pricing Tables facilitan la creación de tablas de precios sin código.
Por qué utilizo una lista de precios
Me gusta utilizar listas de precios para empresas de un solo servicio. Son más limpias, más rápidas de configurar y más flexibles a la hora de mostrarlas, como en la página de inicio o en las páginas de servicios.
Para esta guía, voy a utilizar un constructor de arrastrar y soltar, ya que es la forma más fácil de obtener su lista de precios con el aspecto que desee, y SeedProd es la mejor solución en el mercado.
SeedProd es el plugin constructor de páginas de arrastrar y soltar más fácil de usar para WordPress. Su interfaz intuitiva hace que la creación de diseños de páginas de WordPress y diseños personalizados fácil (sin necesidad de codificación).
Con su constructor interactivo basado en bloques y sus plantillas prediseñadas, puede añadir una elegante lista de precios a su sitio web en cuestión de minutos.
SeedProd también incluye las siguientes funciones:
- Creador de temas de WordPress
- Compatibilidad con WooCommerce para su tienda en línea
- Plantillas de sitios web de comercio electrónico
- Próximamente y modos de mantenimiento
- Panel de gestión de abonados
- Amplias opciones de personalización
- Integraciones de marketing por correo electrónico
- Compatibilidad con plugins SEO
- Y mucho más.
Siga los sencillos pasos a continuación para aprender a hacer una lista de precios en WordPress con SeedProd.
- Paso 1. Instalar y activar SeedProd Instale y active SeedProd
- Paso 2. Elija el tema o el generador de páginas de destino
- Paso 3. Seleccione una plantilla personalizada Seleccione una plantilla personalizada
- Paso 4. Personalice su página de lista de precios
- Paso 5. Publique su página de lista de precios
- Preguntas frecuentes
Paso 1. Instalar y activar SeedProd Instale y active SeedProd
El primer paso es ir a la página web de SeedProd y descargar el plugin. Usted puede elegir entre varios planes de precios para adaptarse a su presupuesto, pero estamos utilizando la versión SeedProd Pro para este tutorial.
A continuación, instale y active el archivo zip del plugin en su sitio web WordPress. Puedes seguir este post sobre cómo instalar un plugin de WordPress si es la primera vez que lo haces.
Al activar el plugin, vaya a la página SeedProd " Configuración y pegue su clave de licencia. Puede encontrar su clave de licencia en su cuenta SeedProd en la sección Descargas.
A continuación, haga clic en el botón Verificar clave.
Paso 2. Elija el tema o el generador de páginas de destino
Hay varias maneras de personalizar tu sitio WordPress con el plugin page builder de SeedProd.
Puede sustituir el diseño actual de su sitio por uno nuevo creando un tema de WordPress personalizado. O puede mantener su diseño actual y crear una página de destino independiente con el Landing Page Builder.
Independientemente de la solución que elija, puede seguir utilizando el bloque Lista de precios de SeedProd para mostrar listas de precios personalizadas en su sitio web, ya que utiliza la misma interfaz del constructor de páginas.
Para esta guía, vamos a elegir la opción Theme Builder, así que navegue a SeedProd " Theme Builder y haga clic en el botón Theme Template Kits .
Paso 3. Seleccione una plantilla personalizada Seleccione una plantilla personalizada
En la siguiente pantalla, verás la biblioteca de plantillas de sitios web prefabricados de SeedProd. Incluyen todas las características y páginas que necesitas para crear un sitio web completo y un diseño profesional que puedes personalizar fácilmente.
Haz clic en el icono de la lupa en cualquier plantilla para obtener una vista previa de todo el tema. Por ejemplo, si previsualizas el tema Andaman Budget Hotel, verás que la página Dining ya tiene una sencilla lista de precios que puedes editar.
Puedes filtrar la biblioteca de plantillas para mostrar sólo los temas de WooCommerce o hacer clic en el menú desplegable para mostrar primero los temas más nuevos, más antiguos o más populares.
Cuando encuentres un diseño que te guste, haz clic en el icono de la marca de verificación para importarlo, lo que sólo te llevará unos segundos.
Ahora verás las partes de tu tema en el panel del Constructor de temas. Puedes editar cualquier plantilla situándote sobre ella y haciendo clic en el enlace Editar diseño.
Consulte nuestra guía sobre la creación de un tema personalizado de WordPress para obtener más detalles sobre la personalización de las partes de su tema.
SeedProd también creará las páginas de la demo del tema para que las personalices con su constructor de páginas. Simplemente ve a Páginas " Todas las páginas, y las verás en la lista con "SeedProd" junto al título de la página.
Personalizaremos la página "Comedor" para mostrarle cómo utilizar la función Lista de precios de SeedProd. Así que pase el cursor sobre la página y haga clic en el enlace Editar con SeedProd.
Paso 4. Personalice su página de lista de precios
Cuando abra cualquier página con SeedProd, verá un diseño como éste:
El constructor de páginas tiene bloques y ajustes de WordPress a la izquierda y una vista previa en vivo de tu diseño a la derecha. Los bloques funcionan de forma similar al editor de bloques de WordPress (Gutenberg), donde puedes arrastrar y soltar nuevos bloques en tu página y hacer clic para editar el contenido en tiempo real.
Cuando observes el menú de este diseño, verás que está formado por bloques de titulares y texto.
El bloque Lista de precios es una forma más sencilla de mostrar los elementos de su menú y sus precios. Incluye automáticamente espacio para el artículo, la descripción, el precio y la imagen, y tiene muchas opciones de personalización.
En el panel izquierdo, desplácese hasta la sección Avanzado, busque el bloque Lista de precios y arrástrelo y suéltelo en su página.
El bloque añadirá algo de contenido de relleno para darle una idea de cómo se verán las cosas. Vamos a añadir algunos elementos de la lista de precios.
Para ello, haga clic en el epígrafe "Artículo 1" para ampliarlo. Dentro, puedes añadir un título, una descripción y un precio, subir una foto e incluso añadir un enlace a la página individual del producto.
Repita este paso para cada artículo de su lista de precios.
Después de añadir artículos a su lista de precios, puede ampliar los ajustes de Diseño. En este panel, puede cambiar la posición de la imagen y el precio, elegir un separador de precios diferente y ajustar la alineación general de la lista.
Incluso puede vincular el cuadro de precio completo a la página de precios individuales. Solo tiene que hacer clic en la posición Sí.
En el panel Área de imagen, puede controlar el tamaño y la forma de las imágenes de su lista de precios. Las opciones incluyen Predeterminado, Redondeado, Círculo y Personalizado, donde puede definir su propio radio de borde de imagen.
Ahora haz clic en la pestaña Avanzado para ver algunas opciones de estilo adicionales.
Como puede ver, este panel le permite controlar la tipografía, el tamaño de letra y los colores de los distintos elementos de su lista.
También puedes ajustar el espaciado, los bordes, los colores de fondo y la visibilidad en dispositivos de sobremesa y móviles. Y no tendrás que escribir CSS o HTML personalizados.
Basta con apuntar y hacer clic para añadir nuevos estilos.
Una vez que esté satisfecho con su lista de precios, puede eliminar el contenido de relleno antiguo. Para ello, pasa el ratón por encima de cada columna hasta que veas un contorno azul y haz clic en el icono de la papelera.
Haz lo mismo con todos los elementos de la página que ya no necesites. Ahora haz clic en el botón Guardar situado en la esquina superior derecha de la pantalla.
Ahora que su página de precios está completa, puede editar y personalizar el resto de su tema de WordPress.
Aquí tienes algunas guías prácticas que pueden ayudarte con tus personalizaciones:
- Cómo añadir un botón a la cabecera de su sitio web
- Cómo añadir el horario comercial a su sitio web
- Cómo añadir iconos sociales personalizados a su sitio web
Paso 5. Publique su página de lista de precios
Cuando haya terminado de personalizar su sitio web, estará listo para publicar los cambios en el front-end.
En primer lugar, asegúrese de que ha guardado los cambios y, a continuación, haga clic en el icono X para salir del constructor de páginas y vuelva a la página del constructor de temas en el panel de control de WordPress.
Desde allí, busque el interruptor que dice "Activar SeedProd Theme" y gírelo a la posición Sí.
Ahora, puede visitar su sitio web en vivo para ver cómo se ven sus personalizaciones. Aquí está la página Comedor que hemos personalizado con una nueva lista de precios en este tutorial:
Preguntas frecuentes
¡Ya está!
Esperamos que este artículo te haya ayudado a aprender cómo hacer una lista de precios en WordPress.
SeedProd es el mejor plugin de WordPress para personalizar su sitio web. No necesitarás ningún código corto, widget o complemento adicional, solo un constructor de páginas sencillo y fácil de usar que te permitirá ponerte en marcha rápidamente.
¿Listo para crear una lista de precios personalizada para WordPress?
También te puede gustar esta revisión de Elementor vs WPBakery vs SeedProd, para ver cómo se comparan.
Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.
