Como crear tu website / Personalizar academia en Sabionet

La funcionalidad de website te permite crear la pagina web de tu academia en sabionet, con esta funcionalidad puedes colocar toda la identidad visual, información y logos para que tus usuarios o tus posibles clientes se informen.

 

Paso 1: Ir a la opción de website

 

Paso 2: Configurar el color general

 

El color general es el color que tendrán algunos elementos de nuestro site, como las flechas y elementos que indican la selección de algunos elementos, te recomendamos colocar el color primario de tu marca en esta alternativa.

 

 

Nota: Debes tener en cuenta que una vez selecciones este color, esté también se actualizará por default en las landings pages de tus cursos para elementos de texto como descripción, contenido e instructor, incluso el elemento de play del trailer. Por lo tanto te recomendamos que el tono no sea blanco u alguno que sea igual al color de fondo de tu página. 

Paso 3: Configurar el header ( Cabecera )

 

La cabecera es el menú de tu pagina web, este elemento siempre estará presente en la parte externa de tu plataforma, hay dos tipos de logo que tendrás que subir:

• Logo: Este es el logo que aparecerá cuando se esté tu pagina en la posición inicial, sin ningún desplazamiento para abajo.
• Logo sticker: El logo sticker es el logo que aparece cuando cualquier usuario desplaza en tu pagina web hacia abajo.

Recomendaciones: Las medidas óptimas del logo son de 150px   x   50 px

 

• El tamaño del logo te permite ajustar el tamaño de tu logo, recuerda que este está ubicado en la parte superior izquierda, si quieres ver como va quedando tu website te recomendamos utilizar el botón de vista completa ubicado en la parte inferior derecha.
• La alternativa de color te permitirá , colocar un color de fondo para toda la cabecera de tu website, si ves por conveniente puedes utilizar la alternativa de Header transparente para que el color sea transparente y solo se vean las letras de tu website.
• Links , esta funcionalidad te permite agregar opciones al menú de la cabecera de tu website, te recomendamos colocar nombres cortos para que la interfaz sea amigable para tus usuarios.

Paso 4: Configurar el body ( Cuerpo de website )

 

El body es la sección principal de tu website, en esta sección podrás colocar toda la información que quieras presentar a tus clientes y potenciales clientes.

Hay que destacar que el body se compone de Bloques, que puedes agregar y posicionar según veas por conveniente, a continuación explicamos los principales bloques que existen .

 

• Banner: El banner te permite colocar imágenes, botones y textos, que podrán verse en tamaño completo en la pagina web, 
  
  
  

 

Para agregar un banner solo debes de seleccionar en el desplegable y darle click al botón de +

 

Recomendaciones: El tamaño óptimo de la imagen del banner es de 1900 px    x   1200 px, recomendamos utilizar imágenes que no pierdan el sentido cuando se recortan para que la experiencia en móviles sea óptima, a continuación presentamos las principales páginas para encontrar imágenes profesionales gratuitas.

• Freepik
• Pixabay

 

• Carrusel: El carrusel es una funcionalidad que te presentar información en forma de cards que pueden desplazarse de manera manual o automática .
  El carrusel es ideal para presentar las características de tu escuela, testimonios, ventajas.
  
  
  

 

Para agregar un carrusel solo debes de ir a la lista seleccionar banner y darle click al +

 

 

Una vez dentro deberás de configurar cada una de las cards, así como el título del carrusel y un subtitulo.

 

• Texto y medios: La alternativa de texto y medios te permite colocar texto , con imágenes, videos y botones, esto es muy útil para presentar información relevante a tu academia, tu trayectoria qué te hace diferente.

Recomendaciones: La imagen que utilices debe de tener la altura que tu texto vaya a tener, guardar la proporción entre el alto del párrafo del texto y la imagen le dará a tu academia una buena presentación, así también utilizar imágenes PNG con fondo transparente hará que tu academia se vea muy bien ;) 

Tener en cuenta que el nombre de la imagen debe estar en solo letras y números, sin símbolos u otros porque así tendrás inconveniente para subir la al curso. 

 

Para agregar textos y medios debes de darle click en la lista en texto y medios y luego en el +

 

Hay que destacar que en texto y medios puedes configurar si la imagen o el video irán a la izquierda derecha, arriba o abajo, en el caso de configurar arriba o abajo la imagen se mostrará más grande .

 

Puedes configurar la disposición de la imagen si le das clic al lápiz en el bloque de texto y medios.

Para configurar la posición deberás de ir a la lista de posición.

• Lista de cursos: La lista de cursos sirve para colocar tus cursos en la pagina principal , esto le dará una exposición elevada y mejora tus ventas, en el caso de colocar muchos cursos, estos se mostraran como un carrusel.

 

Para poder configurar el carrusel debes de darle seleccionar el carrusel y darle click en +

 

Lo siguiente que debes de hacer es seleccionar los cursos que quieres que aparezcan, automáticamente te aparecerá una lista con todos los cursos que creaste.

Así también podrás definir el título de este bloque en Header y el subtitulo en Sub Header.

 

 

Paso 5: Configurar el footer

 

Para configurar el footer debes de ir a footer, en esta sección podrás configurar el nombre de tu academia y agregar tus redes sociales como Facebook, Youtube, Instagram, Linkedin.

  

 

Esperamos que este artículo te haya sido útil.