Accounts
      Back to home
      1. Knowledge Base
      2. Building in Nyla
      3. Accounts

      Building Accounts Pages

      Starting points for your accounts pages

      This article summarises the templates available as starting points for building accounts pages in Nyla.  

      In order to see more information about accounts, see here.

      Templates

      • Account - Log in
        • Fully-built log in form to be used on the /account/login page.
        • Requirements:
          • Global design tokens for Typography, CTAs, and Forms set up
      • Account - Create Account
        • Fully-built account creation form to be used on the /account/create page.
        • Requirements:
          • Global design tokens for Typography, CTAs, and Forms set up
      • Account - Recover
        • Fully-built password recovery form to be used on the /account/recover page.
        • Requirements:
          • Global design tokens for Typography, CTAs, and Forms set up
      • Account - Reset
        • Fully-built password reset form to be used on the /account/reset page.
        • The customer will only be able to access this page from a link sent to their email after submitting the password recovery form.
        • Requirements:
          • Global design tokens for Typography, CTAs, and Forms set up
      • Account - Activate
        • Fully-built account activation form to be used on the /account/activate page.
        • The customer will only be able to access this page after receiving an activation email.
        • Requirements:
          • Global design tokens for Typography, CTAs, and Forms set up
          • Activate Account page is created
      • Account - Activation Request 
        • Fully-built account activation request form to be used on the /account/activate-request page.
        • This form sends an activation email to the user.
        • Requirements:
          • Global design tokens for Typography, CTAs, and Forms set up
          • Activate Account Request page is created
      • Account - Header
        • A header to be used in the Profile, Orders, and Picks for You pages.
        • This allows users to navigate easily between different account pages after logging in.
        • Requirements:
          • Global design tokens for Typography, CTAs, and Forms set up
      • Account - Profile
        • Profile page body which allows users to view and edit their personal details, addresses, and password.
        • Requirements:
          • Global design tokens for Typography and CTAs set up
          • Multicurrency app enabled (if applicable)
      • Account - Create Address
        • Fully-built new address creation form to be used on the /addresses/create page.
        • Requirements:
          • Global design tokens for Typography, CTAs, and Forms set up
      • Account - Edit Address
        • Fully-built edit address form to be used on the /addresses/edit page.
        • The user is able to access this page by clicking “Edit Address” on an existing address in the profile page.
        • Requirements:
          • Global design tokens for Typography, CTAs, and Forms set up
          • Account page set up
      • Account - Orders
        • Orders page body which allows users to view their order history.
        • Requirements:
          • Global design tokens for Typography and CTAs set up
          • Multicurrency app enabled (if applicable)
          • Subscription app enabled (if applicable)
      • Account - Order Details
        • Order details page body which allows users to view specific orders.
        • This is accessible by clicking on the “View Details” button of an order in the Orders page
        • Requirements:
          • Global design tokens for Typography and CTAs set up
          • Orders page set up
          • Multicurrency app enabled (if applicable)
          • Subscription app enabled (if applicable)

      Blocks

      • Subscription block