Vue d'ensemble
Souhaitez-vous personnaliser le lien "Save and Resume" ? À l'aide d'un petit extrait CSS, vous pouvez facilement convertir le lien textuel qui apparaît lorsque le module complémentaire Enregistrer et reprendre est activé en un bouton. C'est parti !
Ajout du snippet CSS
Pour les besoins de cette documentation, nous supposerons que vous avez déjà créé votre formulaire et activé le module complémentaire Save and Resume.
Cependant, si vous avez besoin d'aide pour activer cet addon pour votre formulaire, veuillez consulter ce guide utile.
Une fois que votre formulaire est créé et que l'addon est activé, ajoutez simplement ce CSS à votre site et personnalisez les couleurs, la police de caractères, la taille des caractères, etc. comme vous le souhaitez.
Si vous avez besoin d'aide pour savoir comment et où ajouter des extraits CSS à votre site, veuillez consulter ce tutoriel.
Un style pour toutes les formes
a.wpforms-save-resume-button {
padding: 10px;
text-decoration: none !important;
background-color: #e27730;
border-radius: 3px;
color: #ffffff !important;
font-family: 'Roboto' !important;
font-size: 17px !important;
border: 1px solid #e27730;
transition: all 0.3s ease-out;
}
a.wpforms-save-resume-button:hover {
color: #e27730 !important;
background-color: #ffffff;
}
Style pour des formulaires spécifiques
Si vous ne souhaitez appliquer cette modification qu'à un formulaire spécifique, utilisez plutôt cette feuille de style CSS.
form#wpforms-form-999 a.wpforms-save-resume-button {
padding: 10px;
text-decoration: none !important;
background-color: #e27730;
border-radius: 3px;
color: #ffffff !important;
font-family: 'Roboto' !important;
font-size: 17px !important;
border: 1px solid #e27730;
transition: all 0.3s ease-out;
}
form#wpforms-form-999 a.wpforms-save-resume-button:hover {
color: #e27730 !important;
background-color: #ffffff;
}
Veuillez noter que vous devrez mettre à jour l'identifiant du formulaire dans votre CSS à partir de 999 pour qu'il corresponde à votre propre identifiant de formulaire. Si vous avez besoin d'aide pour trouver votre identifiant de formulaire, veuillez consulter ce guide utile.
Et maintenant, lorsque vous consultez le formulaire, vous voyez immédiatement la différence !
Souhaitez-vous également personnaliser l'objet de l'e-mail de cet addon lorsque des notifications sont envoyées ? Jetez un coup d'œil à notre tutoriel sur Comment modifier l'objet de l'e-mail sur les notifications par e-mail de sauvegarde et de reprise.