Choisir et personnaliser le thème de mon site ZenVideo OTT

ZenVideo OTT propose actuellement quelques thèmes de site, qui sont tous personnalisables. 

Sommaire de l'article

• Comment puis-je choisir ou changer le thème de mon site ?
• Personnalisez le thème de votre site

Comment puis-je choisir ou changer le thème de mon site ?

Suivez ces étapes pour sélectionner un thème pour votre site :

1. Pour pouvoir choisir un thème et le modifier, vous devez d'abord avoir un produit d'abonnement avec des vidéos créées, ainsi qu'un mode de paiement connecté.
2. Dans l'interface administrateur de ZenVideo OTT, accédez à Distribution > Platforms > Website settings. 
3. Sur la page des paramètres du site web, vous verrez le thème actuellement sélectionné. Cliquez sur Switch Theme pour être dirigé vers la page des thèmes.
4. Sélectionnez le thème qui vous convient. Une description de ce que chaque thème inclut s'affichera à côté de la vignette. Vous pouvez avoir un aperçu de ce que cela donne en cliquant sur Live preview.
5. Cliquez sur le bouton Select Theme pour le définir.
6. Vous pouvez ensuite modifier le thème sélectionné avec le bouton Modifier Thème.

Si vous choisissez un thème et que vous y apportez des modifications, puis décidez de passer à un autre thème, toutes les modifications que vous avez apportées précédemment seront perdues.

Comment personnaliser le thème de mon site ?

Pour que les modifications apportées dans l'éditeur de thème apparaissent, le produit doit être publié. De plus, chaque étape de votre liste « Démarrer » (située dans le coin supérieur droit de votre interface administrateur) doit également avoir été finalisée.

Après avoir choisi le thème de votre site, vous pouvez le personnaliser davantage en utilisant l'éditeur de thème. Accédez à Manage > Theme Editor.

Sur le côté gauche, vous trouverez un panneau vous permettant de modifier divers composants de votre site. Le reste de la fenêtre vous montre un aperçu de votre site. 

Vous pouvez cliquer sur Exit pour sortir de l'éditeur de thème à tout moment sans enregistrer vos modifications. Si vous cliquez sur Publish, toutes les modifications que vous avez apportées sur votre site seront publiées en ligne.

En dessous de ces boutons, vous trouverez l'option Preview, qui ouvrira une version provisoire de votre site incluant toutes les modifications que vous avez apportées avant sa publication. Si vous préférez ne pas conserver les modifications apportées, cliquez sur Revert pour revenir à la version précédemment publiée de votre site.

Vous trouverez ci-dessous différents paramètres pour différentes zones de votre site. Cliquez sur la flèche vers le bas à droite de chaque panneau pour l'agrandir (cliquez à nouveau pour le réduire).

La plupart des paramètres écrits (c'est-à-dire les titres et les descriptions) sont accompagnés d'un menu Add translations. Cliquez dessus et choisissez une langue afin d'ajouter une traduction pour cette option. Les utilisateurs qui sélectionnent la langue correspondante à l'aide du sélecteur de langue en bas de votre site verront ce texte à la place de l'anglais par défaut. Pour que cela fonctionne, assurez-vous d'avoir activé les traductions dans les paramètres de votre site.

Paramètres du site

Ces paramètres sont généralement ceux que les utilisateurs voient lorsqu'ils recherchent votre site sur des moteurs de recherche tels que Google.

• Titre du site - Le titre est visible sur les moteurs de recherche et en haut de la fenêtre du navigateur lorsqu'un utilisateur accède à votre site.
• Description du site - La description est visible lorsque votre site apparaît dans les résultats de recherche.
• Page Facebook - Un lien vers une page Facebook peut être inclus lorsque votre site apparaît dans les résultats de recherche.
• Nom d'utilisateur Twitter - Un lien vers le profil Twitter peut être inclus lorsque votre site apparaît dans les résultats de recherche.
• Couleur principale du site - Indiquez la couleur de votre marque à utiliser pour les boutons et les commandes du lecteur.

Options globales

• Icône de l'onglet du navigateur (carré) - C'est l'icône qui apparaît dans l'onglet du navigateur à côté du titre de votre site.
• Icône du signet (carré) - Il s'agit de l'icône qui apparaît sur les appareils mobiles si quelqu'un ajoute votre site à l'écran d'accueil de son appareil.
  • ⚠️Remarque : les formats de fichier acceptés pour les deux icônes ci-dessus sont .jpeg, .png et .gif. Les fichiers .ico ne sont pas pris en charge actuellement.
• Couleurs principales des boutons - Il s'agit de la couleur des différents boutons de votre site, tels que « Commencez un essai gratuit » ou « Commencez à regarder ».
• Couleur de fond de la barre de navigation- Cela fait référence à la couleur de la barre de navigation située en haut de votre site.
• Couleur du texte de navigation - La couleur du texte de votre barre de navigation supérieure qui renvoie vers d'autres zones de votre site (p. ex. « Parcourir », « Forums », « Rechercher ») ainsi que vers d'autres liens que vous pourriez ajouter (voir ci-dessous).
• Image du logo pour la navigation - Mettez en ligne une image de votre logo qui apparaîtra dans le coin supérieur gauche de votre site. Nous prenons en charge les fichiers PNG avec des arrière-plans transparents. Le site redimensionnera automatiquement l'image pour qu'elle s'adapte à l'espace prévu (les images horizontales sont plus adaptées). 
• Image d'arrière-plan de la navigation- À la place d'une couleur, vous pouvez mettre en ligne une image qui remplacera votre menu de navigation principal. Les fichiers JPG, PNG et GIF sont acceptés. Par défaut, cette image sera formatée de manière à remplir toute la zone de navigation. 
• Mosaïque de l'image d'arrière-plan - Si vous préférez que l'image d'arrière-plan de votre navigation se répète en mosaïque, choisissez cette option. 
• Afficher le lien pour les cadeaux - Inclut un lien pour offrir un abonnement directement sur la page d'accueil.
• Ajouter un lien de navigation - Si vous souhaitez ajouter des URL personnalisées à votre navigation principale, comme une boutique en ligne ou les pages de vos réseaux sociaux, cliquez sur + Add et saisissez le titre (qui apparaît dans la navigation) et l'URL complète pour y accéder (y compris « http:// » ou « https:// » selon le protocole utilisé par votre site). Vous pouvez en ajouter autant que vous le souhaitez, mais n'oubliez pas que l'ajout de plus de trois éléments donnera l'impression que le menu est trop encombré. 

• *NOUVEAU* Personnaliser la police de caractères - Cette option vous permet de choisir parmi une liste comprenant plus d'une centaine de polices Google populaires et de les utiliser sur votre site.

Les options de personnalisation restantes dans l'éditeur de thèmes varient selon le thème sélectionné. Les thèmes disponibles pour chaque section sont indiqués entre parenthèses. 

Bannière du site

Ici, vous pouvez créer une bannière personnalisée qui sera affichée sur toutes les pages de votre site. Les bannières vous permettent de mettre en évidence les mises à jour majeures du site, signaler les promotions pour les fêtes et les vacances et bien plus encore. 

Dans cette section, vous pouvez :

• Activer et désactiver la bannière
• Définir un texte d'en-tête et un sous-texte
• Définir une URL vers laquelle l'intégralité de la bannière redirigera l'utilisateur (optionnel)
• Sélectionnez des couleurs spécifiques pour l'arrière-plan de la bannière et les textes

💡Conseil : le style de la bannière peut être modifié à l'aide d'une feuille CSS personnalisée. Les classes pour les éléments de la bannière sont :

.custom-banner--container, .custom-banner--header, .custom-banner--subtext

Options de navigation (Bullion, Moonstone, Obsidian, Onyx, Topaz)

C'est ici que vous pouvez choisir d'afficher les catégories créées automatiquement pour vos collections de films et de séries. Vous pouvez les activer ou les désactiver ici, ainsi que dans vos paramètres généraux du site web.

⚠️Remarque : pour le thème Moonstone, le contenu de la page d'accueil est présenté dans l'onglet Contenu, où seules vos collections sont présentées.

Promotion de héros (Bullion, Obsidian, Onyx, Topaz)

Cela personnalise la partie supérieure de votre site et peut inclure des éléments tels qu'une image d'arrière-plan, un titre, une description et des tarifs.

Options de héros (Moonstone)

Semblable à la section de promotion Hero des autres thèmes, avec plus d'options pour l'arrière-plan de votre page d'accueil et moins de texte. 

⚠️Remarque : ce thème utilise la vignette de votre produit d'abonnement pour l'image principale qui apparaît sur votre page d'accueil. Pour la modifier, vous devrez modifier la vignette de votre produit.

Plus d'informations (Onyx)

Une description du contenu que vous proposez, avec un champ facultatif pour collecter les adresses e-mail.

Onglet du carrousel 1, 2, 3 (Topaz)

Les trois (3) onglets du carrousel incluent du contenu promotionnel pour votre site, comme le type de contenu proposé aux spectateurs. Tous les onglets comportent un bouton qui renvoie à votre page de paiement. L'onglet 3 du carrousel vous permet en outre d'afficher des dispositifs (p. ex. « Disponible partout »). Tous vous permettent de personnaliser le texte, l'image de fond et la superposition des couleurs.

Liste de diffusion (Obsidian, Topaz)

Choisissez d'afficher ou non une option d'inscription à une liste de diffusion et personnalisez le texte affiché.

Promotions (Obsidian)

Activez et désactivez une section promotionnelle sur votre page d'accueil. Cette section peut inclure des textes qui décrivent les offres de votre produit ainsi que les avantages de vos offres d'abonnement. Vous pouvez en ajouter autant que vous le souhaitez. 

Sections de contenu 1, 2, 3, 4, 5 (Onyx)

Ajoutez jusqu'à cinq (5) sections promotionnelles à la page d'accueil de votre site, qui peuvent inclure une image, un titre, une description ou un bouton vers une partie spécifique de votre site (p. ex. « /parcourir »). Cela créera une sous-navigation pour vos visiteurs lorsqu'ils feront défiler la page vers le bas, qui comprendra le titre court de chaque section.

Horaire (Obsidian)

Vous pouvez choisir d'afficher votre calendrier de contenu, comme les dates de sortie des nouveaux épisodes.

Aperçu du contenu (Bullion, Obsidian)

Affichez certaines de vos vidéos sur la page d'accueil de votre site. Vous pouvez alors choisir d'afficher des vignettes vidéo, des vignettes de collection ou des images et des liens personnalisés. Les vignettes de collection renverront à une page d'aperçu du contenu de la collection et le visiteur du site pourra visionner la bande-annonce correspondante, si elle est disponible. Les images personnalisées vous permettront d'ajouter manuellement un lien à associer à une image donnée. Les vignettes des vidéos ne mèneront nulle part.

Appareils (Bullion, Obsidian, Onyx)

Si vous avez des applications siglées, vous pouvez faire en sorte que vos spectateurs puissent regarder vos contenus sur n'importe quel appareil ; cette zone permet de les promouvoir avec un titre et une description personnalisé. Vous pouvez ensuite mettre en ligne des vignettes individuelles pour chaque appareil affiché (télévision, tablette, téléphone, ordinateur portable), si vous affichez cette zone. Si vous ne mettez aucune vignette en ligne, l'image d'arrière-plan principale de votre site sera utilisée par défaut. (💡Conseil : le thème Topaz inclut cela dans la section « Carousel tab 3 »)

Achat de produits (Onyx, Topaz)

Vos produits TVOD, si vous en avez, figureront automatiquement dans cette section. Personnalisez le titre et les couleurs de la section, ou choisissez de la masquer.

Pied de page (Obsidian)

Un en-tête de fermeture (p. ex. « Abonnez-vous maintenant ! ») et la ligne de la description (par exemple, « On y va ? ») en bas de votre page d'accueil.

Contact (Bullion)

Une zone supplémentaire pour inclure les informations de contact (p. ex. « Des questions ? Écrivez à [e-mail] ») avec la possibilité de personnaliser la couleur de fond de la section et d'ajouter une image.

Liens de bas de page (Bullion, Moonstone, Obsidian, Onyx, Topaz)

Ajoutez des liens personnalisés vers n'importe quel endroit du sur le web en plus des liens par défaut qui apparaissent tout en bas de la page (Forums, Aide, Conditions, Confidentialité, Cookies, Déconnexion).

⚠️Remarque : veillez à utiliser l'URL complète, y compris « http:// » ou « https:// » selon le protocole utilisé par votre site comme préfixe sur vos liens pour vous assurer qu'ils apparaissent. Si vous n'indiquez pas le protocole, le lien ne fonctionnera pas.

Styles personnalisés (Bullion, Moonstone, Obsidian, Onyx, Topaz)

Vous pouvez appliquer une feuille CSS personnalisée à votre site dans la zone de texte ici.