Add Check Mark Button (Sign Up To Newsletter) On Registration page

Hi,

I want to add check mark button so customers can sign up for newsletter on registration page, and I want to change the font size on the form title.Can someone please help me?

Store url :https://prettypleaseatelier.com

password: Naomi

Where I want to add the check mark :down_arrow:

the result I want

Hello @NaomiNN ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to register.liquid or create-account.liquid file

Within the form, you’ll need to add a new input field for the newsletter subscription checkbox. Insert the following code snippet at an appropriate place within the form:


  

Go to Assets folder → base.css file

Add this following code at the bottom of page to resize the font size

.registration-title {
  font-size: 24px;
}

Save and preview

Hope this can help. Let us know if you need any further support.

Transcy

2 Likes

Thank you so much, the first code worked but not the second do you have another one to modify the registration title and the connexion page title ?

it is possible to add a space between the check box and the password ?

There is no space

Hello @NaomiNN ,

You can try these steps again:

Before adding the code to modify the font size in Assets folder. Go to register.liquid file

# Welcome to Our Store Registration

Open the login.liquid file and locate the HTML tag that contains the login page title. It is typically an

,

,

, or

heading tag.

Apply the same process.

To add a space, go to Assets folder → base.css file

Add this following code

.form-group {
  margin-bottom: 10px; 
}

Note: Adjust the value as needed

Save and preview

Let us know if you can make it.

Transcy

It’s not working I can’t reduce the size or add a space on top of the box.

the code duplicate the title

The code for the font worked thank you. :blush:

For the space it’s still not working.

Hey @NaomiNN ,

If you are still having trouble getting this set up, you could also try using an app such as Helium Customer Fields, which allows you to build fully custom registration forms to collect information such as newsletter signup, birthday, gender, or anything else!