Personnaliser

À partir de la page de l'extension eFlyerMaker sign-up Form Builder

Get started
- Pour voir la même information que sur la page Installation
Create a new form
- Pour créer un tout nouveau formulaire d'abonnement
Manage forms
- Pour éditer, dupliquer ou supprimer un formulaire d'abonnement
  - Edit: Pour éditer et modifier un formulaire existant
  - Duplicate: Si vous voulez modifier un formulaire tout en gardant le format original à porté de main
  - Delete: Pour supprimer un formulaire existant

Si vous choisissez de supprimer un formulaire, assurez-vous que le formulaire en question ne figure plus sur votre site web.

Options
- Pour personnaliser d'avantage le look de votre formulaire d'abonnement

Name
- Le nom qui s'affiche sur la page "Manage Forms" et dans le menu de sélection
- ex.: formulaire page d'accueil
Description
- Ce champ peut être utiliser pour un message d'introduction
- ex.: Soyez le premier avisé!
Classes
- Classes ajoutées dans la balise <form>
- ex.: text-center
Custom styles
- Valeur de l'attribut style= ajouté dans la balise <form>
- ex.: border:1px solid #ccc;

Required Field
- Si vous cochez cette case, le champ devient obligatoire
- La validation est front-end only par javascript. Pour obtenir un vrai champ obligatoire, l'option obligatoire doit avoir été spécifiée lors de la création du champ dans eFlyerMaker.
Hide Label
- Si vous cochez cette case, le label n'apparaitra pas
Name
- Champ non-modifiable, il s'agît du nom du champ dans eFleyrMaker
Label
- Désignation du champ
Placeholder
- Texte qui apparait à l'intérieur du champ
Classes
- Classes ajoutées à la balise <input>
- ex.: text-center
Custom styles
- Valeur de l'attribut style= ajouté dans la balise <input>
- ex.: border:2px solid #ccc;

Name
- Champ non-modifiable, il s'agît du nom du champ dans eFleyrMaker
Label
- Désignation du champ
Classes
- Classes ajoutées à la balise <input>
- ex.: text-center
Custom styles
- Valeur de l'attribut style= ajouté dans la balise <input>
- ex.: border:2px solid #ccc;

Text
- Texte du bouton
- ex.: M'inscrire
Align Button
- Vous permet d'aligner le bouton dans la balise <DIV> de votre formulaire
- Left | Center | Right
Classes
- Classes ajoutées à la balise <input>
- ex.: text-center
Custom Styles
- Valeur de l'attribut style= ajouté dans la balise <input>
- ex.: border:2px solid #ccc;

Cette section vous donne accès à un outil puissant afin d'utiliser votre formulaire en pop-up

Cette section vous permet de configurer le visuel de votre pop-up.

Width
- Largeur du pop-up en pixels
- ex.: 500
height
- Hauteur du pop-up en pixels
- ex.: 600
Background color
- Couleur de fond du pop-up
- ex.: #ccc
Background image url
- Remplacez la couleur de fond par une image spécifique
- ex.: http://intema.ca/Background-COLOR-Lowres.jpg
Overlay color
- Couleur de fond du masque (zone entourant le pop-up)
- ex.: #ccc
Overlay opacity
- Ajuste la transparence du masque
- ex.: 0.5 means 50%
Border Color
- Couleur de la bordure du pop-up
- ex.: #ccc
Border Radius
- Ajuste le coin Radius du pop-up
Box Shadow
- Créé une ombre derrière le pop-up
- Valeurs : Coté Bas Flou Couleur
- ex.: -15px 15px 15px rgba(0,0,0,0.5)
Custom Classes
- Classes ajoutées dans la balise <div id="efmfb_popup_form">
Header text
- Vous permet de personnaliser le visuel avant le formulaire
- Peut être texte ou HTML
- ex.: <center><b>Économisez 20% en vous inscrivant aujourd'hui!<b></center>
Footer text
- Vous permet de personnaliser le visuel après le formulaire
- Peut être texte ou HTML
- ex.: <center><b>Économisez 20% en vous inscrivant aujourd'hui!<b></center>

Cette section vous permet d'inclure plus de visuel dans votre pop-up avant le formulaire

Text
- Personnalise l'en-tête du formulaire
- Laisser le champ vide pour ne rien afficher
- ex.: Inscrivez-vous dès aujourd'hui!
Text Color
- Spécifie la couleur du texte de l'en-tête
Image url
- Personnalise l'en-tête du formulaire en ajoutant un logo.
- Laisser le champ vide pour ne rien afficher
- ex.: http://www.eflyermaker.com/assets/2016/images/eflyermaker_logo.png
Image positions
- Vous permet d'aligner l'image dans l'en-tête
- Left | Center | Right
Custom css
- Ajoute un style autour du texte
- ex.: font-size: 3em;

Cette section vous permet de contrôler l'aspect visuel du formulaire à l'intérieur de la boîte pop-up

Background color
- Couleur de fond du formulaire
- ex.: #ccc
Background color opacity
- Ajuste la transparence de la couleur de fond du formulaire
- ex.: 0.5 signifie 50%
Apply box body background color to title
- La couleur de fond va également couvrir le tire de la boîte pop-up
Custom css
- Ajoute un style autour du texte
- ex.: font-size: 3em;

Cette section vous permet de contrôler la façon dont le pop-up apparait ou disparait sur votre page.

Show animation
- Effet d'ouverture du pop-up
Hide animation
- Effet de fermeture du pop-up
Delay
- Dicte le délais avant que le pop-up n'apparaisse.
Rotates box to show success response
- Comprend les animations après avoir soumis avec succès
Popup Maximum Display
- Si vous ne voulez pas ennuyer vos clients avec vos pop up chaque fois que le client revient à votre page, vous pouvez cocher cette case afin de permettre a des cookies de contrôler l'affichage du pop up
Max. popup display number
- Combien de fois un client doit-il visiter votre site avant qu'il n'arrête de recevoir une demande d'abonnement à votre infolettre?
Popup cookies lifetime (in days)
- Combien de temps les cookies devraient rester actif avant d'être supprimé?

IDs
- #efmfb_poup_header_text
  - Réfère au div avant le formulaire et dans le pop-up.
- #efmfb_popup_form
  - Réfère au <form>
- #efmfb_poup_footer_text
  - Réfère au div après le formulaire et dans le pop-up.