Advanced Pricing Table For Divi

Tú escribes los planes en columnas y el visitante los compara en filas

Terminas el plan básico: título, precio, siete características y un botón. Luego escribes el plan profesional y el empresarial. Quien compara planes no necesita leer cada columna de arriba abajo: busca una característica y mira qué hace cada plan con ella.

En una tabla de precios la comparación ocurre entre filas, así que la misma característica debe ocupar el mismo lugar en todos los planes.

Advanced Pricing Table es un módulo para Divi que construye tablas de precios con elementos que se activan, se desactivan y se reordenan. Su lista de características admite un estado desactivado, de modo que una función que un plan no incluye puede seguir en la lista marcada como desactivada, en lugar de desaparecer. Además ofrece alturas iguales para que las tarjetas queden alineadas.

Elementos y disposiciones

• Elementos: título, subtítulo, imagen o icono, separador, insignias superpuestas o en línea, botón de llamada a la acción, lista de características, descripción, precio con tipo de moneda, precio de oferta y variantes de precio, y descripciones emergentes en el título y en cada característica.
• Reordenar arrastrando: por ejemplo, poner el precio encima o debajo del título.
• Disposición vertical: con insignias, descripciones emergentes, iconos por característica y alturas iguales.
• Disposiciones horizontales: seis modelos, en tres o cuatro columnas, con anchos que se adaptan a la pantalla.
• Interruptores y pestañas: un interruptor cambia entre dos conjuntos de datos, como mensual y anual, y las pestañas agrupan tablas por categoría.
• Estilo: cada elemento se estiliza como un módulo nativo de Divi, y las insignias y las descripciones emergentes tienen un panel visual para su posición.

Un interruptor duplica lo que mantienes

Con un interruptor mensual y anual, cada plan lleva dos conjuntos de datos, y el visitante solo ve uno a la vez. Cuando cambie una característica de un plan, revisa los dos. Las pestañas obligan a algo parecido: una tabla por categoría, cada una con sus planes. Cuantas más variantes añadas, más filas tendrás que mantener alineadas.

La insignia sirve para señalar un plan concreto, y la descripción emergente para aclarar una característica sin alargar la fila.

Una tabla de tres planes con interruptor

Una combinación posible: tres planes en disposición horizontal, con un interruptor mensual y anual, las mismas siete características en el mismo orden en cada plan, las que no se incluyen marcadas como desactivadas y una insignia en el plan intermedio. El ancho de las columnas cambia con la pantalla. Es una idea de uso; ajústala a tu sitio.

Requisitos y límites

El módulo funciona con Divi, es decir, con el constructor de Divi activo en tu sitio. Hay opciones anunciadas como próximas, entre ellas una tabla de comparación y la paginación, así que no cuentes con ellas hasta verlas en tu instalación.

1. Instala el módulo y actívalo en un sitio con Divi.
2. Abre una página en el constructor y añade el módulo de tabla de precios.
3. Elige la disposición, activa los elementos que uses y escribe los planes.
4. Añade interruptor o pestañas si necesitas dos periodos o varias categorías.
5. Ajusta insignias, iconos y alturas iguales.

Alternativas dentro de Divi

Para otras tablas dentro de Divi, mira Divi Modules Table Maker. Si buscas un paquete con más módulos para Divi, revisa Divi Supreme Pro.

Respuestas sobre Advanced Pricing Table

¿Puedo mostrar precio mensual y anual?

Sí, con un interruptor que cambia entre dos conjuntos de opciones.

¿Se puede marcar un plan como el destacado?

Sí, con insignias en varios estilos, superpuestas o en línea.

¿Puedo explicar una característica sin alargar la tabla?

Sí. El título y cada característica admiten descripciones emergentes.

¿Sirve fuera de Divi?

No. Es un módulo para Divi.