Resalte las características, los precios y las llamadas a la acción que guíen a los visitantes hacia la opción correcta.
Aquí se explica cómo agregar y personalizar una sección de tabla de precios en el editor de sitios web de Durable:
Haz clic en Agregar sección + en la parte superior o inferior de tu página.
Escriba Tabla de Precios en el cuadro de búsqueda para una búsqueda rápida.
Seleccionar Tabla de Precios de los resultados—Durable insertará ejemplos de niveles con nombres de marcador de posición, imágenes, precios y listas de características.
Abre el editor pasando el cursor sobre la nueva sección, haciendo clic en el ⋯ menú y eligiendo Editar sección.
Encontrarás dos pestañas útiles: Contenido y Estilo.
Pestaña de Contenido:
Personaliza cada nivel para que coincida con tus ofertas:
Lema (opcional): Haga clic en Generar para añadir una breve línea introductoria sobre su tabla.
Título: Ingrese un título claro como "Elija su plan" o "Nuestros precios".
Subtexto (opcional): Haga clic en Generar para agregar una breve descripción debajo del titular.
Interruptores de visualización: Active o desactive la Imagen, Descripción, Botón y elementos incluidos para mostrar exactamente lo que necesita.
Niveles: Agregue hasta cuatro planes haciendo clic en Agregar nivel +. Para cada nivel:
Haz clic en el ⋮⋮ controlador de arrastre para reordenar los planes.
Haz clic en el ícono del lápiz para editar los detalles del nivel:
Título: por ejemplo, “Básico,” “Pro,” “Premium.”
Descripción: Un resumen conciso de lo que se incluye.
Precio: Introduzca la cantidad (por ejemplo, “$29”).
Por: Defina el ciclo de facturación (por ejemplo, “por mes,” “por sesión”).
Imagen: Haga clic en Cambiar para subir su propia foto o Regenerar para sugerencias de IA.
Texto alternativo: Describe la imagen para accesibilidad y SEO.
Elementos incluidos: Haga clic en Agregar elemento + para listar características como “Soporte ilimitado” o “Análisis avanzados.” Use Generar para ideas o el ícono de papelera para eliminar.
Botón: Actívelo para agregar un botón de llamada a la acción, luego establezca la Etiqueta (por ejemplo, “Comenzar”) y el Enlace a una página o sección de pago.
Destacar: Active para presentar su plan recomendado con una insignia o estilo de acento.
Pestaña de Estilo:
Haz que tu tabla de precios destaque:
Colores: Haga clic en Cambiar para elegir su paleta de temas o ingrese valores hexadecimales personalizados para fondos, encabezados, texto y botones.
Estilo de botón: Haga clic en Cambiar para elegir entre los diseños de botón preestablecidos.
Imagen/video de fondo: Activa para superponer medios detrás de tu tabla.
Tamaño del texto: Seleccione los tamaños de encabezado y subtítulo (Pequeño, Mediano, Grande).
Alineación: Alinea toda tu tabla a la izquierda, al centro o a la derecha.
Estilo de tarjeta: Elija entre Contorno o Relleno para la tarjeta de cada plan.
Espaciado: Establecer el relleno superior e inferior (Pequeño, Mediano, Grande) y la altura mínima (Contenido o Pantalla).
Configuración de imagen: Controlar el ajuste de imagen (Cubrir, Contener) y la relación de aspecto (por ejemplo, 16:9).
Esquinas redondeadas: Elija entre Ninguna, Pequeña, Mediana, Grande o Tema.
Animaciones: Seleccione cómo aparece la tabla al desplazarse (Desvanecer, Acercar, Deslizar o Ninguno).
Divisores y Bordes: Activa para agregar líneas o marcos entre planes.
[[screenshot – Opciones de la pestaña Estilo para la Tabla de Precios]]
Haga clic en Hecho, luego Publicar para hacer que su tabla de precios esté activa.
Nuestro equipo está aquí para apoyarte en cada paso del camino.Si tienes preguntas o necesitas ayuda adicional, simplemente contáctanos. ¡Estamos emocionados de ayudarte a presentar tus precios con confianza!