How Do I Edit the WooCommerce Register Page?

If you are using WooCommerce to sell products on your WordPress site, you may want to customize the appearance of the registration page. By default, the WooCommerce registration page includes fields for customers to enter their username, email address, and password.

You can edit these fields and add new ones by going to WooCommerce > Settings > Accounts and Privacy.

On the Accounts and Privacy page, you will see a section called “Registration.” Here you can edit the default fields and add new ones.

To add a new field, click the “Add Field” button. You can then choose what type of field you want to add, such as text, select, checkbox, radio button, or password. Once you have added all of the fields you want, click the “Save Changes” button at the bottom of the page.

After saving your changes, you will need to style the WooCommerce registration page to match the rest of your site. To do this, you will need to edit your theme’s CSS file.

For example, if you are using the Twenty Seventeen theme, you would need to edit the style.css file in the Twenty Seventeen folder of your WordPress installation. If you are using a child theme, you would need to edit the child theme’s CSS file.

In your theme’s CSS file, look for the “#customer_login” selector. This is where you will add your CSS rules to style the WooCommerce registration page. For example, if you want to change the background color of the form, you would add the following rule:

#customer_login {

background-color: #fff;

}

How Do I Edit The WooCommerce Register Page?

You can edit default fields and add new ones by going to WooCommerce->Settings->Accounts and Privacy from your WordPress account.

On Accounts and Privacy page locate Registration section where all available options are listed.

To add a new field click “Add Field” button.

Once done adding required fields click on “Save Changes” button at bottom of same page.

After saving changes mentioned in step 3 next task is to style newly created registeration form.

For styling purpose open WordPress themes folder located inside wp-content from where open currently active theme’s folder.

Now look for style.css(style sheet) file inside opened theme’s folder.

Find #customer_login{…} this is where one need to add newly created registeration form styling rules.

Save file after adding necessary changes and open website in browser(preferably in incognito mode) to see changes made by you.