Secciones del sitio web
Las secciones son los bloques de contenido que componen sus páginas. Cada página puede contener varias secciones organizadas en cualquier orden. El Estudio del sitio web ofrece una amplia variedad de tipos de sección organizados en cuatro categorías: Contenido, Diseño, Contenido dinámico e Interactivo.
Categorías de sección
Secciones de contenido
Bloques de contenido estático en los que usted controla el texto, las imágenes y el diseño.
| Tipo de sección | Descripción |
|---|---|
| Portada | Una sección de banner grande con imagen o color de fondo, titular, subtítulo y botones de llamada a la acción. Ideal para la parte superior de su página de inicio. |
| Contenido | Un bloque de contenido de texto enriquecido. Admite HTML para un formato flexible. |
| Galería | Una galería de imágenes mostrada en diseño de cuadrícula o mampostería. |
| Incrustar | Incruste contenido externo como videos de YouTube, videos de Vimeo o códigos de incrustación personalizados. |
| Mapa | Una incrustación de Google Maps que muestra la ubicación de su iglesia, extraída de la configuración de la dirección de su iglesia. |
| Lo que creemos | Una sección de declaración de fe con elementos de creencia expandibles, cada uno con título, descripción y referencia bíblica. |
Secciones de diseño
Elementos estructurales para espaciado visual y separación.
| Tipo de sección | Descripción |
|---|---|
| Espaciador | Agrega espaciado vertical entre secciones. Elija entre alturas pequeña, mediana o grande. |
| Separador | Una línea divisoria horizontal entre secciones. |
Secciones de contenido dinámico
Estas secciones extraen automáticamente datos en vivo de su base de datos de TimelyChurch.
| Tipo de sección | Descripción |
|---|---|
| Horarios de servicio | Muestra el horario de servicios de su iglesia. Los diseños incluyen tarjetas, lista o compacto. |
| Directorio del personal | Muestra su personal y equipo de liderazgo en diseño de cuadrícula o lista. |
| Eventos | Enumera los próximos eventos de su módulo Eventos. |
| Anuncios | Muestra anuncios recientes. |
| Grupos | Muestra grupos pequeños y ministerios activos. |
| Muro de oración | Muestra peticiones de oración públicas con recuentos de oraciones realizadas. |
| Donaciones | Una llamada a la acción para donar con encabezado, descripción y botón personalizables. |
| Testimonios | Un carrusel o cuadrícula de historias de cambio de vida y testimonios. |
| Transmisión en vivo | Incrusta una transmisión de video en vivo con visualización de horario y chat opcional. Admite YouTube, Facebook, Vimeo u otras fuentes personalizadas. |
| Último sermón | Una presentación destacada de su sermón más reciente, con información de serie y predicador. |
| Archivo de sermones | Un archivo de todos sus sermones con búsqueda y filtros. |
Secciones interactivas
Secciones que ofrecen funciones interactivas para los visitantes.
| Tipo de sección | Descripción |
|---|---|
| Formulario de contacto | Un formulario de contacto para visitantes. Puede usar el formulario predeterminado integrado o seleccionar un formulario que haya creado en el módulo Formularios. |
| Planifique su visita | Una sección de bienvenida para visitantes por primera vez con pasos personalizables (Qué esperar, Horarios de servicio, Niños y familias, Dónde estacionar). |
| Próximos pasos | Guía a los visitantes en su camino espiritual con tarjetas de pasos (Bautismo, Unirse a un grupo, Servir, Membresía). |
| Preguntas frecuentes | Una sección de preguntas frecuentes en estilo acordeón. |
| Banner de anuncio | Un banner fijo en la parte superior o inferior de la página para anuncios importantes. Admite distintos estilos (información, advertencia, éxito, alerta) y se puede descartar. |
| Widget de lanzamiento | Un botón de acción flotante con enlaces rápidos (Planifique su visita, Ver en vivo, Donar, Conectar). Aparece en la esquina de la página. |
| Temporizador de cuenta regresiva | Una cuenta regresiva hasta un evento o fecha próxima, con una llamada a la acción y un mensaje personalizable cuando termina el temporizador. |
Agregar una sección a una página
- Abra una página en el editor de páginas (Estudio del sitio web > Páginas > haga clic en una página).
- Haga clic en el botón Agregar sección.
- Aparecerá un modal que muestra todos los tipos de sección disponibles organizados por categoría.
- Haga clic en el tipo de sección que desea agregar.
- La sección se agregará al final de la página y volverá al editor de páginas.
Consejo: Las secciones siempre se agregan al final de la página. Puede reordenarlas después mediante arrastrar y soltar.
Reordenar secciones
Las secciones se pueden reordenar mediante arrastrar y soltar:
- En el editor de páginas, busque el control de arrastre (el icono de líneas horizontales) en el lado izquierdo de cada tarjeta de sección.
- Haga clic y arrastre la sección a su nueva posición.
- Suelte el botón del ratón. El nuevo orden se guarda automáticamente.
Editar una sección
- En el editor de páginas, haga clic en el icono de editar (lápiz) en la tarjeta de la sección.
- Se le llevará al editor de secciones con tres áreas principales:
Contenido
El área de contenido cambia según el tipo de sección:
- Secciones de portada tienen campos para encabezado, subtítulo, imagen de fondo (subir o URL) y texto/URL del botón principal.
- Secciones de contenido tienen un campo de encabezado y un área de contenido del cuerpo que admite HTML.
- Secciones dinámicas (Eventos, Personal, Grupos, etc.) tienen campos de encabezado y subtítulo. Los datos reales se extraen automáticamente de su base de datos.
- Secciones de donaciones tienen encabezado, subtítulo, descripción, texto del botón y una URL de donación opcional.
- Secciones de formulario de contacto le permiten elegir entre el formulario de contacto predeterminado o un formulario de su módulo Formularios.
- Secciones de preguntas frecuentes le permiten editar pares individuales de pregunta y respuesta.
- Secciones de creencias le permiten editar elementos de creencia individuales con título, descripción y referencia bíblica.
- Secciones de testimonios le permiten editar testimonios individuales con nombre y cita.
- Secciones de próximos pasos le permiten configurar tarjetas de pasos individuales con título, descripción, URL e ícono.
- Secciones de sermones tienen encabezado, subtítulo y texto/URL de llamada a la acción.
Configuración
La configuración varía según el tipo de sección, pero comúnmente incluye:
- La sección es visible — Alternar si la sección aparece en la página pública.
- Altura (Portada) — Elija entre Pequeña, Mediana, Grande o Pantalla completa.
- Alineación (Portada) — Alineación izquierda, centrada o derecha del texto.
- Número de elementos a mostrar (Eventos, Grupos, Anuncios, etc.) — Controlar cuántos elementos se muestran.
- Columnas (Personal, Grupos, Galería) — Elija 2, 3 o 4 columnas.
- Relleno — Controlar el espaciado vertical: Pequeño, Normal o Grande.
Controles de superposición de imagen de portada:
- Oscuridad de la superposición — Un control deslizante del 0 % al 100 % que controla qué tan oscura aparece la superposición sobre su imagen de fondo.
- Color de la superposición — Elija el color de la superposición (el predeterminado es negro).
- Desenfoque de fondo — Un control deslizante de 0px a 20px para desenfocar la imagen de fondo y mejorar la legibilidad del texto.
Fondo
Cada sección puede tener un fondo personalizado:
- Ninguno — Usa el fondo predeterminado de la página.
- Color sólido — Elija un color de fondo específico con el selector de color.
- Imagen — Suba una imagen o proporcione una URL. Al usar una imagen de fondo, puede configurar la oscuridad de la superposición, el color de la superposición, el desenfoque de fondo y el color del texto (claro u oscuro).
- Haga clic en Guardar cambios cuando termine.
Vista previa en vivo con selector de dispositivo
Mientras edita una sección, el lado derecho del editor muestra una vista previa en vivo de la sección renderizada dentro de un iframe. La vista previa se actualiza automáticamente a medida que cambia el contenido y la configuración.
En la parte superior de la tarjeta de vista previa encontrará un selector de dispositivo con tres botones:
- Móvil — Limita la vista previa a 375px de ancho, como un teléfono típico.
- Tableta — Limita la vista previa a 768px de ancho, como una tableta típica.
- Escritorio — Permite que la vista previa use todo el ancho disponible.
Consejo: Revise siempre sus secciones en ancho móvil. El texto de la portada, la ubicación de los botones y el número de columnas a menudo deben ajustarse para verse bien en teléfonos.
Alternar la visibilidad de una sección
Puede mostrar u ocultar rápidamente una sección sin eliminarla:
- En el editor de páginas, haga clic en el icono del ojo en la tarjeta de la sección.
- La sección alternará entre visible y oculta.
- Las secciones ocultas muestran la etiqueta «Oculta» y no aparecerán en la página pública.
Duplicar una sección
- En el editor de páginas, use la acción de duplicar en una tarjeta de sección.
- Se insertará una copia de la sección (con todo su contenido y configuración) directamente después del original.
Eliminar una sección
- En el editor de páginas, haga clic en el icono de eliminar (papelera) en la tarjeta de la sección.
- Confirme la eliminación cuando se le solicite.
Importante: Eliminar una sección la quita permanentemente junto con su contenido. Esto no se puede deshacer.
Anchos del contenedor de sección
Cada sección se puede configurar con uno de tres anchos de contenedor:
- Ancho completo — El contenido abarca todo el ancho de la página.
- Contenedor — El contenido se limita a un ancho máximo estándar (predeterminado).
- Estrecho — El contenido se limita a una columna estrecha, ideal para secciones con mucho texto.
Próximos pasos
- Personalizar el diseño — Conozca los temas, colores y fuentes
- Directorio del personal — Configure su página de personal/liderazgo