Ajouter

Lorem ipsum

Lorem ipsum

A
A
A
Design

2 vues

3 min

Avoir un "radio button" selectionné par defaut dans Webflow

Introduction

ÉtapeAction
1Ajouter vos radio buttons dans le formulaire Webflow
2Ajouter une valeur à chaque radio button
3Récupérer l'ID du radio button à sélectionner par défaut
4Ajouter le script dans le head de la page

Pas possible nativement dans Webflow, Sandro cofondateur de l'agence Webflow Gemeos vous montre avoir un "radio button" selectionné par defaut dans votre formulaire au chargement de la page sur Webflow.

Super utile pour améliorer l'expérience utilisateur dans certains cas, notamment pour des formulaires de satisfaction par exemple.

1. Ajoutez vos radio buttons

Radio button Webflow

2. Ajoutez une valeur à vos radio buttons

Radio Button Value Webflow

3. Ajoutez ce script dans le <head> de votre page

Pensez à bien remplacer la valeur de l'ID avec la valeur du radio button que vous voulez sélectionner par défaut dans le code ci-dessous.

 

bon à savoir

Alternative sans JavaScript : ajoutez l'attribut custom 'checked' (Name: checked, Value: vide) directement sur votre radio button dans Webflow. Cette approche native est supportée depuis 2023 et est plus simple que le script.

4. Publiez et testez le résultat

bon à savoir

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Publié le 10.04.2025

Ces tutoriels pourraient vous intéresser

tutoriels similaires

SEO / GEO

5 min lecture

5 vues

Comment faire une redirection sur Webflow ? (2026) ?

Mis à jour le 19.12.2025 par Sandro DA SILVA

SEO / GEO

5 min lecture

5 vues

Ajouter des données structurées à votre site Webflow ?

Mis à jour le 21.08.2025 par Sandro DA SILVA

No-code

5 min lecture

5 vues

Comment obfusquer un lien dans Webflow ?

Mis à jour le 23.04.2025 par Sandro DA SILVA

Let’s f*****G GO !!

Prêt à faire décoller
votre activité  ?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...