Customizing Your New Customer Account Page

If you have enabled the New Customer Account feature in Customer Accounts settings, you can customize the page style using the theme configuration editor in the Checkout Settings module. Optimizing the page design reinforces your brand identity, maintains brand consistency, builds customer trust, and enhances the user experience of your website.

Accessing the Page Editor

You can personalize the appearance of the new customer account pages through the theme configuration editor in the Checkout module. Follow these steps to access the editor:

1. In the SHOPLINE admin panel, go to Settings > Customer account.
   
2. In the New customer account section, click Customize next to the Theme configuration option.
   
3. Under Theme configuration in the Checkout Settings module, click Customize checkout to open the editor.
   

Customizing the New Customer Center

Follow these steps to access the customization page for the New customer center:

1. On the theme editor's homepage, click the page selector at the top and select Login and registration or Account page under New customer center.
   
2. Configure the following custom settings:
   

   Note: Only the settings in the New customer center theme area are specifically designed for the new customer center pages. If you modify settings in General settings, the changes will apply to both the checkout and the new customer center pages.

• • Customize the page Logo: Click Add images to select or upload the store logo from the file library and adjust the logo size.
  • Set the New customer center background: Click Add images to select a background image, or use the color picker to change the background color.

3. Click the device icons to preview the design on different devices, and click Save to apply your changes.
   
   

General Settings

Each page in the checkout theme editor includes a General settings section. All configurations in this section apply to both the checkout page and the new customer center page. To configure general settings on the New customer center page:

1. On the theme editor's homepage, click the page selector at the top and select Login and registration or Account page under New customer center.
   
2. In the General settings section, configure the following:

• • Color: Click the color picker to adjust colors for the following items to ensure text readability
    • Button background: The background color of buttons.
    • Error message: The text and border color for error notifications (e.g., incorrect account or password).
    • Highlighted information: The color of links, checkboxes, input box borders, and drop-down menus.

• • Font: Click Change to modify the Title and Body fonts, or click Restore default settings to quickly revert to the default fonts.

3. Click the device icons to preview the design on different devices, and click Save to apply your changes.

Managing Live and Draft Themes

After saving your first theme draft, the system will automatically generate a default theme file named Default Profile, which is stored in Checkout Settings > Theme configuration > Live checkout in the admin panel. You can also duplicate this file to create drafts and experiment with different page designs.

For detailed instructions on managing live and draft themes, please refer to the "Managing Your Checkout Editors" section in the "Customizing Your Store Checkout Pages" article.