Vimeo OTT actualmente ofrece varios temas para el sitio, todos personalizables.
En este artículo
¿Cómo elijo o cambio el tema de mi sitio web?
Siga estos pasos para seleccionar un tema para su sitio:
- Para elegir un tema y editarlo, primero debe tener un producto de suscripción con videos creados y su pago conectado.
- En el administrador de Vimeo OTT, vaya a Distribución > Plataformas > Configuración del sitio web.
- En esta página de configuración del sitio web, usted verá el tema seleccionado actualmente. Haga clic en Cambiar tema para acceder a la página de temas.
- Seleccione el tema que le guste. Se mostrará una descripción de lo que incluye cada tema junto a la miniatura. Puede obtener una vista previa de cómo se ve haciendo clic en Vista previa en vivo.
- Haga clic en el botón Seleccionar tema para configurarlo.
- A continuación, puede editar el tema seleccionado a través del botón Editar tema.
Si elige un tema y lo edita, y luego decide cambiar a otro tema, se perderán las ediciones que haya hecho anteriormente.
¿Cómo personalizo el tema de mi sitio?
Para que los cambios realizados en el editor de temas se reflejen, el producto debe estar publicado. Además, cada elemento de su lista "Empezar" (ubicada en la esquina superior derecha de su administrador) también debe estar completo.
Después de elegir el tema de su sitio, puede personalizarlo aún más utilizando el editor de temas. Vaya a Administrar > Editor de temas.
Del lado izquierdo hay un panel donde puede editar varios componentes de su sitio, mientras que el resto de la ventana es una vista previa.
Puede hacer clic en Salir para salir del editor de temas en cualquier momento sin guardar sus cambios. Al hacer clic en Publicar, se aplicarán los cambios que haya realizado a su sitio activo.
Debajo de estas opciones está la Vista previa, que abrirá una versión en borrador de su sitio con cualquier cambio que haya realizado antes de la publicación. Si ha realizado cambios que no le gustan, haga clic en Revertir, y su sitio volverá a la versión publicada anteriormente.
A continuación, se muestran varias configuraciones para diferentes áreas de su sitio. Haga clic en la flecha hacia abajo situada a la derecha de cada una para expandir el panel respectivo (haga clic de nuevo para contraerlo).
Muchas de las configuraciones escritas (como títulos y descripciones) tendrán el menú Agregar traducciones debajo de ellas. Haga clic en él y elija un idioma para agregar una traducción para esa opción. Cualquier usuario que seleccione el idioma correspondiente utilizando el selector de idioma en la parte inferior de su sitio verá ese texto en lugar del inglés predeterminado. Asegúrese de haber habilitado las traducciones en la configuración de su sitio para que esto funcione.
Configuración del sitio
Estas configuraciones son generalmente lo que las personas ven cuando buscan su sitio en motores de búsqueda como Google.
- Título del sitio: el título se ve en los motores de búsqueda y en la parte superior de la ventana del navegador cuando alguien visita su sitio.
- Descripción del sitio: la descripción se ve cuando su sitio aparece en los resultados de búsqueda.
- Página de Facebook: se puede incluir un enlace a la página de Facebook cuando su sitio aparece en los resultados de búsqueda.
- Nombre de usuario de Twitter: se puede incluir un enlace al perfil de Twitter cuando su sitio aparece en los resultados de búsqueda.
- Color principal del sitio: especifique el color de su marca para usar en los botones y controles del reproductor.
Opciones globales
- Icono de la pestaña del navegador (cuadrado): este es el icono que aparece en la pestaña del navegador junto al título de su sitio.
-
Icono de marcador (cuadrado): este es el icono que aparece en la pantalla de inicio del dispositivo móvil si alguien agrega su sitio a favoritos.
- ⚠️ Nota: Los formatos de archivo aceptados para ambos iconos mencionados son .jpeg, .png., y .gif; los archivos .ico no son admitidos actualmente.
- Colores principales de los botones: este es el color que tendrán los distintos botones de su sitio, como "Comenzar su prueba gratuita" o "Empezar a ver".
- Color de fondo de la barra de navegación: esto se refiere al color de la barra de navegación que se extiende por la parte superior de su sitio.
- Color del texto de navegación: el color del texto dentro de la barra de navegación superior que enlaza a otras áreas de su sitio (por ejemplo, "Explorar", "Foros", "Buscar"), así como a otros enlaces que usted agregue (explicado a continuación).
- Imagen del logotipo de navegación: suba una imagen de su logotipo para que aparezca en la esquina superior izquierda de su sitio. Admitimos archivos PNG con fondos transparentes. El sitio cambiará automáticamente el tamaño de la imagen para que se ajuste al espacio proporcionado; las imágenes horizontales funcionan mejor.
- Imagen de fondo de navegación: en lugar de un color, puede subir una imagen para que reemplace al menú de navegación principal. Se aceptan archivos JPG, PNG y GIF. Por defecto, formatearemos esta imagen para que llene toda el área de navegación.
- Imagen de fondo en mosaico: si prefiere que la imagen de fondo de la navegación se repita en mosaico, elija esta opción.
- Mostrar enlace de regalo: incluye un enlace para regalar una suscripción directamente en la página de inicio.
- Agregar enlace de navegación: si desea agregar URL personalizadas a su navegación superior, como una tienda en línea o sus páginas de redes sociales, haga clic en + Agregar e ingrese el título (que aparece en la navegación) y la URL completa para vincularla (incluyendo "http://" o "https://", según el protocolo que use su sitio). Puede agregar tantos como desee, pero tenga en cuenta que agregar más de tres elementos comenzará a hacer que el menú parezca desordenado.
-
*NUEVO* Personalizar fuente: le permite seleccionar de una lista de más de 100 de las fuentes de Google más populares para aplicarlas en su sitio.
Las opciones restantes de personalización en el editor de temas variarán según el tema que usted seleccione. Los temas en los que cada sección está disponible se especifican entre paréntesis.
Banner del sitio
Aquí es donde podrá crear un banner personalizado que se mostrará en todas las páginas de su sitio. Puede utilizar esto para resaltar las principales actualizaciones del sitio, señalar las promociones navideñas, etc.
En esta sección usted puede:
- Activar o desactivar el banner
- Establecer un texto de encabezado y un subtexto
- Opcionalmente, establecer una URL a la que se vinculará todo el banner
- Seleccione colores específicos tanto para el fondo del banner como para los textos
💡Consejo: Puede agregarle más opciones de estilo al banner utilizando CSS personalizado. Las clases para los elementos del banner son estas:
.custom-banner--container, .custom-banner--header, .custom-banner--subtext
Opciones de exploración (Bullion, Moonstone, Obsidian, Onyx, Topaz)
Aquí es donde puede elegir mostrar las categorías creadas automáticamente para sus colecciones de películas y series. Puede activarlas y desactivarlas aquí o en la configuración general del sitio web.
⚠️Nota: Para el tema Moonstone, el contenido de la página de inicio se presenta en la pestaña Contenido, donde solo se presentan sus colecciones.
Promoción de héroes (Bullion, Obsidian, Onyx, Topaz)
Esto personalizará la parte superior de su sitio y puede incluir recursos como una imagen de fondo, un título, una descripción y precios.
Opciones de héroe (Moonstone)
Similar a la promoción del elemento principal en otros temas, con más opciones para el fondo de su página de inicio y menos texto.
⚠️Nota: Este tema utiliza la miniatura de su producto de suscripción como la imagen principal que aparece en su página de inicio. Para cambiar esto, necesitará cambiar la miniatura de su producto.
Más información (Onyx)
Una descripción del contenido que usted ofrece, con un campo opcional de captura de correos electrónicos.
Pestaña del carrusel 1, 2, 3 (Topaz)
Las tres (3) pestañas del carrusel incluyen contenido promocional para su sitio, como el tipo de contenido que verán los espectadores. Todas las pestañas incluirán un botón que enlaza a su página de pago; la pestaña 3 del carrusel también le dará la opción de mostrar dispositivos (por ejemplo, "Véalo en cualquier lugar"). Todas le permiten personalizar el texto, la imagen de fondo y la superposición de color.
Lista de distribución (Obsidian, Topaz)
Elíjala si desea mostrar una opción de suscripción a la lista de correo y personalizar el texto que se muestra.
Promociones (Obsidian)
Active y desactive una sección promocional de su página de inicio. Esto puede incluir comentarios sobre lo que ofrece su producto y por qué la gente debería suscribirse. Puede agregar tantas como desee.
Secciones de contenido 1, 2, 3, 4, 5 (Onyx)
Agregue hasta cinco (5) secciones promocionales a la página de inicio de su sitio, que pueden incluir una imagen, un título, una descripción o un botón a una parte específica de su sitio (por ejemplo, "/buscar"). Esto creará una subnavegación para sus visitantes a medida que se desplazan hacia abajo, que incluirá el título abreviado de cada sección.
Calendario (Obsidian)
Puede elegir mostrar su calendario de contenido, como cuándo se lanzarán nuevos episodios.
Vista previa del contenido (Bullion, Obsidian)
Muestre algunos de sus videos en la página de inicio de su sitio. A continuación, puede elegir mostrar miniaturas de videos, miniaturas de colecciones o imágenes y enlaces personalizados. Las miniaturas de las colecciones enlazarán a una página de vista previa del contenido de la colección, y el visitante del sitio podrá ver el tráiler correspondiente, si está disponible. Las imágenes personalizadas le permitirán agregar manualmente un enlace para asociarlo con una imagen determinada. Las miniaturas de video no enlazarán a ninguna parte.
Dispositivos (Bullion, Obsidian, Onyx)
Si tiene aplicaciones de marca blanca, puede promocionar que sus espectadores pueden verlas desde cualquier dispositivo; esta área ayuda a promocionar eso con un título y una descripción personalizados. A continuación, puede subir miniaturas individuales para cada dispositivo mostrado (TV, tableta, teléfono, portátil) si va a mostrar esta área. Si no sube ninguna miniatura, será la imagen de fondo principal de su sitio de forma predeterminada. (💡Consejo: El tema Topaz incluye esto dentro de la sección "Pestaña de carrusel 3").
Compre productos (Onyx, Topaz)
Sus productos TVOD, si los tiene, estarán automáticamente en esta sección. Personalice el título y los colores de la sección o elija ocultarla.
Pie de página (Obsidian)
Una oración de cierre (por ejemplo, "¡Suscríbase ahora!") y la línea descriptiva (por ejemplo, "¿Listo para comenzar?") en la parte inferior de su página de inicio.
Contacto (Bullion)
Un área adicional para incluir la información de contacto (por ejemplo, "¿Tiene preguntas? Póngase en contacto con support@vhx.tv") con la opción de personalizar el color de fondo de la sección y añadir una imagen.
Enlaces al pie de página (Bullion, Moonstone, Obsidian, Onyx, Topaz)
Agregue enlaces personalizados a cualquier parte de la web, además de los enlaces predeterminados que aparecen en la parte inferior de la página (Foros, Ayuda, Términos, Privacidad, Cookies, Cerrar sesión).
⚠️Nota: Asegúrese de utilizar la URL completa, incluyendo "http://" o "https://", según el protocolo que utilice su sitio, como prefijos en sus enlaces para garantizar que aparezcan. Si no incluye el protocolo, el enlace no funcionará.
Estilos personalizados (Bullion, Moonstone, Obsidian, Onyx, Topaz)
Aquí puede aplicar CSS personalizado a su sitio en el cuadro de texto.