Search code examples
wordpresscontact-form-7

how to implement radio button in contact form 7 with different value and label


i want to implement this section in contact form 7.please help me

 <div class="radio">
      <label><input type="radio" name="optradio" value="1">Option 1</label>
    </div>
    <div class="radio">
      <label><input type="radio" name="optradio" value="2">Option 2</label>
    </div>
    <div class="radio disabled">
      <label><input type="radio" name="optradio" value="3">Option 3</label>
    </div>

Solution

  • You can do this easely, putting pipe (|) on the input like this:

    [select name_input "Visible Value|actual-form-value"]
    

    where Visible Value = (Front-end Value) and actual-form-value = (Input Custom Value).

    Your code will be like this:

    [radio optradio "Option 1|1" "Option 2|2" "Option 3|3"]
    

    Take a look at the documentation: