Growform Multi Step Form Builder
  • Use cases
    • Génération de leads dans le domaine de la finance et de l’assurance
    • Génération de leads
    • Génération de leads juridiques
    • Page immobilière
    • Génération de leads dans le domaine de l’énergie solaire et de l’énergie
    • Génération de leads dans le secteur de la construction et des métiers
  • Modèles
  • Intégrations
  • Tarification
  • Nous contacter
  • Log in
  • Free trial

Comment utiliser un CSS personnalisé avec Growform

Growform propose de puissantes options de personnalisation dans les paramètres du thème. Cependant, il arrive que vous ayez besoin d’une plus grande personnalisation.

Si vous avez besoin de personnaliser des éléments qui ne sont pas accessibles avec les paramètres habituels, vous pouvez utiliser des feuilles de style CSS personnalisées.

Attention, nous nous dirigeons vers le territoire des développeurs – veillez à tester votre formulaire de manière approfondie avant de le mettre en ligne.

Recherche de paramètres CSS

Pour trouver les paramètres CSS personnalisés, naviguez jusqu’à votre formulaire dans le constructeur Growform.

Ensuite, cliquez sur “Modifier les paramètres du formulaire” et trouvez “CSS personnalisé (expérimental)” dans les paramètres avancés :

Dans ce champ, vous pouvez saisir des feuilles de style CSS normales – par exemple, le texte suivant serait parfaitement valide (bien qu’il puisse être écrasé par d’autres styles dans votre formulaire) :

a {
color: blue
}

Liste des balises ciblables et exemples

Outre les balises CSS habituelles qui peuvent être affectées (comme “body”, “a”, “p”, etc.), l’exemple de feuille CSS suivant inclut toutes les balises supplémentaires pouvant être ciblées, avec des exemples de personnalisation. Vous pouvez également utiliser des requêtes médiatiques pour un contrôle supplémentaire.

.parentContainer {
background-color: pink;
}

.formBackground {
background-color: blue;
}

.continueButton {
background-color: green;
}

.progressBar {
margin-top: 50px;
}

.button {
background-color: purple;
}

.button > span {
font-size: 15px;
}

.firstButtonInRow {
background-color: orange;
}

.backButton {
color: black;
}

Besoin de plus ? Nous travaillons activement sur notre offre de styles personnalisés, notamment en rendant plus de parties de Growform personnalisables.

N’hésitez pas à nous contacter pour nous faire part de vos commentaires et nous aider à définir la feuille de route.

template_name
_id
friendly_id
above_fold_header
above_fold_description
long_description_header
long_description
how_does_it_work_header
how_does_it_work_text
screenshot_url
template_page_name
featured
how_it_works_new

Post a Comment

Recent Posts

  • Votre guide pour utiliser efficacement Webflow Form Builder
  • 5 exemples de formulaires de capture de prospects qui peuvent booster vos conversions (2025)
  • Qu’est-ce qu’un formulaire multi-étapes Elementor et comment Growform l’améliore-t-il ?
  • Nous passons en revue les meilleures alternatives à Microsoft Forms pour une meilleure personnalisation et un meilleur contrôle.
  • Voici notre revue des meilleurs constructeurs de formulaires pour les sites WordPress

Categories

  • Conception de formulaires en plusieurs étapes
  • Conception de la forme
  • Conformité
  • Convertri
  • CRO
  • Formulaire de confiance
  • Génération de leads
  • Google Tag Manager
  • Hubspot
  • Immobilier
  • Intégration
  • Marketing
  • Non classifié(e)
  • Offres spéciales de génération de leads
  • Outils
  • Prospection
  • Tutoriels
  • Tutoriels Unbounce
  • Unbounce
  • Utilisation de growform

Try Growform Multi Step Form Builder »

Guides

  • Comment créer de beaux formulaires Asana sans code
  • Comment créer des formulaires Hubspot à plusieurs étapes (sans code)
  • Comment ajouter un formulaire Growform à plusieurs étapes à Instapage
  • Comment ajouter un formulaire Growform à plusieurs étapes à Leadpages
  • Comment ajouter un formulaire Growform à plusieurs étapes à Unbounce
  • Comment créer des formulaires Webflow à plusieurs étapes (+ modèles et designs clonables)
  • Comment ajouter un formulaire Growform à plusieurs étapes à WordPress

Features

  • Toutes les caractéristiques
  • Maîtriser les formulaires de logique conditionnelle : Un guide pratique avec des exemples
  • Guide des formulaires conversationnels : Créez facilement des formulaires engageants
  • Formulaires intégrables pour votre site web
  • Des formulaires de capture de prospects qui convertissent en 2023 : 5 conseils puissants + exemples
  • Vérification du plomb : Méthodes en temps réel et en masse pour des données précises
  • Sauts logiques : Créez des formulaires dynamiques pour un meilleur engagement des utilisateurs
  • TrustedForm par ActiveProspect : Le guide ultime pour 2024
  • Comment mettre en place Jornaya (construire un formulaire Jornaya) avec Growform
  • Comment créer un formulaire d’assistant : Guide étape par étape
  • Règles de la FCC sur la génération de prospects : Comment garantir la conformité avec 1-1 Consent
  • Alternatives

More

  • Partenaires affiliés
  • Conditions d’utilisation
  • Vie privée et GDPR
  • Service status
  • Blog
  • Help docs
  • Climate pledge
  • Glossaire Growform : Maîtrisez aujourd’hui les formulaires de conversion
© 2020 - 2024 Growform Ltd. All rights reserved. Growform is a company registered in England and Wales. Company No. 13097518. Registered office: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK
  • English
  • Français
  • Español
  • Italiano
  • Deutsch