In this comprehensive article, we'll explore the step-by-step process of enabling membership portals for your customers.
Step 1: Go to the Shopify account >> Go to Themes >> Customize
Step 1: Copy the code below
<!-- ======== Membership btn- Use below block in account page ======= -->
<div id="aio-membership-button-wrapper" class="">
<a class="aio-membership-button" href="{{ shop.url }}/apps/aitrillion/membership/auth_init.php">MEMBERSHIP ACCESS</a>
</div><style>
#aio-membership-button-wrapper {
text-align: center !important;
display: block;
}
.aio-membership-button, .aio-membership-button:hover {
padding: 10px 20px 10px 20px !important;
color: #FFFFFF !important;
background: #000000 !important;
border-radius: 4px !important;
font-size: 15px !important;
margin: 20px 0px 20px 0px !important;
text-decoration: none !important;
line-height: 1;
font-weight: 400;
letter-spacing: inherit;
display: inline-block;
}
</style>
<!-- ======= Membership btn blockcode End ====== -->
Step 2: Go to Shopify Admin > Online Store > Themes > Actions (Published theme) > Edit Code
Step 3: Add a new snippet ait-Membership-Button under Snippets and paste the copied code. Then save the file.
Step 4: Find the product customer.account.title in the file main-account.liquid under Sections and paste the below code after it.
{% render 'ait-Membership-Button' %}
Step 5: Then Save the file.