Description

Le formulaire est une étape déterminante dans le parcours d'une campagne de jeu. Avec la nouvelle interface, nous avons fait évoluer le module formulaire. Plus de personnalisation, une interface mieux organisée et un meilleur contrôle de la donnée, vont donner une nouvelle dimension à vos dispositifs de Jeu marketing et vous permettre de gagner en agilité, en performance et en qualité.

Pour vous aider dans la réalisation de votre Formulaire, vous trouverez dans le lien ci-dessous les templates PSD :

Télécharger les templates

Pour en savoir plus sur la configuration graphique d'un Formulaire, téléchargez le guide graphique ci-dessous :

Télécharger le guide graphique

Installation du fond d'écran

Image de fond : importez votre fond d'écran Desktop en cliquant sur l'icône "+". Pour connaitre les spécifications graphiques des fonds, veuillez vous référer à l'article Réaliser le graphisme de vos jeux.

Couleur de fond : vous avez aussi la possibilité d'ajouter une couleur de fond unie qui entourera votre page - vous pouvez laisser la couleur de base ou choisir d'uniformiser votre campagne, avec une couleur qui rappelle votre marque ou vos pages de jeu par exemple.

Paramètres du formulaire

Authentification des utilisateurs via email : son activation permet de limiter l'inscription de chaque participant à 1 seul email, qui sera automatiquement reconnu si le participant retourne sur la campagne pour rejouer. Attention, la plupart des jeux demande une authentification par email pour fonctionner (comme les Instants Gagnants par exemple), nous recommandons donc de laisser activer ce paramètre.

Pré-remplissage automatique des champs : si vous avez opté pour un connecteur SSO sur votre campagne, vous pouvez activer cette option pour que les informations récoltées à propos de votre utilisateur soient automatiquement intégrées à votre formulaire dans les champs correspondants. L'utilisateur devra donc seulement cocher la case d'acceptation du règlement et valider le formulaire pour pouvoir accéder au jeu. À savoir : ce paramètre peut aussi servir à pré-remplir votre/vos champ(s) avec des données que vous choisissez. Consultez l'article dédié pour plus d'informations.

Page de redirection : vous devez préciser vers quelle page redirigera le formulaire une fois que l'utilisateur aura appuyé sur le bouton "Valider" ou "Valider avec Opt-in".

Ajouter un bouton "Valider" avec Opt-in

Cliquez sur le champ "Newsletter" préalablement installé sur le formulaire pour accéder à sa configuration.

Vous découvrirez une option "Type de champ", dans laquelle il faudra sélectionner "Bouton avec Optin". Vous pourrez ensuite l'optimiser en important un visuel via "Remplacer par une image".

Les options avancées de l'Opt-in (accessibles via un clic sur ce champ) vous offre le choix de faire valider l'opt-in par le participant grâce à l'envoi d'un email, que vous pourrez créer si vous possédez notre offre Emailing.

Contenu du formulaire

Choisir un template: vous disposez de 4 templates de formulaire afin de bien commencer votre configuration. Les options de personnalisation étant nombreuses, il est aussi conseillé de créer vos propres templates de formulaire pour gagner du temps sur vos prochaines campagnes. Pour créer un template, cliquez sur "Ajouter un template" dans cette section et nommez-la. Cela sauvegardera vos paramètres actuels.

Sélection des champs : tous les champs sont groupés en fonction du type de donnée récoltée. Pour ajouter un champ, cliquez simplement sur celui que vous souhaitez. Il viendra automatiquement se placer en bas des champs déjà configurés. Vous pourrez ensuite le déplacer n'importe où sur la page. Les raccourcis de l'éditeur vous aideront pour la mise en page de vos champs.

Vous pouvez aussi ajouter un champ personnalisé pour répondre à un besoin précis. Il n'y a pas de limites au nombre de champs que vous pouvez créer.

Chaque champ possède des options avancées, qui peuvent modifier leur configuration et/ou vous aider à réduire le nombre d'erreurs commises par les participants (voir la section "Q&A" de cet article).

Champ "Confirmation de l’email" : Utile si vous souhaitez que l’utilisateur entre une deuxième fois son email dans la base pour être sûr d'éviter des coquilles, fautes de frappes...

Activer les options "Data+ Adresse" et "Data+ Email" :

Grâce à ces option Data+, il est possible de vérifier immédiatement la validité des adresses postales et/ou des emails soumis sur le formulaire.

La fonction de suggestion sera par défaut disponible. Cette option doit être activée auprès de votre Account Manager.

Pour en savoir plus, consultez l'article "Option Data+ : Pourquoi utiliser la vérification des données utilisateurs".

Apparence des champs

Personnalisation de textes. : choisissez la taille et l'apparence des textes de votre formulaire parmi les polices proposées ou importez la vôtre.

Position des labels : les labels peuvent être désactivés pour gagner en place, ou bien placés à côté ou au dessus des champs. Sachez que vous pourrez aussi différencier le texte des labels de celui des champs (voir la section "Q&A" de cet article).

Couleurs du formulaire : modifiez les couleurs de tous les éléments qui composent les champs, et ce en fonction de leur état :

À l'affichage
À la sélection
En erreur

En sélectionnant l'un de ces états, vous pouvez modifier la couleur de fond des champs, des bords, de l'encadré des champs, des labels et des placeholders. Vous pourrez par exemple créer un effet de champ transparent (voir la section "Q&A" de cet article).

Grouper les champs : en activant cette option, vous déplacerez tous vos champs en même temps, ce qui facilitera leur placement. Pour revenir à un déplacement par champ uniquement, sélectionnez un champ et cliquez sur l'icône "Dissocier" :

Message d'erreur unique

Dans l'état du formulaire "En erreur", vous avez l'opportunité de choisir entre des messages d'erreur personnalisés pour chaque champ OU mettre un message d'erreur unique pour tous les champs.

Pour cela, il suffit juste d'activer le toggle "Afficher un message d'erreur unique" et de renommer le texte comme vous le souhaitez :

Cela peut être pratique lorsque les champs sont classiques et parlent d'eux-mêmes et aussi pour un gain de place entre les champs !

Scoring de l'adresse email

L'existence de l'adresse email entrée par le participant sera vérifiée dans son intégralité. Un score de fiabilité est donné pour chaque adresse email. L'étude de ce score permet de créer des bases de prospects fiables.

Installation de la version Mobile

Une fois votre campagne Desktop configurée, il vous faut passer en vue Mobile afin d'importer le fond dédié et de mettre en forme votre Formulaire pour ce format.

Pour importer un fond Mobile, suivez la même procédure que pour le fond Desktop.

Les paramètres de champs (sélection, couleurs, textes d'erreurs,...) seront les mêmes que ceux sur Desktop, cependant, si vous avez dissocié vos champs, il sera possible de les déplacer librement sur la page Mobile sans que ceci n'affecte votre version Desktop.

Q&A

Où se trouvent les options des champs ?

Chaque champ possède des paramètres qui lui sont propres : choix de le rendre obligatoire, limitation du nombre de caractères, activation du message d'aide et/ou d'erreur associé,... Les possibilités sont nombreuses et méritent que vous y passiez un peu de temps.

Pour y accéder, cliquez sur le champ de votre choix et la fenêtre de configuration s'affichera, vous listant les options (simples ou avancées) à votre disposition :

Notez aussi qu'il existe une barre d'actions accessible directement dans la preview lors d'une sélection de plusieurs champs pour vous permettre de mettre en forme rapidement et simplement tous vos champs :

Suppression des champs
Groupement des champs (actif par défaut) / Dégroupement
Alignement des champs sélectionnés : gauche / centré / droite
Distribution verticale des champs sélectionnés
Uniformiser l'ensemble des champs pour un rendu optimisé

Comment activer le Captcha ?

Le captcha est intégré par défaut et bloque automatiquement les bots. Le participant n'aura ni case à cocher, ni images à cliquer.

Afin de renforcer le contrôle et la sécurité des adresses emails saisies sur le nouveau Formulaire, nous avons intégré le dernier captcha Google avec intégration d'un système de scoring pour chaque participant.

Le score donné va de 1 (pas de suspicion) à 0.0 (suspecté d'être un Bot). Ce score sera lié à l'adresse email, seul identifiant unique de chaque participant.

Les adresses jugées de faible qualité (< 0.5) se verront présenter le Captcha de vérification (avec une case à cocher "je ne suis pas un robot").

Ce score est accessible sur les exports des participants, sous la colonne "re_captcha_score" :

Comment différencier le texte entre un champ et son label ?

Pour gagner de la place sur votre formulaire tout en aidant le participant à comprendre ce que vous attendez, nous recommandons de faire 2 textes distincts entre le label et le placeholder, comme dans cet exemple :

Cliquez sur un champ : sa fenêtre de configuration s'affichera, vous proposant alors d'écrire 2 textes différents si vous le souhaitez.

Je souhaiterai avoir des champs transparents - comment faire ?

La transparence des champs peut servir à moderniser votre formulaire, tout en allégeant sa structure. Pour donner cet effet, entrez simplement le mot "transparent" en tant que code couleur du fond de champ :

Exemples de formulaires