Guía: Inicio Contenido
La página principal es la primera página que los clientes aterrizan al visitar el sitio web de KFC. Se establece el tono para toda la experiencia — así que mantenerlo visualmente actualizado y localmente relevante es clave.
Donde lo ves en el frente
La página principal en dos áreas principales:
Hero Banner — la bandera de ancho completo en la parte superior de la página. Esta es la propiedad más destacada del sitio y se utiliza típicamente para lanzamientos de campaña, promociones estacionales o focos de producto. El banner es local-specific, por lo que cada mercado puede mostrar una imagen diferente.
Página de inicio Título — el título mostrado en la página de inicio, también editable por local. Esto se utiliza a menudo para saludar a los clientes con copia específica del mercado.
Los banners de la página de inicio deben tener ** mensajes simplificados** — guardar la construcción de acuerdo completo para la página de ofertas. Centrarse en 1–2 elementos básicos, limitar el texto en imagen y asegurar que el héroe no distraiga del objetivo clave de la página principal: localización.
La imagen de banner se sube en una sola resolución de 3840×606px (PNG). Dentro de eso, una relación centro 2:1 define la "zona segura":
- Derecho lado — recomendado para el texto de marketing
- El lado izquierdo — cubierto por el widget de localización en puntos de ruptura medianos y grandes
- ** Gran área desangrado**: cultivos o se extiende dependiendo del ancho de la pantalla; utilizar sólo para apoyar imágenes
Qué Configurar en Contentful
Actualización del título de la página principal
- In Contentful, search for the Home page Tipo de contenido
- Abra la entrada de la página principal
- Localizar el campo Título - Inglés y actualizar la copia
- Los cambios se reflejan en la vista previa al instante — doble comprobación antes de publicar
Actualizando el Hero Banner
- Abra la entrada de la página principal y baje hasta ** Imágenes de fondo**
- Haga clic en la entrada Hero para el local que desea actualizar - esto abre una nueva ventana de edición
- Verás 5 ranuras de tamaño de imagen: Extra pequeño, pequeño, mediano, grande, extra grande
- Haga clic en la imagen o en el botón de configuración para editar
** Reemplazar el activo actual (recomendado):**
- Haga clic en la sección de imagen para abrir el editor Header Banner Asset
- Haga clic en Open File Selector para subir un nuevo archivo
- Soportes Contentful JPEG, PNG, WebP y más
- Cargue o arrastre en su imagen
- Haga clic en Cambios duplicados para que viva
Repita este proceso para cada local que necesita una bandera diferente.
Casos de uso
Seasonal campaign launch — Sube una nueva bandera de héroe cuando comienza una promoción importante (por ejemplo, un nuevo lanzamiento de productos o una campaña de vacaciones). Utilice la aplicación Lanzamiento para programarla para ir a vivir a medianoche sin necesitar a nadie en línea en ese momento.
** Localización de mercados** — Cada local obtiene su propio título y banner, por lo que un mercado australiano puede mostrar una promoción de verano mientras que un mercado del Reino Unido muestra un invierno — simultáneamente.
A/B banner testing — Swap banners between local to test messaging approaches without a deployment.
Contenido fresco — Rotación regular del héroe de la página principal mejora el compromiso del cliente y asegura que el sitio no se siente estancado entre las principales campañas.