Skip to main content
All CollectionsMembershipsExclusive Membership Access
How to limit customers' access to 'Add to Cart Button', to make it 'Member' only
How to limit customers' access to 'Add to Cart Button', to make it 'Member' only

Setting Add to Cart button as exclusive to Members only, as a Membership perk

Updated over 3 months ago

Overview

While offering special discounts to 'Members' only is a great perk to make Memberships and Loyalty programs attractive with, elements that bring exclusivity, such as exclusive access to certain portions of your store, can also build demand for your Memberships, if tactically implemented.
โ€‹
Appstle Memberships offers this perk, through which you can hide the ADD TO CART button from non-members and make it members only. You can achieve that by simply following some of the steps mentioned below.

Step 1: Create a Membership Plan.

To set Membership perks, first you'll need to have created a membership plan. You can view the detailed process for creating a membership plan here.

Step 2: Select the Membership Perk.

After creating the membership plan, click on Membership perks as shown in the screenshot below:

In Membership perks, select the 'Limit access to Add to Cart Button' option from the dropdown.

Step 3: Pick the selector of add to cart button.

A selector is required to hide the add to cart button. You can find this by inspecting the elements of your storefront. If you are not comfortable with selectors, please contact our 24X7X365 support team, and they will be more than happy to help you out.

Once you have the selector, simply paste the selector as shown in the screenshot, and customize the block message to suit your needs.

Step 4: Choose the restriction method.

We provide two methods of restriction:
1) Restriction via URL
2) Restriction via product attribute

  1. Restriction via URL

  • If you want to hide the add to cart button of a specific product, you need to select "Exact" from the "Path match type URL." This means that the Add to Cart button in the page that 100% matches the URL will be hidden.
    โ€‹

    NOTE: You just need to copy the last part of the URL, i.e. the path after your shop name ends!

Now, paste the URL and save the plan. Now you are good to go!

By selecting "contains" from the dropdown, you can hide the 'Add to Cart' button of all products that include the same term in the URL.

According to the screenshot below, the add to cart button in any page whose URL contains 'products' will be hidden from non-members.

2. Restriction via product attributes.

If you do not want to hide the add-to-cart by the URL method, you can hide it through name tag, vendor collection, or by its type.

Hiding the add to cart button by the product tag.

To hide the button for a specific product, you need to paste the tag in the given field. You can find the tag in the Shopify admin.

Once this is done, the add-to-cart button for products that have this tag will be hidden from non-members.

Hiding the add to cart button from the collection page.

This will help you to remove the add to cart button from the collection page as well as from the product page. To hide the button from the collection page, you will be needing the value of the handle from the console. If you need any help with it, please reach out to us, and we will be happy to help.

  • You can also restrict the customer from purchasing a specific product by the vendor name or by type. You will find both these values in the Shopify product section.

Once you have the tags, simply copy and paste them into the values fields as shown in the screenshot below.

After you have done this, save the plan. Now only your members will be able to see the add to cart button on the collection pages in your store.

NOTE: In order to see the button(s), members must be logged in with the email accounts or user IDs with which they bought membership in your store.

If you have any questions about your customers' membership subscription or member profiles, or if you need any other help, please reach out to us at membership-support@appstle.com, or just ping us through the live chat widget on our app. Our 24x7x365 available experts will be happy to assist you further.

Did this answer your question?