Guía del widget de tarjeta de precios

El widget de tarjeta de precios muestra claramente tus planes de precios, permitiendo a los visitantes compararlos fácilmente y elegir la mejor opción.

1. Comienza con una plantilla

• Diseños disponibles:

• Plan de tres columnas

• Caja de precios individual

• Comparación en paralelo

• Acción: Haz clic en el diseño que prefieras, obtén una vista previa y luego haz clic en Continuar para editar.

2. Usa las pestañas de edición

• Contenido: Agrega los detalles y características del plan.

• Estilo: Personaliza la apariencia de la tarjeta.

• Configuración: Ajusta la funcionalidad del widget en la página.

3. Personaliza las tarjetas

Pestaña de contenido:

• Nombre del plan: Asigna un título a cada plan (p. ej., Básico, Estándar, Premium).

• Precio: Incluye el costo y los detalles de pago.

• Características: Enumera las inclusiones de cada plan.

• Texto del botón: Usa texto que invite a la acción (p. ej., "Seleccionar", "Empezar ahora").

• Insignia: Marca un plan como destacado (opcional).

Pestaña Estilo:

• Diseño de tarjetas: Elige el número de tarjetas por fila.

• Fuente y color: Alinea los estilos con tu diseño.

• Espaciado: Añade espacio entre las tarjetas y dentro de ellas.

• Efecto al pasar el cursor: Aplica una animación al movimiento del cursor.

• Bordes y sombra: Modifica los bordes y la profundidad del fondo para una apariencia limpia.

Pestaña Configuración:

• Diseño adaptable: Garantiza la compatibilidad con todos los tamaños de pantalla.

• Opciones de visualización: Decide cuándo y dónde mostrar las tarjetas.

• Animación: Incluye efectos de movimiento básicos si lo deseas.

• Código personalizado: Añade modificaciones adicionales (opcional).

Consejos útiles

• Usa la pestaña Contenido para ver los detalles del plan.

• Utiliza la pestaña Estilo para mantener la coherencia del diseño.

• Ajusta la configuración en la pestaña Configuración para optimizar la funcionalidad.

• ¡No olvides Guardar los cambios al finalizar!

🛠️ ¡Feliz edición!