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 al pasar el cursor sobre la nueva sección, hacer clic en el ⋯ menú y elegir Editar sección.
Encontrarás dos pestañas útiles: Contenido y Estilo.
Contenido Tab:
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.
Encabezado: Ingrese un título claro como “Elige tu plan” o “Nuestros precios.”
Subtexto (opcional): Haga clic en Generar para agregar una breve descripción debajo del titular.
Interruptores de visualización: Activa o desactiva la Imagen, Descripción, Botón y elementos incluidos para mostrar exactamente lo que necesitas.
Niveles: Agrega hasta cuatro planes haciendo clic en Agregar nivel +. Para cada nivel:
Haga clic en el ⋮⋮ controlador de arrastre para reordenar los planes.
Haz clic en el icono de 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 funciones como “Soporte ilimitado” o “Análisis avanzados.” Utilice Generar para obtener ideas o el ícono de papelera para eliminar.
Botón: Activa para agregar un botón de llamada a la acción, luego establece la Etiqueta (por ejemplo, “Comenzar”) y 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).
Ajustes de imagen: Controlar el ajuste de la 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: Selecciona cómo aparece la tabla al desplazarte (Desvanecer, Acercar, Deslizar o Ninguno).
Divisores y Bordes: Activa para agregar líneas o marcos entre planes.
[[screenshot – Style tab options for Pricing Table]]
Haz clic en Hecho, luego Publicar para hacer que tu 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!