Manage Customer Login Pages in the Back-Office 

You can customize the content that appears on the login page of the storefront:

  • Top content

  • Bottom content

  • CSS Styles

  • Add a logo

  • Add a background image

To edit the existing customer login page:

  1. Navigate to Marketing > Customer Login Pages in the main menu.

  2. Click at the end of the row.

    Note

    There is only one customer login page available, and you cannot create more. If you update the login page in one organization, the changes will be reflected in other existing organizations.

    Blank customer login page
  3. To update Top Content, provide the text of your choice in the block on the right. Once saved, the content in the storefront will be updated with new content appearing above credentials input fields.

    Top content added to storefront
  4. To update Bottom Content, provide the text of your choice in the block to the right. Once saved, the content in the storefront will be updated with new content appearing below the Sign In button.

    Bottom content added to storefront
  5. To update CSS Styles, provide CSS code in the block to the right. Once saved, the content in the storefront will be updated after page refresh.

    CSS style added to storefront, changed color of the header to red

    Note

    Depending on your application configuration, the CSS Styles field might only be visible to your administrator. You can enable/disable this setting in the config/config.yml file.

  6. To add a Logo, click Choose File next to the Logo field and select a picture for the login page.

    Logo added to the login page

    Click next to the uploaded file to remove the selected logo.

  7. To add a Background Image, click Choose File next to the Background Image field and select a background picture for the login page.

    Background added to the login page
  8. Click Save and Close.