Customize the shopify account page

Shopify Discussion

Topic summary

A user seeks to customize their Shopify account page with two specific features:

1. Welcome Message with Customer Name

  • Solution provided: Modify the main-account.liquid file by replacing the H1 tag with Liquid code that displays “Welcome [customer first name]!”
  • Status: Successfully implemented and confirmed working

2. Email Validation on Account Page

  • Solution provided: JavaScript code snippet that validates email input by checking for [email removed] symbol
  • Implementation note: Requires replacing placeholder IDs (#my-form and #email) with actual form and input IDs from the theme
  • Status: Code shared, awaiting implementation confirmation

Alternative suggestion: Consider using Customer Accounts apps for more advanced layout options beyond custom coding.

Both solutions involve editing theme code files, which requires access to the Shopify theme editor.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
6

Please try this code @timoo23

document.querySelector('#my-form').addEventListener('submit', function(event) {
    const email = document.querySelector('#email').value; 
    if (!email.includes('@')) {
        event.preventDefault();
        alert('Please enter a valid email address.');
    }
});

Please replace the #my-form with your form id and email with your email input id.

Best regards
K.K

1 Like