Configurar el Hero y las imágenes del website

Las imágenes del Hero y Welcome crean la primera impresión visual del website. BlessChurch permite reemplazar las imágenes predeterminadas con fotografías que representen a tu congregación.

Conoce las áreas de imágenes

• Imagen del Hero: La imagen grande de portada al comienzo del Home.
• Imagen de Welcome: La imagen que aparece junto a la sección de bienvenida.
• Imágenes de eventos: Se asignan individualmente desde Events.
• Logo de la iglesia: Se administra desde Church Settings y aparece en el header y footer.

1. Abre los ajustes del Home

1. Inicia sesión en BlessChurch.
2. Abre Website.
3. Abre los ajustes de Home.
4. Busca los controles de las imágenes Hero y Welcome.

2. Selecciona la imagen del Hero

1. Selecciona la opción para elegir o subir la imagen del Hero.
2. Escoge una imagen de la biblioteca o sube una nueva.
3. Confirma la selección.
4. Guarda los ajustes del Website.

Imagen recomendada para el Hero

• Utiliza una fotografía horizontal y ancha.
• Tamaño inicial recomendado: 1920 × 1080 píxeles.
• Mantén el sujeto principal alejado de los extremos.
• Utiliza una imagen con espacio oscuro o limpio para el título.
• No coloques texto esencial dentro de la fotografía.

3. Selecciona la imagen de Welcome

1. Busca los ajustes de la sección Welcome.
2. Selecciona o sube su imagen.
3. Escoge una fotografía que complemente el Hero en lugar de repetirla.
4. Guarda y revisa el Home.

Imagen recomendada para Welcome

Una imagen horizontal o ligeramente cuadrada normalmente funciona bien. Puedes utilizar una fotografía de la congregación, adoración, voluntarios, familias o actividades comunitarias.

4. Escribe un buen título para el Hero

Mantén el mensaje principal corto, acogedor y fácil de entender.

Los mejores títulos suelen comunicar pertenencia, fe, comunidad o la misión de la iglesia.

No coloques toda la historia o declaración de misión dentro del Hero.

5. Añade el texto de apoyo

Utiliza una sola oración corta debajo del título. Puede ser la misión, visión o una invitación sencilla.

Debe ser fácil de leer desde un teléfono.

6. Revisa los botones

El Hero puede dirigir al visitante hacia acciones importantes:

• Plan Your Visit
• Watch Online
• View Events
• Conocer la iglesia

Confirma que cada botón activado tenga un destino válido.

7. Optimiza las imágenes

• Utiliza JPG o WebP para la mayoría de las fotografías.
• Utiliza PNG cuando necesites transparencia.
• Utiliza SVG solamente para vectores confiables, como el logo oficial.
• Comprime las imágenes grandes antes de subirlas.
• No subas directamente fotografías con el tamaño original completo de la cámara.

8. Comprueba el recorte

Las imágenes responsivas se recortan de forma diferente según la pantalla. Revisa el Hero y Welcome desde:

• Una pantalla grande
• Una computadora portátil
• Una tableta
• Un teléfono

Si desaparece una persona o elemento importante, utiliza una fotografía con más espacio alrededor del sujeto o ajusta el recorte original.

9. Reemplaza o elimina una imagen

Regresa a los mismos ajustes, selecciona otra imagen o utiliza la opción para eliminarla y guarda los cambios.

Si continúa apareciendo la imagen anterior, actualiza la página y limpia cualquier caché activa.

Accesibilidad

No dependas solamente de una imagen para comunicar información esencial. Las fechas, ubicaciones y llamadas a la acción también deben aparecer como texto legible.

Consejo útil

Las fotografías auténticas de la comunidad normalmente generan más confianza que las imágenes genéricas. Obtén los permisos apropiados antes de publicar fotografías reconocibles de personas, especialmente menores.