Webmecanik Automation vous permet de créer des formulaires pour ensuite les déposer sur votre site ou sur une landing page Webmecanik Automation.

Dans cet article, vous allez voir comment personnaliser le bouton de soumission pour un formulaire intégré sur une landing page.

Personnalisation du bouton

Voici le style de base du bouton.

• Une fois connecté à votre instance Webmecanik Automation, rendez-vous dans la section "Formulaires" puis créez ou éditez un formulaire déjà existant.
• Rendez-vous dans l'onglet "Champs" puis éditez le bouton de soumission pour le personnaliser.
• La fenêtre d'édition apparait. Allez dans l'onglet "Attributs".

• Utilisez les champs "Attributs d'entrée" et "Attributs de conteneur de champs" pour personnaliser le bouton. Dans ces champs, vous pouvez ajouter du code CSS.

Exemple: style="background-color:blue"

• Le bouton a maintenant une couleur d'arrière plan en bleu. Vous pouvez utiliser la méthode rbg() ou les codes couleurs commençant par #

• La couleur du texte peut également être modifiée.

Exemple: style"color: #ffffff"

• Vous pouvez modifier la taille du bouton.

Exemple: style="width: 300px"

• Le bouton peut aussi être centré par rapport aux champs du formulaire. Dans ce cas, il faudra utiliser le champ "Attributs de conteneur de champs".

Voilà quelques exemples pour modifier le style du bouton de soumission des formulaires. Cette liste est bien entendu non exhaustive, vous pouvez ajouter plein d'autres propriétés CSS.