Ir al contenido principal

Muestra tus servicios con la sección de lista

Agrega rápidamente una lista dinámica de servicios, funciones o productos destacados en tu web Durable.

Leodith avatar
Escrito por Leodith
Actualizado hace más de una semana

Con la sección de Servicios (Lista), puedes emparejar imágenes o íconos con encabezados, descripciones y enlaces para mostrar lo que haces mejor.

Aquí se explica cómo añadir y personalizar una sección de Servicios en el editor de sitios web Durable:

  1. Haz clic en Añadir sección + en la parte superior o inferior de tu página.

  2. Escriba Lista en el cuadro de búsqueda, luego seleccione Lista (a veces etiquetada como “Servicios”) de los resultados. Durable insertará elementos de ejemplo con imágenes y texto de marcador de posición.

  3. Abre el editor pasando el cursor sobre la nueva sección, haciendo clic en el menú y eligiendo Editar sección.

Contenido Tab:

Configura exactamente lo que muestra cada elemento de la lista:

  • Eslogan (opcional): Haz clic en Generar para añadir una breve introducción sobre tu lista.

  • Título: Haga clic en Regenerar o escriba su propio título (por ejemplo, “Nuestros Servicios,” “Lo Que Ofrecemos”).

  • Subtexto (opcional): Haga clic en Generar para una breve descripción debajo de su título.

  • Interruptores de visualización: Activa o desactiva la imagen, el ícono, el encabezado, el contenido y el enlace para controlar qué elementos aparecen.

  • Tipo de enlace: Elija si el encabezado o el botón de cada elemento navega como un Elemento de lista (haciendo clic en toda la tarjeta) o como un Botón.

Agregar y editar elementos

  1. Reordenar elementos arrastrando el asa ⋮⋮.

  2. Editar un artículo haciendo clic en el ícono de lápiz:

    • Imagen/Icono: Haga clic en Cambiar para subir su propia imagen o seleccionar un icono. Haga clic en Regenerar para que Durable sugiera visuales.

    • Texto alternativo: Describe cada imagen para accesibilidad y SEO.

    • Título: Introduzca un nombre conciso para el servicio o función.

    • Contenido: Agrega una breve descripción debajo del título. Haz clic en Regenerar para obtener sugerencias impulsadas por IA.

    • Enlace: Activa para añadir un botón, luego establece la Etiqueta (por ejemplo, “Aprender más”) y el Destino (página, sección, correo electrónico o teléfono).

  3. Agregar un nuevo elemento haciendo clic en Agregar un servicio + y repitiendo los pasos anteriores.

Pestaña de Estilo:

Personaliza el estilo visual de tu lista:

  • Colores: Haga clic en Cambiar para elegir de su paleta de temas o ingrese códigos hexadecimales personalizados para fondos, texto y botones.

  • Estilo de botón: Selecciona entre diseños preestablecidos para que coincidan con tu marca.

  • Imagen/video de fondo: Activa para superponer medios detrás de tu lista.

  • Tamaño del texto: Elija el tamaño de los encabezados y subtítulos (Pequeño, Mediano, Grande).

  • Alineación: Establecer la alineación del texto (izquierda, centro o derecha).

  • Estilo de lista: Elija una cuadrícula de diseño, carrusel o apilado y el espaciado entre los elementos.

  • Configuración de imagen: Controlar el ajuste de la imagen (Cubrir, Contener), relación de aspecto (por ejemplo, 1:1 cuadrado) y esquinas redondeadas.

  • Tamaño del artículo y posición del texto: Elija tarjetas Pequeñas/Medianas/Grandes y coloque el texto arriba, abajo o al lado de las imágenes.

  • Animaciones: Selecciona cómo aparecen los elementos al desplazarte (Desvanecer, Acercar, Deslizar o Ninguno).

  • Espaciado: Ajuste el relleno arriba y abajo de la sección (Pequeño, Mediano, Grande) y elija la altura mínima (Contenido o Pantalla Completa).

  • Divisor y Borde: Activa para añadir separadores o marcos entre elementos o alrededor de toda la lista.

Haz clic en Hecho, luego Publicar para compartir tu nueva sección de Servicios con los visitantes.

¿Necesitas ayuda para refinar la presentación de tus servicios?¡Nuestro equipo está aquí para usted, contáctenos en cualquier momento y estaremos encantados de ayudarle!

¿Ha quedado contestada tu pregunta?