Enable AiTrillion Customer account in Shopify new customer account

Enable AiTrillion Customer account in Shopify new customer account

Introduction

In this article, you will learn about using an Aitrillion customer account with a new Shopify Customer account.


What is Customer Account?

AiTrillion "Customer Account" is a revolutionary enhancement replacing Shopify's default My Account page. This all-in-one module consolidates all AiTrillion customer-facing features and Shopify default functionalities into a single, user-friendly interface.

By providing seamless access to My Profile, My Orders, Loyalty Programs, Product Reviews, Product Recommendations, Memberships, Affiliates, Available Discounts, and more, the Customer Account Module ensures an enriched customer experience designed to drive engagement and boost conversions.


Here are the steps to enable the customer account in Shopify's new customer account -:



Step 2: There are 2 options available to select account type; click on New customer account.



Now, there are two versions of AiTrillion available in Shopify's new customer accounts:

1.) Lite version - Mainly used for adding a custom menu or section, but first-time customers need to visit the Shopify profile page and click the button to access the AiTrillion customer account page. To add redirection for the subsequent visits, redirection must be set up by our support team. To get assistance, email us at support@aitrillion.com or simply click the chat icon on your AiTrillion dashboard.

2.) Advance version - In the lite version, due to Shopify's limitations, we had to create a separate customer account page and need to add a button on the Shopify profile page to redirect users to the AiTrillion customer account. With our new Embedded version, we've overcome this limitation—AiTrillion features can now be accessed directly within Shopify's native customer interface, with no redirects needed but custom menu or custom section won't work due to Shopify's limitations


1.) Lite version

Step 1: Click on Lite version and click on Save & continue



Step 2: Click on Menu Ordering and enable the tab according to your requirements.




Step 3:  Now, Go to Shopify admin >> Online store >> Themes >> Edit code >> Add new template >> Select template type to Page >> Click on Liquid >> Add a name - customer-account >> Copy the below code -: >> Go to the Pages >> Click on Add new pages >> Give a name to the page >> Select the template Customer account


  1. <!-- blocks/my-account-block start -->
  2. <div id="aio-my-account-app"
  3. data-customer-id="{{ customer.id }}"
  4. data-shop-url="{{ shop.permanent_domain }}" data-shop-name="{{ shop.name }}" style="min-height:400px;display:none" class="aio-block-width"></div>
  5. <script src="https://static.aitrillion.com/aio-script/aio-my-account.js" defer></script>
  6. <style>
  7. .aio-block-width{
  8. width:100%;
  9. text-align:center;
  10. }
  11. .aio-block-width .aio-app-container {
  12. text-align:left;
  13. width:1200px;
  14. max-width:100%;
  15. margin-left:auto;
  16. margin-right:auto;
  17. padding-left:15px;
  18. padding-right:15px;
  19. padding-top:15px;
  20. padding-bottom:15px;
  21. display:inline-block;
  22. }
  23. </style>
  24. <!-- blocks/my-account-block end -->



Step 4: Copy the page link >> go back to the AiTrillion account and paste the link to the Button URL in AiTrillion.




Step 5: Go to Shopify admin >> Click on Customize >> Click on Home page >> Checkout and Customer account >> Click on Checkout >> Click on Thank you >> Click on App Block icon >> Click on Advanced Customer account and click on Profile and Click on Save


Now, the Customer account block will be visible on the Profile page, and on Click of the button the customers will be redirected to the page which has been linked to the button URL



2.) Advance version

Note: Due to a limitation in Shopify, you can't be able to add custom tabs or custom menus to the native Shopify customer account page.

Step 1: Click on Advanced (embedded) version and click on Save & continue.



Step 2: Click on menu ordering and enable the tab/menu according to your needs.
Notes
Note: To check the details of the available tabs - Click here 



Step 3: There are 2 places where you can add the customer account:
1.) Profile
2.) Orders

1.) Profile - To add the customer account on profile page, go to Shopify admin >> Online store >> Customize >> Click on down arrow next to Home page >> Checkout and customer account >> Profile >> App block >> Advance customer account and click on Save.




2.) Orders page: To add the customer account on orders page, go to Shopify admin >> Online store >> Customize >> Click on down arrow next to Home page >> Checkout and customer account >> Orders>> App block >> Advance customer account and click on Save.




The customer account will now appear in Shopify’s new customer account interface under the Orders/Profile page.

    • Related Articles

    • How to Enable & Set Up AiTrillion on Your Shopify Store?

      Setting up AiTrillion on your Shopify store is quick and easy! Follow these simple steps to activate the app and start leveraging its powerful features. ✅ Step-by-Step Guide: Step 1: Check Your Dashboard If you’re a new Shopify seller, you'll see a ...
    • Next steps after you install AiTrillion

      Introduction Congratulations on installing AiTrillion! ? Now, let’s set up the essentials to maximize its features and enhance your Shopify store’s marketing, automation, and customer engagement. Follow this step-by-step guide to get started: ...
    • How to Install & connect AiTrillion with Shopify?

      Introduction Integrating AiTrillion, the all-in-one Shopify marketing app, with your store is quick and seamless! Follow these step-by-step instructions to complete the setup and start using powerful automation tools to boost sales. ? Step-by-Step ...
    • How do we use API for AiTrillion ?

      Breaking barriers, creating opportunities! We're thrilled to introduce a groundbreaking advancement that redefines your loyalty program experience. Say hello to AiTrillion Front Store REST APIs, your key to effortlessly integrating AiTrillion's ...
    • Setup AiTrillion Customer account on Shopify Legacy account

      Introduction In this article, we’ll dive into the benefits of enabling customer accounts, how they streamline the shopping process, and step-by-step instructions on how to activate and manage these accounts effectively. Overview?️ What is Customer ...