Adding Radio Buttons to Contact Form

cj62352
New Member
1 0 0

I have watched the YouTube video provided by Shopify twice.  I have only been able to recreate the dropdown feature shown in the video. 

I copied the code and took screenshots for adding radio buttons and have code shown below but I cannot get the radio buttons to appear properly on my custom-contact form.

I get the picture shown below


<label for=”contact-concern”>What’s your concern?</label>
<select id=”contact-concern” name=”contact[customer concern]”>
<option>I have a question about a product</option>
<option>I have a question about my order</option>
<option>I need to return a product</option>
<option>I have a question about my refund</option>
<option>I have another concern</option>
</select>


<label for="{{ formId }}-message">{{ 'contact.form.message' | t }}</label>
<textarea rows="10" id="{{ formId }}-message" name="contact[{{ 'contact.form.message' | t }}]">{% if form.body %}{{ form.body }}{% endif %}</textarea>

<label>How did you hear about us?</label>
<input type=”radio” name=”contact[discovery]” value=”FB”>Facebook<br>
<input type=”radio” name=”contact[discovery]” value=”IG”>Instagram<br>
<input type=”radio” name=”contact[discovery]” value=”Other”>Other<br>


<input type="submit" class="btn" value="{{ 'contact.form.submit' | t }}">

{% endform %}
</div>
</div>
</div>
</div>

 

cj62352_0-1613635978440.png

 

Any help would be appreciated!

0 Likes
Pallavi
Shopify Expert
720 92 103

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes