Introduction
In this article, you will learn about using an Aitrillion customer account with a new Customer account
Here are the steps to enable the customer account in Shopify's new customer account -:
Step 1: Go to Customer account >> Display on store
Step 2: Enable the I am using Shopify new customer account button
Note📝: The customer account widget will only appear if you enable the I am using Shopify new customer account button
Step 3: 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
{{ 'customer.css' | asset_url | stylesheet_tag }}
<!-- blocks/my-account-block start -->
<div id="aio-my-account-app"
data-customer-id="{{ customer.id }}"
data-shop-url="{{ shop.permanent_domain }}" data-shop-name="{{ shop.name }}" style="min-height:400px;display:none" class="aio-block-width"></div>
<script src="https://static.aitrillion.com/aio-script/aio-my-account.js" defer></script>
<style>
.aio-block-width{
width:100%;
text-align:center;
}
.aio-block-width .aio-app-container {
text-align:left;
width:1200px;
max-width:100%;
margin-left:auto;
margin-right:auto;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:15px;
display:inline-block;
}
</style>
<!-- blocks/my-account-block end -->
Step 4: Copy the page link 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 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
