FROM CACHE - en_header
Promotion image

Adding Phone Number for Registration Page

Adding Phone Number for Registration Page

ifc-dogan
Shopify Partner
10 0 1
‎08-12-2024 03:50 AM

Hello. I'm new here and i need help as i don't really know liquid codes. Currently, i'm using Minimog theme for our store. We want to add a phone number fields in customer create account and it is compulsory. Can anyone help me solved this?

 

Labels:
647 Views
1 Like
Report
Replies 13 (13)

ifc-dogan
Shopify Partner
10 0 1
‎08-12-2024 03:51 AM 
{%- capture page_title -%}
  {{ 'customer.register.title' | t }}
{%- endcapture -%}
{% render 'page-title', title: page_title %}

<div class="m-register-form">
  <div class="m-register-form__wrapper">
    <h1>{{ 'customer.register.title' | t }}</h1>
    <div data-register-form>
      {% form 'create_customer' %}
      {% render 'form__error', form: form %}

      <input type="text" name="customer[first_name]" placeholder="{{ 'customer.register.first_name' | t }}" class="form-field form-field--input" />
      <input type="text" name="customer[last_name]" placeholder="{{ 'customer.register.last_name' | t }}" class="form-field form-field--input" />
      <input type="email" name="customer[email]" placeholder="{{ 'customer.login.email' | t }}" class="form-field form-field--input" />
      <input type="password" name="customer[password]" placeholder="{{ 'customer.login.password' | t }}" class="form-field form-field--input" />

      <select name="customer[tags][business_types]" id="business_types" class="form-field form-field--select" required>
        <option value="" disabled selected>Business Types</option>
        <option value="I want to Buy for Myself">I want to Buy for Myself</option>
        <option value="Boutique Owner">Boutique Owner</option>
        <option value="Distributor/Wholesaler">Distributor/Wholesaler</option>
        <option value="Chain Store (6 or more)">Chain Store (6 or more)</option>
        <option value="Flea Market">Flea Market</option>
        <option value="Online Retailer">Online Retailer</option>
        <option value="Specialty Chain (5 or less)">Specialty Chain (5 or less)</option>
        <option value="Other Retailer">Other Retailer</option>
      </select>

      <div id="additional-questions" style="display:none; margin-top: 15px;">
        <input type="text" name="customer[note][company]" placeholder="Business Name" class="form-field form-field--input" required />
        <input type="text" name="customer[note][website]" placeholder="Your Website" class="form-field form-field--input" />
        
        <select name="customer[tags][product_group]" class="form-field form-field--select" >
          <option value="" disabled selected>Product Group (Category)</option>
          <option value="Bridal">Bridal</option>
          <option value="Casual">Casual</option>
          <option value="Special Occasion">Special Occasion</option>
          <option value="Other">Other</option>
        </select>
        
        <select name="customer[tags][transportation_channel]" class="form-field form-field--select" >
          <option value="" disabled selected>How Did You Hear About Us?</option>
          <option value="Refferral by Vendor">Referral by Vendor</option>
          <option value="Friend">Friend</option>
          <option value="Search Engine">Search Engine</option>
          <option value="Advertising">Advertising</option>
          <option value="Trade Show">Trade Show</option>
          <option value="Social Media">Social Media</option>
        </select>
      </div>

      <div class="m-register-form__description">
        {{ 'customer.register.description' | t }}
      </div>

      {% assign show_terms = false %}
      {% if settings.agree_text != blank and settings.show_agree_on_register %}
        <div class="m-terms-conditons">
          <label class="form-field--checkbox">
            <input type="checkbox" name="agree_terms" value="yes" required>
            <span class="form-field--checkbox__label">{{ settings.agree_text }}</span>
            <span class="form-field--checkbox__icon">
              <svg class="m-svg-icon--medium" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 20 20">
                <path d="M18.5 1.5H1.5L1.5 18.5H18.5V1.5ZM1.5 0.5C0.947715 0.5 0.5 0.947715 0.5 1.5V18.5C0.5 19.0523 0.947715 19.5 1.5 19.5H18.5C19.0523 19.5 19.5 19.0523 19.5 18.5V1.5C19.5 0.947715 19.0523 0.5 18.5 0.5H1.5Z" fill-rule="evenodd" fill="currentColor"/>
                <path d="M14.9975 6.09084C15.201 6.27746 15.2147 6.59375 15.0281 6.79728L8.91631 13.4627C8.82231 13.5652 8.68987 13.6239 8.55079 13.6247C8.41172 13.6256 8.27857 13.5684 8.18335 13.4671L4.99513 10.0731C4.80606 9.87179 4.81596 9.55536 5.01723 9.3663C5.21849 9.17723 5.53492 9.18713 5.72399 9.3884L8.54335 12.3897L14.291 6.12145C14.4776 5.91791 14.7939 5.90421 14.9975 6.09084Z" fill="currentColor"/>
              </svg>
            </span>
          </label>
        </div>
        {% assign show_terms = true %}
      {% endif %}

      <button class="m-button m-button--primary m:w-full" {% if show_terms %} data-terms-action disabled{% endif %}>
        {{ 'customer.register.title' | t }}
      </button>
      <a class="m-button m-button--secondary m:w-full" href="{{ routes.account_login_url }}">
        {{ 'customer.login.title' | t }}
      </a>
      {% endform %}
    </div>
  </div>
</div>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const businessTypes = document.getElementById('business_types');
    const additionalQuestions = document.getElementById('additional-questions');

    businessTypes.addEventListener('change', function() {
      if (this.value !== 'I want to Buy for Myself') {
        additionalQuestions.style.display = 'block';
        const inputs = additionalQuestions.querySelectorAll('input, select');
        inputs.forEach(input => input.required = true);
      } else {
        additionalQuestions.style.display = 'none';
        const inputs = additionalQuestions.querySelectorAll('input, select');
        inputs.forEach(input => input.required = false);
      }
    });
  });
</script>

I am currently using this code

451 Views
0 Likes
Report

Dan-From-Ryviu
Shopify Partner
9212 1847 1879
‎08-12-2024 03:57 AM

Hi @ifc-dogan 

Could you share code of your main-register.liquid file of your theme?

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

640 Views
0 Likes
Report
In response to Dan-From-Ryviu

ifc-dogan
Shopify Partner
10 0 1
‎08-12-2024 03:58 AM 
{%- capture page_title -%}
  {{ 'customer.register.title' | t }}
{%- endcapture -%}
{% render 'page-title', title: page_title %}

<div class="m-register-form">
  <div class="m-register-form__wrapper">
    <h1>{{ 'customer.register.title' | t }}</h1>
    <div data-register-form>
      {% form 'create_customer' %}
      {% render 'form__error', form: form %}

      <input type="text" name="customer[first_name]" placeholder="{{ 'customer.register.first_name' | t }}" class="form-field form-field--input" />
      <input type="text" name="customer[last_name]" placeholder="{{ 'customer.register.last_name' | t }}" class="form-field form-field--input" />
      <input type="email" name="customer[email]" placeholder="{{ 'customer.login.email' | t }}" class="form-field form-field--input" />
      <input type="password" name="customer[password]" placeholder="{{ 'customer.login.password' | t }}" class="form-field form-field--input" />

      <select name="customer[tags][business_types]" id="business_types" class="form-field form-field--select" required>
        <option value="" disabled selected>Business Types</option>
        <option value="I want to Buy for Myself">I want to Buy for Myself</option>
        <option value="Boutique Owner">Boutique Owner</option>
        <option value="Distributor/Wholesaler">Distributor/Wholesaler</option>
        <option value="Chain Store (6 or more)">Chain Store (6 or more)</option>
        <option value="Flea Market">Flea Market</option>
        <option value="Online Retailer">Online Retailer</option>
        <option value="Specialty Chain (5 or less)">Specialty Chain (5 or less)</option>
        <option value="Other Retailer">Other Retailer</option>
      </select>

      <div id="additional-questions" style="display:none; margin-top: 15px;">
        <input type="text" name="customer[note][company]" placeholder="Business Name" class="form-field form-field--input" required />
        <input type="text" name="customer[note][website]" placeholder="Your Website" class="form-field form-field--input" />
        
        <select name="customer[tags][product_group]" class="form-field form-field--select" >
          <option value="" disabled selected>Product Group (Category)</option>
          <option value="Bridal">Bridal</option>
          <option value="Casual">Casual</option>
          <option value="Special Occasion">Special Occasion</option>
          <option value="Other">Other</option>
        </select>
        
        <select name="customer[tags][transportation_channel]" class="form-field form-field--select" >
          <option value="" disabled selected>How Did You Hear About Us?</option>
          <option value="Refferral by Vendor">Referral by Vendor</option>
          <option value="Friend">Friend</option>
          <option value="Search Engine">Search Engine</option>
          <option value="Advertising">Advertising</option>
          <option value="Trade Show">Trade Show</option>
          <option value="Social Media">Social Media</option>
        </select>
      </div>

      <div class="m-register-form__description">
        {{ 'customer.register.description' | t }}
      </div>

      {% assign show_terms = false %}
      {% if settings.agree_text != blank and settings.show_agree_on_register %}
        <div class="m-terms-conditons">
          <label class="form-field--checkbox">
            <input type="checkbox" name="agree_terms" value="yes" required>
            <span class="form-field--checkbox__label">{{ settings.agree_text }}</span>
            <span class="form-field--checkbox__icon">
              <svg class="m-svg-icon--medium" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 20 20">
                <path d="M18.5 1.5H1.5L1.5 18.5H18.5V1.5ZM1.5 0.5C0.947715 0.5 0.5 0.947715 0.5 1.5V18.5C0.5 19.0523 0.947715 19.5 1.5 19.5H18.5C19.0523 19.5 19.5 19.0523 19.5 18.5V1.5C19.5 0.947715 19.0523 0.5 18.5 0.5H1.5Z" fill-rule="evenodd" fill="currentColor"/>
                <path d="M14.9975 6.09084C15.201 6.27746 15.2147 6.59375 15.0281 6.79728L8.91631 13.4627C8.82231 13.5652 8.68987 13.6239 8.55079 13.6247C8.41172 13.6256 8.27857 13.5684 8.18335 13.4671L4.99513 10.0731C4.80606 9.87179 4.81596 9.55536 5.01723 9.3663C5.21849 9.17723 5.53492 9.18713 5.72399 9.3884L8.54335 12.3897L14.291 6.12145C14.4776 5.91791 14.7939 5.90421 14.9975 6.09084Z" fill="currentColor"/>
              </svg>
            </span>
          </label>
        </div>
        {% assign show_terms = true %}
      {% endif %}

      <button class="m-button m-button--primary m:w-full" {% if show_terms %} data-terms-action disabled{% endif %}>
        {{ 'customer.register.title' | t }}
      </button>
      <a class="m-button m-button--secondary m:w-full" href="{{ routes.account_login_url }}">
        {{ 'customer.login.title' | t }}
      </a>
      {% endform %}
    </div>
  </div>
</div>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const businessTypes = document.getElementById('business_types');
    const additionalQuestions = document.getElementById('additional-questions');

    businessTypes.addEventListener('change', function() {
      if (this.value !== 'I want to Buy for Myself') {
        additionalQuestions.style.display = 'block';
        const inputs = additionalQuestions.querySelectorAll('input, select');
        inputs.forEach(input => input.required = true);
      } else {
        additionalQuestions.style.display = 'none';
        const inputs = additionalQuestions.querySelectorAll('input, select');
        inputs.forEach(input => input.required = false);
      }
    });
  });
</script>
451 Views
0 Likes
Report
In response to Dan-From-Ryviu

ifc-dogan
Shopify Partner
10 0 1
‎08-12-2024 04:01 AM

Of course, but I don't want it to save the phone number in the notes, I want it to save it in the customer's contact details.

 

{%- capture page_title -%}
  {{ 'customer.register.title' | t }}
{%- endcapture -%}
{% render 'page-title', title: page_title %}

<div class="m-register-form">
  <div class="m-register-form__wrapper">
    <h1>{{ 'customer.register.title' | t }}</h1>
    <div data-register-form>
      {% form 'create_customer' %}
      {% render 'form__error', form: form %}
      
      <input type="text" name="customer[first_name]" placeholder="{{ 'customer.register.first_name' | t }}" class="form-field form-field--input" />
      <input type="text" name="customer[last_name]" placeholder="{{ 'customer.register.last_name' | t }}" class="form-field form-field--input" />
      <input type="email" name="customer[email]" placeholder="{{ 'customer.login.email' | t }}" class="form-field form-field--input" />
      <input type="password" name="customer[password]" placeholder="{{ 'customer.login.password' | t }}" class="form-field form-field--input" />
      <div class="m-register-form__description">
        {{ 'customer.register.description' | t }}
      </div>
      {% assign show_terms = false %}
      {% if settings.agree_text != blank and settings.show_agree_on_register %}
        <div class="m-terms-conditons">
          <label class="form-field--checkbox">
            <input type="checkbox" name="agree_terms" value="yes" required>
            <span class="form-field--checkbox__label">{{ settings.agree_text }}</span>
            <span class="form-field--checkbox__icon">
              <svg class="m-svg-icon--medium" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 20 20">
                <path d="M18.5 1.5H1.5L1.5 18.5H18.5V1.5ZM1.5 0.5C0.947715 0.5 0.5 0.947715 0.5 1.5V18.5C0.5 19.0523 0.947715 19.5 1.5 19.5H18.5C19.0523 19.5 19.5 19.0523 19.5 18.5V1.5C19.5 0.947715 19.0523 0.5 18.5 0.5H1.5Z" fill-rule="evenodd" fill="currentColor"/>
                <path d="M14.9975 6.09084C15.201 6.27746 15.2147 6.59375 15.0281 6.79728L8.91631 13.4627C8.82231 13.5652 8.68987 13.6239 8.55079 13.6247C8.41172 13.6256 8.27857 13.5684 8.18335 13.4671L4.99513 10.0731C4.80606 9.87179 4.81596 9.55536 5.01723 9.3663C5.21849 9.17723 5.53492 9.18713 5.72399 9.3884L8.54335 12.3897L14.291 6.12145C14.4776 5.91791 14.7939 5.90421 14.9975 6.09084Z" fill="currentColor"/>
              </svg>
            </span>
          </label>
        </div>
        {% assign show_terms = true %}
      {% endif %}
      <button class="m-button m-button--primary m:w-full"{% if show_terms %} data-terms-action disabled{% endif %}>
        {{ 'customer.register.title' | t }}
      </button>
      <a class="m-button m-button--secondary m:w-full" href="{{ routes.account_login_url }}">
        {{ 'customer.login.title' | t }}
      </a>
      {% endform %}
    </div>
  </div>
</div>
451 Views
0 Likes
Report
In response to Dan-From-Ryviu

ifc-dogan
Shopify Partner
10 0 1
‎08-12-2024 04:01 AM

Sure, but I don't want it to save the phone number in the notes, I want it to save it in the customer's contact details.

631 Views
0 Likes
Report
In response to ifc-dogan

ifc-dogan
Shopify Partner
10 0 1
‎08-12-2024 04:02 AM

{%- capture page_title -%}
{{ 'customer.register.title' | t }}
{%- endcapture -%}
{% render 'page-title', title: page_title %}

<div class="m-register-form">
<div class="m-register-form__wrapper">
<h1>{{ 'customer.register.title' | t }}</h1>
<div data-register-form>
{% form 'create_customer' %}
{% render 'form__error', form: form %}

<input type="text" name="customer[first_name]" placeholder="{{ 'customer.register.first_name' | t }}" class="form-field form-field--input" />
<input type="text" name="customer[last_name]" placeholder="{{ 'customer.register.last_name' | t }}" class="form-field form-field--input" />
<input type="email" name="customer[email]" placeholder="{{ 'customer.login.email' | t }}" class="form-field form-field--input" />
<input type="password" name="customer[password]" placeholder="{{ 'customer.login.password' | t }}" class="form-field form-field--input" />
<div class="m-register-form__description">
{{ 'customer.register.description' | t }}
</div>
{% assign show_terms = false %}
{% if settings.agree_text != blank and settings.show_agree_on_register %}
<div class="m-terms-conditons">
<label class="form-field--checkbox">
<input type="checkbox" name="agree_terms" value="yes" required>
<span class="form-field--checkbox__label">{{ settings.agree_text }}</span>
<span class="form-field--checkbox__icon">
<svg class="m-svg-icon--medium" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 20 20">
<path d="M18.5 1.5H1.5L1.5 18.5H18.5V1.5ZM1.5 0.5C0.947715 0.5 0.5 0.947715 0.5 1.5V18.5C0.5 19.0523 0.947715 19.5 1.5 19.5H18.5C19.0523 19.5 19.5 19.0523 19.5 18.5V1.5C19.5 0.947715 19.0523 0.5 18.5 0.5H1.5Z" fill-rule="evenodd" fill="currentColor"/>
<path d="M14.9975 6.09084C15.201 6.27746 15.2147 6.59375 15.0281 6.79728L8.91631 13.4627C8.82231 13.5652 8.68987 13.6239 8.55079 13.6247C8.41172 13.6256 8.27857 13.5684 8.18335 13.4671L4.99513 10.0731C4.80606 9.87179 4.81596 9.55536 5.01723 9.3663C5.21849 9.17723 5.53492 9.18713 5.72399 9.3884L8.54335 12.3897L14.291 6.12145C14.4776 5.91791 14.7939 5.90421 14.9975 6.09084Z" fill="currentColor"/>
</svg>
</span>
</label>
</div>
{% assign show_terms = true %}
{% endif %}
<button class="m-button m-button--primary m:w-full"{% if show_terms %} data-terms-action disabled{% endif %}>
{{ 'customer.register.title' | t }}
</button>
<a class="m-button m-button--secondary m:w-full" href="{{ routes.account_login_url }}">
{{ 'customer.login.title' | t }}
</a>
{% endform %}
</div>
</div>
</div>

451 Views
0 Likes
Report
In response to ifc-dogan

ifc-dogan
Shopify Partner
10 0 1
‎08-12-2024 04:05 AM 
{%- capture page_title -%}
    {{ 'customer.register.title' | t }}
  {%- endcapture -%}
  {% render 'page-title', title: page_title %}
  
  <div class="m-register-form">
    <div class="m-register-form__wrapper">
      <h1>{{ 'customer.register.title' | t }}</h1>
      <div data-register-form>
        {% form 'create_customer' %}
        {% render 'form__error', form: form %}
  
        <input type="text" name="customer[first_name]" placeholder="{{ 'customer.register.first_name' | t }}" class="form-field form-field--input" />
        <input type="text" name="customer[last_name]" placeholder="{{ 'customer.register.last_name' | t }}" class="form-field form-field--input" />
        <input type="email" name="customer[email]" placeholder="{{ 'customer.login.email' | t }}" class="form-field form-field--input" />
        <input type="password" name="customer[password]" placeholder="{{ 'customer.login.password' | t }}" class="form-field form-field--input" />
  
        <select name="customer[tags][business_types]" id="business_types" class="form-field form-field--select" required>
          <option value="" disabled selected>Business Types</option>
          <option value="I want to Buy for Myself">I want to Buy for Myself</option>
          <option value="Boutique Owner">Boutique Owner</option>
          <option value="Distributor/Wholesaler">Distributor/Wholesaler</option>
          <option value="Chain Store (6 or more)">Chain Store (6 or more)</option>
          <option value="Flea Market">Flea Market</option>
          <option value="Online Retailer">Online Retailer</option>
          <option value="Specialty Chain (5 or less)">Specialty Chain (5 or less)</option>
          <option value="Other Retailer">Other Retailer</option>
        </select>
  
        <div id="additional-questions" style="display:none; margin-top: 15px;">
          <input type="text" name="customer[note][company]" placeholder="Business Name" class="form-field form-field--input" required />
          <input type="text" name="customer[note][website]" placeholder="Your Website" class="form-field form-field--input" />
          
          <select name="customer[tags][product_group]" class="form-field form-field--select" >
            <option value="" disabled selected>Product Group (Category)</option>
            <option value="Bridal">Bridal</option>
            <option value="Casual">Casual</option>
            <option value="Special Occasion">Special Occasion</option>
            <option value="Other">Other</option>
          </select>
          
          <select name="customer[tags][transportation_channel]" class="form-field form-field--select" >
            <option value="" disabled selected>How Did You Hear About Us?</option>
            <option value="Refferral by Vendor">Referral by Vendor</option>
            <option value="Friend">Friend</option>
            <option value="Search Engine">Search Engine</option>
            <option value="Advertising">Advertising</option>
            <option value="Trade Show">Trade Show</option>
            <option value="Social Media">Social Media</option>
          </select>
        </div>
  
        <div class="m-register-form__description">
          {{ 'customer.register.description' | t }}
        </div>
  
        {% assign show_terms = false %}
        {% if settings.agree_text != blank and settings.show_agree_on_register %}
          <div class="m-terms-conditons">
            <label class="form-field--checkbox">
              <input type="checkbox" name="agree_terms" value="yes" required>
              <span class="form-field--checkbox__label">{{ settings.agree_text }}</span>
              <span class="form-field--checkbox__icon">
                <svg class="m-svg-icon--medium" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 20 20">
                  <path d="M18.5 1.5H1.5L1.5 18.5H18.5V1.5ZM1.5 0.5C0.947715 0.5 0.5 0.947715 0.5 1.5V18.5C0.5 19.0523 0.947715 19.5 1.5 19.5H18.5C19.0523 19.5 19.5 19.0523 19.5 18.5V1.5C19.5 0.947715 19.0523 0.5 18.5 0.5H1.5Z" fill-rule="evenodd" fill="currentColor"/>
                  <path d="M14.9975 6.09084C15.201 6.27746 15.2147 6.59375 15.0281 6.79728L8.91631 13.4627C8.82231 13.5652 8.68987 13.6239 8.55079 13.6247C8.41172 13.6256 8.27857 13.5684 8.18335 13.4671L4.99513 10.0731C4.80606 9.87179 4.81596 9.55536 5.01723 9.3663C5.21849 9.17723 5.53492 9.18713 5.72399 9.3884L8.54335 12.3897L14.291 6.12145C14.4776 5.91791 14.7939 5.90421 14.9975 6.09084Z" fill="currentColor"/>
                </svg>
              </span>
            </label>
          </div>
          {% assign show_terms = true %}
        {% endif %}
  
        <button class="m-button m-button--primary m:w-full" {% if show_terms %} data-terms-action disabled{% endif %}>
          {{ 'customer.register.title' | t }}
        </button>
        <a class="m-button m-button--secondary m:w-full" href="{{ routes.account_login_url }}">
          {{ 'customer.login.title' | t }}
        </a>
        {% endform %}
      </div>
    </div>
  </div>
  
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      const businessTypes = document.getElementById('business_types');
      const additionalQuestions = document.getElementById('additional-questions');
  
      businessTypes.addEventListener('change', function() {
        if (this.value !== 'I want to Buy for Myself') {
          additionalQuestions.style.display = 'block';
          const inputs = additionalQuestions.querySelectorAll('input, select');
          inputs.forEach(input => input.required = true);
        } else {
          additionalQuestions.style.display = 'none';
          const inputs = additionalQuestions.querySelectorAll('input, select');
          inputs.forEach(input => input.required = false);
        }
      });
    });
  </script>
451 Views
0 Likes
Report
In response to ifc-dogan

ifc-dogan
Shopify Partner
10 0 1
‎08-12-2024 04:05 AM

I share the code but it unpublishes it. How can I solve this?

621 Views
0 Likes
Report
In response to ifc-dogan

Dan-From-Ryviu
Shopify Partner
9212 1847 1879
‎08-12-2024 04:18 AM

I just need the code so I can give the correct addition code. 

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

582 Views
0 Likes
Report
In response to Dan-From-Ryviu

ifc-dogan
Shopify Partner
10 0 1
‎08-12-2024 04:48 AM

Will that be enough?

      <input type="text" name="customer[first_name]" placeholder="{{ 'customer.register.first_name' | t }}" class="form-field form-field--input" />
      <input type="text" name="customer[last_name]" placeholder="{{ 'customer.register.last_name' | t }}" class="form-field form-field--input" />
      <input type="email" name="customer[email]" placeholder="{{ 'customer.login.email' | t }}" class="form-field form-field--input" />
      <input type="password" name="customer[password]" placeholder="{{ 'customer.login.password' | t }}" class="form-field form-field--input" />
569 Views
0 Likes
Report
In response to ifc-dogan

Dan-From-Ryviu
Shopify Partner
9212 1847 1879
‎08-12-2024 05:26 AM

After referring to the instructions from the Shopify document, collecting phones on the registration page is impossible.

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

510 Views
0 Likes
Report

swym
Pathfinder
86 10 32
‎08-12-2024 07:12 AM

Hey @ifc-dogan, 

 

Unfortunately, you cannot add a phone field to the default registration page in Shopify Liquid. However, you can add custom fields to your store registration form using Third-party apps. I am adding a few apps using which you can customize your store's registration form to add a Phone number field. 

Also, you can check out other apps on the Shopify app store using the link: Form Builder Apps 

 

If my response helped you, please consider giving it a like (👍) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions. 

 

Thank you!

 

Regards, 

Abhishek from Swym

 

- Appreciate the assistance. Show your approval with a Like! And when your question finds its answer, seal the deal by marking it as an Accepted Solution!
- Our Solutions: Wishlist Plus | Swym Back in Stock Alerts | Swym Gift Lists and Registries
477 Views
1 Like
Report

Brett_Helium
Shopify Partner
263 48 114
‎08-15-2024 07:34 PM

Hey @ifc-dogan!

It looks like a couple of people already mentioned this, but unfortunately it's only possible to save the phone number into the customer note when editing the theme code directly. To save the phone number correctly to the customer account you would need an app such as our Helium Customer Fields app. We offer a 14 day free trial for all shops so you're welcome to give it a shot risk free.

Brett | Helium
Helium builds apps that thousands of merchants depend on:
- Customer Fields ✪✪✪✪✪ (350+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (280+ reviews)
334 Views
0 Likes
Report

Community Blog Articles

page_thumb_platform Cropped.png
Get ready for peak holiday selling season 2024

By investing 30 minutes of your time, you can unlock the potential for increased sales,...

By Jacqui Sep 11, 2024
03 leaderboard.webp
Highlights | Top Contributors August '24

We appreciate the diverse ways you participate in and engage with the Shopify Communi...

By JasonH Sep 9, 2024
Jacqui_0-1725391911908.jpeg
Recap | An AMA with 2H Media: Marketing Your Shopify Store!

Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...

By Jacqui Sep 6, 2024
Terms of Service Privacy Policy