Custom Fields Don't Show In Notification Email

Custom Fields Don't Show In Notification Email

Shopify Partner
6 0 1

Truly lost as to why my radio fields aren't showing in my notification emails for this "order" form. I'm also tired of staring at it. I'm currently getting back Name, Phone, Email and the Custom Message. Can anyone take a look and help me out?


<div data-section-id="{{ }}" data-section-type="contact-form">
<div class="container">
<div class="contact-form">
body { font: bold 20px Snellroundhand; text-align: center; }
{%- if section.settings.title != blank -%}
<h4 class="mb-35 text-center">{{ section.settings.title }}</h4>
{%- endif -%}
<div class="row">
{%- if section.settings.show_info_column or section.settings.contact_map_code != blank -%}
<div class="col-12 col-md-4 mb-30">
{%- if section.settings.show_info_column -%}
{%- if page.content -%}
<div class="rte">
{% include 'parse-for-icons' content: page.content %}
{%- assign has_content = true -%}
{%- elsif section.settings.page_content != blank -%}
<div class="rte">
{% include 'parse-page-html-content' with default_page: 'include-contact-form' page_content: section.settings.page_content %}
{%- assign has_content = true -%}
{%- endif -%}
{%- endif -%}
<div{% if has_content %} class="mt-30"{% endif %}>
{%- if section.settings.contact_map_code != blank -%}
<div class="contact-map position-relative">
{{ section.settings.contact_map_code }}
{%- endif -%}
{%- endif -%}
<div class="col-12 col-md-8 mx-auto">
<h3>{{ 'contact.form.title' | t }}</h3>
<p class="fs-lg">{{ 'contact.form.paragraph' | t }}</p>
{% form 'contact' %}
{%- if form.posted_successfully? -%}
<p class="form-success">{{ 'contact.form.post_success' | t }}</p>
{%- endif -%}
{%- if section.settings.show_input_label -%}
<label for="ContactFormName" class="label-required">{{ 'contact.form.name_title' | t }}</label>
{%- endif -%}
<input type="text"
placeholder="{{ 'contact.form.name_placeholder' | t }}"
value="{% if form[name] %}{{ form[name] }}{% elsif customer %}{{ }}{% endif %}"
{%- if section.settings.show_input_label -%}
<label for="ContactFormEmail" class="label-required">{{ 'contact.form.email_title' | t }}</label>
{%- endif -%}
<input type="email"
placeholder="{{ 'contact.form.email_placeholder' | t }}"
value="{% if %}{{ }}{% elsif customer %}{{ }}{% endif %}"
{%- if section.settings.show_input_label -%}
<label for="ContactFormPhone">{{ 'contact.form.phone_title' | t }}</label>
{%- endif -%}

<input type="tel"
placeholder="{{ 'contact.form.phone_placeholder' | t }}"
value="{% if form[phone] %}{{ form[phone] }}{% elsif customer %}{{ }}{% endif %}"

{%- if section.settings.show_input_label -%}
<label for="ContactFormSize">{{ 'contact.form.size_title' | t }}</label>
{%- endif -%}
<p>Please Select Wig Size:</p>

<input type="radio" id="small" name="wig_size" value="Small">
<label for="small">Small "21-21.5"</label><br>
<input type="radio" id="medium" name="wig_size" value="Medium">
<label for="medium">Medium "22-22.5"</label><br>
<input type="radio" id="large" name="wig_size" value="Large">
<label for="large">Large "22.75-23"</label><br>

{%- if section.settings.show_input_label -%}
<label for="ContactFormCustomization" class="label-required">{{ 'contact.form.customization_title' | t }}</label>
{%- endif -%}

<p>Do you want specific customizations for this wig? Take the time to fill out these quick questions:</p>
<input type="radio" id="Filipino" name="hairtype" value="Filipino">
<label for="Filipino">Filipino</label><br>
<input type="radio" id="Indonesian" name="hairtype" value="Indonesian">
<label for="Indonesian">Indonesian</label><br>
<input type="radio" id="Other" name="hairtype" value="Other">
<label for="Other">Other</label><br>

<input type="radio" id="<12" name="hairlength" value="<12">
<label for="Hairlength"><12"</label><br>
<input type="radio" id="12-14" name="hairlength" value="12-14">
<label for="Hairlength">12-14"</label><br>
<input type="radio" id="16-18" name="hairlength" value="16-18">
<label for="16-18">16-18"</label><br>
<input type="radio" id="20-22" name="hairlength" value="20-22">
<label for="20-22">20-22"</label><br>
<input type="radio" id="24+" name="hairlength" value="24+">
<label for="24+">24+"</label><br>

<input type="radio" id="TightCurl" name="haircurl" value="TightCurl">
<label for="TightCurl">Tight Curls</label><br>
<input type="radio" id="Loose Waves" name="haircurl" value="Loose Waves">
<label for="Loose Waves">Loose Waves</label><br>
<input type="radio" id="No Curls" name="haircurl" value="No Curls">
<label for="No Curls">No Curls</label><br>

<input type="radio" id="Highlights" name="haircolor" value="Highlights">
<label for="Highlights">Highlights</label><br>
<input type="radio" id="Ombre" name="haircolor" value="Ombre">
<label for="Ombre">Ombre</label><br>
<input type="radio" id="No Color" name="haircolor" value="No Color">
<label for="No Color">No Color</label><br>


{%- if section.settings.show_input_label -%}
<label for="ContactFormMessage" class="label-required">{{ 'contact.form.message_title' | t }}</label>
{%- endif -%}
<p>Do you have any special requests or additional information to share?<p>
<textarea rows="8"
placeholder="{{ 'contact.form.message_placeholder' | t }}"
{%- if form.body -%}
{{ form.body }}
{%- endif -%}
{% include 'form-get-message' %}
<div class="pt-10">
<button type="submit" class="btn{% if section.settings.button_type == 'default' %} btn--secondary{% endif %}"><i class="mr-5">{% render 'icon-theme-196' %}</i>{{ 'contact.form.send' | t }}</button>
{% endform %}

Reply 1 (1)

145 1 5

Hi @triplemquestion, transform your Shopify contact form with ease by incorporating custom fields such as text, dropdowns, radio buttons, and checkboxes. Learn how in this informative YouTube tutorial: