Widget de tabla de precios de Elementor: gratuito, con 5 diseños listos
La tabla de precios es un widget de complementos maestros gratuito para crear tarjetas de planos en Elementor. Elija uno de los 5 diseños, luego complete el encabezado, el precio, la lista de funciones, el botón y la cinta. Cada función puede tener su propio ícono e información sobre herramientas, el precio puede mostrar el precio original de una venta y el botón puede vincularse a cualquier lugar o actuar como un botón de compra de descargas digitales fáciles. Coloque un widget en cada columna y tendrá una página de precios.
Cambio de precios mensual y anual
El widget de la tabla de precios tiene un precio por tarjeta. El cambio mensual y anual a continuación proviene del Alternar widget de contenido, que está en Master Addons Pro. Creas un conjunto de tarjetas con precios mensuales y otro con precios anuales, guardas cada una como plantilla de sección y el interruptor muestra un conjunto a la vez. La tarjeta del medio tiene la tabla de resaltado encendida y una cinta. Pase el cursor sobre una función para ver la información sobre herramientas.
- Mensual
- Anualmente
Iniciador
- 1 sitio
- Widgets principales
- Soporte por correo electrónico
- Actualizaciones por un año
- Biblioteca de plantillas
Crecimiento
- 5 sitios
- Todos los widgets
- Soporte prioritario
- Actualizaciones por un año
- Biblioteca de plantillas
Agencia
- Sitios ilimitados
- Todos los widgets
- Etiqueta blanca
- Actualizaciones por un año
- Biblioteca de plantillas
Iniciador
- 1 sitio
- Widgets principales
- Soporte por correo electrónico
- Actualizaciones por un año
- Biblioteca de plantillas
Crecimiento
- 5 sitios
- Todos los widgets
- Soporte prioritario
- Actualizaciones por un año
- Biblioteca de plantillas
Agencia
- Sitios ilimitados
- Todos los widgets
- Etiqueta blanca
- Actualizaciones por un año
- Biblioteca de plantillas
Los pasos de configuración para el interruptor están activados Alternar página de contenido. Las tarjetas anuales aquí utilizan el interruptor de Venta para que el precio mensual se muestre tachado.
Cómo agregar una tabla de precios en Elementor
Primero cree un plan, luego cópielo para los demás para que las filas de funciones se alineen.
- Agregue un contenedor o sección con una columna por plano. Tres planes es la configuración más común.
- Busque en el panel de widgets la “Tabla de precios” y arrastre el widget de complementos maestros a la primera columna.
- Elija un diseño, luego complete el encabezado, el precio, las funciones y el botón de pie de página.
- Estilee la tarjeta en la pestaña Estilo, duplique el widget en las otras columnas y cambie los detalles del plan.
- Encienda la mesa de resaltado y una cinta para el plan que desea que elijan los visitantes.
Mantenga las filas de funciones en el mismo orden en cada columna. La gente lee las tablas de precios fila por fila, por lo que un orden mixto dificulta la comparación de los planes.
Encabezado, precio, características, botón y cinta
Cada parte de la tarjeta tiene su propia configuración. El encabezado toma un ícono, un título, un subtítulo y uno de los tres fondos degradados, o tus propios colores. El precio tiene un símbolo de moneda de una lista o personalizada, un interruptor de Venta con un precio original y un período de facturación. El pie de página contiene el botón, su enlace o elemento de Descargas Digitales Fáciles y una breve línea de texto adicional, como una nota de devolución de dinero.
El widget no tiene cambio mensual y anual. Para ofrecer ambos períodos de facturación, construya dos juegos de mesas y colóquelos dentro Alternar contenido (Pro), que agrega el interruptor.
- Icono de encabezado, título, etiqueta HTML, subtítulos y ajustes preestablecidos de gradiente.
- Símbolo de moneda, precio de venta con el precio original y período de facturación.
- Botón con un enlace o elemento de Descargas Digitales Fáciles, además de texto adicional en el pie de página.
Listas de funciones interactivas con iconos e información sobre herramientas
Cada fila de funciones toma texto, un ícono opcional y una información sobre herramientas opcional que se abre arriba, abajo, izquierda o derecha de la función. Utilice la información sobre herramientas para obtener detalles que agruparían la lista, como “Los asientos adicionales cuestan $5 al mes”.
- Los iconos hacen que las listas de funciones sean más rápidas de escanear.
- Información sobre herramientas explique límites o términos técnicos sin agregar desorden.
- Estilee el texto de la función, los íconos, los divisores y la alineación en la pestaña Estilo.
Formato de precios, planos y cintas resaltados
Tamaño y alinee verticalmente el símbolo de la moneda, la parte fraccionaria del precio y el precio original por separado. Active la tabla de resaltado para el plan que desea que elija la gente, luego agregue una cinta con texto como “Popular” y establezca su alineación, posición y rotación.
- Tamaño y posición separados para la moneda, centavos y precio original.
- Resalte la tabla para que un plan se destaque.
- Una cinta con tu propio texto, alineación, posición y rotación.
Tabla de precios de Elementor Pro frente a tabla de precios de complementos maestros
El widget de tabla de precios de Elementor está solo en Elementor Pro. Así es como se comparan los dos.
| Tabla de precios de Elementor Pro | Tabla de precios de complementos maestros | |
|---|---|---|
| Precio | Licencia Elementor Pro | Gratis |
| Diseños | Uno | 5 |
| Información sobre herramientas destacadas | prohibido | Sí |
| Venta y precio original | Sí | Sí |
| Cinta | Sí | Sí |
| Botón de descargas digitales fáciles | prohibido | Sí |
| Ajustes preestablecidos de gradiente de encabezado | prohibido | 3 |
¿Comparando muchas funciones entre planes? El Tabla comparativa widget (Pro) maneja listas de funciones largas mejor que tarjetas separadas.
Qué hace y qué no hace el widget de la tabla de precios
Todo lo marcado Sí es un control en el panel de widgets. El resto necesita otro widget o una configuración diferente.
| Característica | ¿En el widget? |
|---|---|
| Cinco diseños: predeterminado, contenido de alineación a la izquierda, tabla redondeada, tabla con imagen BG, patrón BG sesgado | Sí |
| Plan destacado | Sí, el interruptor de la tabla de resaltados |
| Cinta con texto, posición y rotación propios | Sí |
| Precio de venta con el precio original tachado | Sí |
| Símbolo de moneda de una lista o el suyo propio | Sí |
| Texto del período de facturación | Sí |
| Icono de encabezado, título, subtítulo y tres ajustes preestablecidos degradados | Sí |
| Iconos de funciones por fila | Sí |
| Información sobre herramientas destacadas con ubicación | Sí |
| Botón vinculado a cualquier URL | Sí |
| Botón de compra de descargas digitales fáciles | Sí |
| Fondo de imagen, degradado o vídeo detrás de la tarjeta | Sí |
| Alternar mensual y anualmente | No. Utilice el contenido de alternancia (Pro) con dos juegos de tarjetas |
| Botón Agregar al carrito de WooCommerce | No. Vincula el botón al producto o a la página de pago |
| Tarjetas de igual altura | No hay control en el widget. Configure el contenedor principal para alinear elementos: estirar |
| Matriz de comparación de características entre planes | No. Utilice el widget de la tabla comparativa (Pro) |
Widgets relacionados: Tabla comparativa (Pro), Alternar contenido (Pro), Tabla dinámica, Llamado a la acción y Botón creativo.
Consejos de diseño de tablas de precios
Algunos hábitos hacen que una tabla de precios sea más fácil de leer y de comprar.
- Muestra tres planes. Más opciones ralentizan la decisión.
- Pon el plan que quieres vender en el medio y resaltalo.
- Haga que el precio sea el texto más grande de la tarjeta.
- Mantenga breves las etiquetas de las funciones y traslade los detalles a información sobre herramientas.
- Utilice un botón por tarjeta y agregue una nota de devolución de dinero en el texto del pie de página si ofrece una.
Nuestro consejos sobre la tabla de precios entra en más detalles.
Preguntas frecuentes para la tabla de precios
¿Puedo destacar mi plan de precios más recomendado?
Sí. Active la tabla de resaltado en Contenido de precios para ese plan, luego abra la sección Cinta, active Mostrar y agregue texto como “Popular”. Puedes alinear, mover y rotar la cinta y diseñar sus colores.
¿el botón del pie de página funciona con complementos de comercio electrónico?
Sí. Active la integración fácil de descargas digitales en la sección Pie de página y elija su artículo EDD para convertir el botón en un botón de compra. Para WooCommerce o cualquier otro pago, apunte el enlace del botón a la página del producto o pago.
¿Qué tan personalizable es el aspecto de la lista de funciones?
Muy. Las características obtienen su propio color de texto, tipografía, alineación, ancho y líneas divisorias, y cada fila puede tener su propio ícono e información sobre herramientas.
¿elementor tiene un widget de tabla de precios gratuito?
El propio widget de tabla de precios de Elementor necesita Elementor Pro. El widget de la tabla de precios de complementos maestros no necesita Elementor Pro y funciona con el complemento gratuito de Elementor.
¿puedo agregar un interruptor mensual y anual?
No dentro del widget de la tabla de precios, que contiene un precio por tarjeta. Cree dos juegos de tarjetas, guarde cada una como plantilla de sección y coloque ambas en a Alternar contenido widget (Master Addons Pro). La sección de alternancia de esta página muestra el resultado.
¿Puedo agregar un patrón de fondo o una imagen al encabezado de la tabla de precios?
Sí. Elija uno de los tres ajustes preestablecidos de gradiente en la sección Encabezado, o elija Personalizado y establezca su propio fondo de encabezado en la pestaña Estilo. La tabla con diseños de imagen BG y patrón BG sesgado agrega una imagen o patrón detrás de la tabla.
¿La tabla de precios responde en dispositivos móviles?
Sí. Cada plan es un widget, así que colóquelos en columnas y Elementor apilará las columnas en los teléfonos. Utilice el modo responsivo para reducir el tamaño del precio o el relleno en pantallas pequeñas.
¿Puedo mostrar un precio de venta o tachar un precio original?
Sí. Active Venta en la sección Precios e ingrese el Precio original. El widget lo muestra junto a su precio actual para que los visitantes vean el descuento.
¿Puedo crear una lista de precios o un menú con él?
No bien. Cada tarjeta tiene un precio y una lista de funciones, por lo que un menú de restaurante o una lista de servicios con diez precios necesitaría diez tarjetas. Para una lista con un precio en cada fila, el Tabla dinámica el widget es el que mejor se adapta.
¿Cómo mantengo todas las columnas de precios a la misma altura?
Coloque las tarjetas en un contenedor, configure sus elementos de alineación para estirar y proporcione a cada plan la misma cantidad de filas de funciones. El widget no tiene control de altura propio.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
![Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de publicaciones/páginas
