Comment utiliser l'éditeur de mini-sites

Gilles Van Eylen -

Qualifio vous permet à présent de créer et gérer l'apparence de vos minisites entièrement depuis le manager:


Créez votre canal minisite et rendez-vous dans l'étape Apparence, sélectionnez l'un des templates proposés et cliquez sur "Editer le mini-site"

step0001.gif

 

Etape 1 : le fond de votre mini-site
Etape 1.1 : le fond image (statique)

Vous avez la possibilité de choisir une image de fond ainsi que de préciser la manière dont sera affiché votre fond [Centré - Adapté - Rempli - Mosaïque].

Centré: Votre image est affichée telle quelle, centrée derrière votre campagne.
Adapté: Votre image occupera le maximum de hauteur mais sera affichée dans son intégralité (non rognée) quoi qu'il arrive : sur certaines résolutions d'écran, votre image de fond n'occupera donc pas toute la largeur, laissant apparaitre la couleur de fond que vous aurez précisé sur les bords.
Rempli: Votre image de fond recouvrira 100% du fond du minisite (tant en hauteur qu'en largeur) et sera rognée si nécessaire.
Mosaïque: Votre image de fond est affichée dans sa taille d'origine et sera répliquée afin de recouvrir tout le fond.

Vous pouvez également définir un "motif" qui viendra s'afficher par dessus votre image de fond. Notez que le visuel utilisé comme motif sera automatiquement dupliqué pour recouvrir toute la zone.

background-positions-fr.jpg

step008-background.gif


Etape 1.2 : le fond vidéo

Vous avez aussi la possibilité d'opter pour un fond vidéo, très à la mode dans le web : 
Voici un petit exemple du rendu

Vous pouvez soit préciser une url youtube soit charger votre propre vidéo.

Un couteau à double tranchant :
il est important de respecter quelques bonnes pratiques web afin de ne pas faire fuir vos participants !

  • Le son : Le son est quelque chose d'extrêmement intrusif. Un son ne doit jamais être lancé automatiquement dans un site web, l'utilisateur doit avoir la possibilité de le lancer lui-même et surtout de le couper ! Les sites avec un fond sonore qui se lance automatiquement n'existent plus depuis le début des années 2000 et pour une bonne raison : c'est désagréable.
    Le but du fond vidéo est ici d'illustrer subtilement votre campagne, de donner un peu de mouvement, il ne faut pas que cet élément visuel fort soit en plus pollué par un son, au risque de faire fuir vos participants.
    C'est pourquoi, si vous optez pour une vidéo Youtube, le son de cette dernière sera automatiquement coupé (et le lecteur youtube complètement masqué). Dans le cas d'une vidéo que vous chargez vous-même, il est capital de vous assurez que vos fichiers vidéos soient muets !

  • La vidéo : optez pour une vidéo lente, calme, reposante. Evitez toute vidéo trop animée ou brusque, cela attirera trop le regard du participant, à nouveau : c'est désagréable pour le participant et surtout votre vidéo volera la vedette au contenu de votre campagne !

  • Si vous chargez votre propre vidéo : Pensez à la compatibilité entre les navigateurs, c'est pourquoi il est important de charger un format .mp4 (au minimum), si possible un format .webm pour les navigateurs les plus récents et surtout une image fixe (.png ou .jpg) de votre vidéo qui remplacera votre vidéo sur les mobiles (il s'agit d'une limitation volontaire des navigateurs mobiles qui retirent les fonds vidéo pour épargner les data des utilisateurs)
    Si vous n'avez pas de format .webm de votre vidéo : voici un convertisseur en ligne gratuit

  • Le poids de votre vidéo : Pensez aux participants qui n'ont pas de connexion ultra-rapides. Votre vidéo doit être aussi légère que possible et charger rapidement : optez pour une vidéo courte de quelques secondes et suffisamment compressée.
    Idéalement votre fichier vidéo ne doit pas dépasser 1mo, 2mo grand maximum.
    Compresseur en ligne gratuit de vidéos : www.clipchamp.com

 

video-background.jpeg



Etape 2 : le bandeau et la navigation du minisite

Ajoutez facilement un logo, cliquable si vous le désirez, définissez sa taille, sa position dans le bandeau. Différentes options vous permettent également de styliser le bandeau à votre guise, hauteur, largeur, couleur.

Vous avez aussi la possibilité d'ajouter une navigation au bandeau en précisant l'intitulé et l'url de vos boutons ainsi que des options pour changer l'apparence de ces derniers.

step009-banner.gif

 

Etape 3 : la zone dédiée à la campagne

Modifier la largeur de la zone, sa position (centrée ou alignée sur la gauche/droite) ainsi que les marges

step010-campaignzone.gif


Etape 4 : le footer

Ajoutez du contenu juste sous votre campagne. Un éditeur est mis à votre disposition pour styliser ce contenu à votre guise, ajouter des caractères spéciaux facilement comme un copyright, y ajouter un lien, des images...

step011-footer.gif

 

Etape 5 : les metadonnées de votre page

Précisez ici la favicon qui personnalisera l'onglet du minisite dans le navigateur ainsi que les différentes informations importantes lorsqu'une personne partagera votre minisite (telles que l'image de partage, le titre et la description.)

step12-meta.jpeg


Sauvegardez l'apparence de votre minisite en un template et liez-le automatiquement à un site

template.gif


Au dela de la création de minisites dans le manager de Qualifio, nous vous permettons également d'utiliser votre propre fichier source pour styliser votre canal mini-site:

Lors de la création d'un canal mini-site, dans l'étape Apparence, assurez-vous d'avoir sélectionné dans les templates du minisite : "Minisite défini dans la gestion des sites" (Notez que ce minisite ne sera pas personnalisable dans Qualifio)

step000.jpg

Rendez-vous ensuite dans les paramètres puis dans Gestion des sites

step000a.jpg

 

Editez le site lié à votre canal minisite (dans l'étape 1 de votre canal minisite) en cliquant sur la
première icône.

step000b.jpg

Dans l'onglet Minisite, précisez l'url qui mène à votre fichier source et précisé également la
variable utilisée dans votre fichier source.

step000c.jpg

 

Aller plus loin dans la gestion des mini-sites :

Comment créer une URL personnalisée pour mon minisite? 

Comment lier un sous-domaine à mon site dans Qualifio?

Comment créer mon propre fichier minisite, sans passer par l'éditeur

Réalisé par Zendesk