How do I create a field for DOB on sign up?

Solved

How do I create a field for DOB on sign up?

KINGWORLDWIDE
Tourist
5 0 1

Hi

I have a points reward system on my store where I'm giving out points on members birthdays.

How can I create an extra field for them to put in their date of birth on sign up?

Let me know,

Callum

www.kingworldwideinc.com

Accepted Solution (1)

satsinghrana
Shopify Partner
331 19 41

This is an accepted solution.

Hi @KINGWORLDWIDE 

To add any extra field in the form follow the below steps: 

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Templates directory, click customers/register.liquid.
  4. Find the following Liquid tags in the code:{% form 'create_customer' %} and {% endform %}
  5. The customer registration form code is between the Liquid tags that you found in the previous step. This is where the default form fields are found, with each field separated by an empty line. Every theme is different, but a customer registration form field looks similar so make sure you are changing the right one.
     

 

<div id="birthday" class="">
        <label for="birthday" class="label">Birthday</label>
        <input type="date" value="" name="customer[note][birthday]" id="birthday" class="text" />
      </div>​

 

Cheers!

Cheers!

banned

View solution in original post

Replies 5 (5)

AfterDarkGrafx
Shopify Partner
219 13 57

search apps.shopify.com  for   register    or account register.   not promoting any one app but what you want is advanced. 

James Byrne, Owner, Information Architect (USMC VET)
After Dark Grafx - Since 1992
"We Work After Dark, So You Don't Have To!"
https://www.afterdarkgrafx.com

Services: Website Design, Mobile App Development (iOS, Android, Windows), Ecommerce, Magento, Shopify, Miva, BigCommerce, Search Engine Optimization, Wordpress, Hosting, Graphic Design, Merchant Accounts, Consulting and all things web related!

Certified Partner/Developer/Affiliates: Shopify, Google Integrator, Wordpress, Zoho, AuthorizeNet, Geotrust and a Member of the San Diego Regional Chamber of Commerce, Veteran Owned Businesses, Veteran's In Business Network.

I also build custom apps for Shopify!

satsinghrana
Shopify Partner
331 19 41

This is an accepted solution.

Hi @KINGWORLDWIDE 

To add any extra field in the form follow the below steps: 

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Templates directory, click customers/register.liquid.
  4. Find the following Liquid tags in the code:{% form 'create_customer' %} and {% endform %}
  5. The customer registration form code is between the Liquid tags that you found in the previous step. This is where the default form fields are found, with each field separated by an empty line. Every theme is different, but a customer registration form field looks similar so make sure you are changing the right one.
     

 

<div id="birthday" class="">
        <label for="birthday" class="label">Birthday</label>
        <input type="date" value="" name="customer[note][birthday]" id="birthday" class="text" />
      </div>​

 

Cheers!

Cheers!

banned
AfterDarkGrafx
Shopify Partner
219 13 57

Sat - I tried to remit a contact form on your site but got crazy long message - was asking you to check this post and see if you could help - I would pay 

 

https://community.shopify.com/c/Shopify-Design/ajax-cart-template-liquid-change-img-to-product-featu...

 

---------------

Array ( [name] => James [email] => sales@afterdarkgrafx.com [message] => hey saw you on shopify community see my post below please ----------------------------------- https://community.shopify.com/c/Shopify-Design/ajax-cart-template-liquid-change-img-to-product-featu... I have this code - ajax-cart...

 

 

In theme.js    (impulse theme) references this: $.each(cart.items, function(index, product) { var prodImg; if (product.image !== null) { prodImg = product.image.replace(/(\.[^.]*)$/, "_180x$1"); } else { prodImg = '//cdn.shopify.com/s/assets/admin/no-image-medium-cc9732cb976dd349a0df1d39816fbcc7.gif'; } I know that is I change                 prodImg = product.image.replace                   would fix this but I am exhausted and looking for a solution.  I am just trying to show the featured image in the ajax cart instead of the variant selected - thanks     let me know cost - James [send-message] => ) 2021-04-22 23:23:34 SERVER -> CLIENT: 220 smtp.gmail.com ESMTP b21sm2691353pfl.82 - gsmtp
2021-04-22 23:23:34 CLIENT -> SERVER: EHLO cldmapps.com
2021-04-22 23:23:34 SERVER -> CLIENT: 250-smtp.gmail.com at your service, [52.88.231.40]250-SIZE 35882577250-8BITMIME250-STARTTLS250-ENHANCEDSTATUSCODES250-PIPELINING250-CHUNKING250 SMTPUTF8

James Byrne, Owner, Information Architect (USMC VET)
After Dark Grafx - Since 1992
"We Work After Dark, So You Don't Have To!"
https://www.afterdarkgrafx.com

Services: Website Design, Mobile App Development (iOS, Android, Windows), Ecommerce, Magento, Shopify, Miva, BigCommerce, Search Engine Optimization, Wordpress, Hosting, Graphic Design, Merchant Accounts, Consulting and all things web related!

Certified Partner/Developer/Affiliates: Shopify, Google Integrator, Wordpress, Zoho, AuthorizeNet, Geotrust and a Member of the San Diego Regional Chamber of Commerce, Veteran Owned Businesses, Veteran's In Business Network.

I also build custom apps for Shopify!
KINGWORLDWIDE
Tourist
5 0 1

Thank you so much!

Hamza_Hussain
Shopify Partner
40 4 9

Do you know how to show this data on the customer page ?

Honey G Hamza