Configurar la página de inicio de tu sito web

La página de inicio (o home) de los sitio web creados con Mybooking Theme está construida con una plantilla de página que contiene una serie de áreas y funcionalidades para ayudarte a añadir contenido.

  1. Estructura de la página de inicio
  2. Asignar la plantilla de página
  3. Ajustar la cabecera del sitio
  4. Editar y añadir contenido
  5. Gestionar las noticias en la portada

Estructura de la página de inicio

Mybooking Theme, el tema de WordPress que usamos para los sitios web de MybookingCloud, usa la plantilla de página Mybooking Home para construir la página de inicio.

Esta plantilla está dividida en tres áreas:

  • La cabecera, donde aparece el buscador, la imagen de fondo y el encabezado del sitio
  • El contenido, que es donde se inserta el contenido que añadimos al editar la página
  • Las noticias, que muestra las tres últimas publicaciones del blog

Es importante notar que el menú de navegación y el footer son elementos independientes porque se muestran en todas las páginas del sitio web.


Asignar la plantilla de página de inicio

Para poder añadir el widget del selector de fechas y que este se muestre en la portada es imprescindible asignar la plantilla Mybooking Home a la página de inicio.

Para asignar la plantilla Mybooking Home entra en Páginas > Todas las páginas:

  1. Localiza la página de inicio
  2. Haz clic en el título para editarla
  3. En la barra lateral derecha localiza la sección Plantilla
  4. Haz clic y selecciona Mybooking Home en el desplegable

Los sitios web creados en MybookingCloud tienen la página de inicio configurada


Ajustar la cabecera del sitio

La cabecera es lo primero que verán tus visitantes al llegar a tu web por eso es importante darle un aspecto diferenciado para que sea reconocible y se diferencie de la competencia.

Para darle un aspecto único puedes hacer lo siguiente:

  1. Poner una imagen de portada única y reconocible, o incluso un carrusel o un vídeo
  2. Dejar solo el color de fondo para la cabecera
  3. Escribir un encabezado que resuma tu servicio de manera inequívoca
  4. Cambiar la disposición de los elementos de la cabecera
  5. Utilizar el selector tipo wizard
  6. Hacer la navegación transparente y que se superponga a la cabecera
  7. Usar Elementor para posicionar el selector

Combinando esos parámetros puedes conseguir resultados tan variados como los de estos ejemplos:

Cabecera con la navegación transparente
Cabecera con el selector de tipo wizard
Cabecera con la navegación diferenciada
Cabecera configurada a una columna

Cabecera usando Elementor para posicionar el selector

Editar y añadir contenido

El área de contenido es el lugar donde tus visitantes encontrarán la descripción de tus servicios y productos por lo que es importante que la información sea clara y concisa.

Para tener pleno control sobre el diseño usamos el editor visual Elementor para el área de contenido de la página de inicio.

Para poder editar la página con Elementor haz lo siguiente:

  1. Desde tu escritorio ves a Páginas > Todas las páginas
  2. Situa el cursor sobre el titulo de la página y haz clic en el enlace Editar con Elementor
  3. Haz clic encima de un elemento para editarlo

Alternativamente, puedes hacer clic en el titulo desde el listado de páginas y en el editor de WordPres clicar sobre el botón [Editar con elementor]

Algunas cosas que puedes hacer con este editor visual para presentar tus servicios y productos:

  • Añade el catálogo de productos con un shortcode
  • Destaca algún producto o servicio
  • Añade un carrusel de ofertas
  • Crea una sección de preguntas frecuentes
  • Muestra artículos de tu blog relacionados con tu negocio

Utiliza el contenido bajo la cabecera para hacer un resumen de los puntos más importantes de tu negocio y usa botónes con enlaces internos a otras páginas de tu web para llevar a tus visitantes a la infomación ampliada de tus productos o servicios.

Es importante no saturar de información la portada pero al mismo tiempo evitar que quede pobre o con poco contenido. Equilibra el uso de textos y de imágenes para darle dinamismo y crear un diseño visualmente agradable.


Gestionar las noticias en la portada

La plantilla Mybooking Home está preparada para mostrar en la página de inicio las tres últimas publicaciones del blog. Cuando no existe ninguna entrada la sección no se muestra pero en el momento de publicar la primera esta aparecerá justo encima del footer.

En este momento no existe un control para no mostrar las noticias publicadas en la plantilla Mybooking Home pero puedes ocultarlas añadiendo en un pequeño fragmento de código

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us