Have a “radio button” selected by default in Webflow

Tools:

Introduction

Not possible natively in Webflow, I show you in this tutorial how to have a “radio button” selected by default in your form when the page loads.

Super useful for improving the user experience in some cases, especially for satisfaction forms for example.

1. Add your radio buttons

‍

2. Add value to your radio buttons

‍

3. Add this script <head>to your page

Remember to replace the ID value with the value of the radio button that you want to select by default in the code below.

 <script>
window.onload = function() {
    var radioButton = document.getElementById("incroyable");
    if (radioButton) {
        radioButton.checked = true;
    }
};
</script>

4. Publish and test the result

‍

Sandro D.

Updated on

30/5/2024

Growth Marketer, Webflow expert and a jack of all trades. I take care of commercial operations, ensure the smooth running of projects and take care of issues related to marketing (SEO, Tracking, Copywriting, etc.)