Vous pouvez customiser 2 paramètres du bouton de contact généré par Symplicy :
Pour les customiser, il faut attacher un objet SymplicyOptions
à la window de la page.
Cet objet accepte 2 propriétés, correspondant aux 2 paramètres de customisation :
style
pour customiser le stylelocales
pour customiser le textePour déclarer ces paramètres, vous devez placer un script avant le script principal :
<script>
window.SymplicyOptions = {
styles: {
// options de style
},
locales: {
// options de texte
}
};
</script>
Vous pouvez modifier plusieurs propriétés du bouton, en séparant les paramètres par des virgules :
padding
l’espace entre les bords et le texteborder
les borduresborderRadius
l’arrondi des contoursbackgroundColor
la couleur du boutoncolor
la couleur du textefontFamily
la police de caractèrefontSize
la taille du textefontWeight
la graisse du texteSi vous souhaitez conserver une de ces valeurs par défaut, il vous suffit d'omettre la propriété. La valeur par défaut s'appliquera.
Exemple
<script>
window.SymplicyOptions = {
styles: {
padding: '8px 12px',
borderRadius: '4px',
backgroundColor: '#E68A6F',
color: '#ffffff',
fontFamily: 'Source Sans Pro',
fontSize: '14px',
fontWeight: '700'
}
};
</script>
Vous pouvez modifier le texte affiché dans le bouton, en séparant les différentes langues par des virgules :
en
anglaisfr
françaisnl
néerlandaisde
allemandes
espagnolit
italienSymplicy identifiera automatiquement la langue de la page et affichera directement la bonne traduction.
Note : actuellement, les formulaires sont exclusivement en français, anglais et néerlandais.
Exemple
<script>
window.SymplicyOptions = {
locales : {
fr: 'Veuillez répondre à quelques questions',
en: 'Please answer a few questions',
nl: 'Beantwoord enkele vragen',
...
}
};
</script>
Un conseil, un problème ? Contactez-nous à info@symplicy.com