Membership General Settings: Membership Product Not Being Added to the Cart

Introduction

If your membership product is not being added to the cart, it can prevent customers from completing their purchase and accessing membership benefits. This issue is usually related to configuration settings and theme compatibility.

In this article, we’ll walk you through the common reasons behind this issue and how to resolve them, so you can ensure a smooth and hassle-free checkout experience for your customers.

Note: The membership will not work until the class and ID have been added to the general settings.

​

A) Follow the steps below to find the product block class:

Step 1: Go to the Product page of the store, right-click on the Add to Cart button, and click on Inspect.

Step 2: You'll be able to locate form tag and copy the class from the parent tag of product-form


Note: The parent <div> class above the <form> or product-form tag needs to be added.

Step 3: Go to Membership V2 >> Settings >> General settings, paste the class, and click on

Save class.

B) Follow the steps below to find the checkout button ID:

Step 1: Go to the Cart page of the store, right-click on the Checkout button, and click on Inspect.

Step 2: Click on the Checkout button and copy the ID from the button tag.

Step 3: Go to Membership V2 >> Settings >> General settings, paste the copied ID, and click on the Save ID button.

Important Notes:

• Ensure the correct parent <div> class of the <form> or product-form is added in the Membership V2 general settings. Missing or incorrect classes can prevent the product from being added to the cart.
• Always copy the class from the parent container, not just the <form> tag itself.
• After updating the class or checkout button ID, click Save and allow a few minutes for changes to reflect.
• Make sure you are inspecting the correct Add to Cart and Checkout buttons from your active theme, as class names may vary.
• If your theme has been customized or updated, you may need to re-check and update the class and button ID again.
• Clear your browser cache or test in an incognito window to verify the changes.
• Test the setup on both desktop and mobile devices to ensure consistent behavior.
• If the issue persists, check for theme conflicts or custom scripts that may interfere with the add-to-cart functionality. 
  

Next ⏭️

Add a plan at the front store

More Helpful Articles

Create a plan or membership product

How to setup Membership V2 at the front store?

• Related Articles

• What is membership module?

  Introduction The Membership module helps you create and manage exclusive programs for your customers, offering special perks, discounts, and premium access. It allows you to build a loyal customer base by providing added value through paid or free ...

• How To Setup Restriction On Product Price And Add To Cart Button? (Membership V1)

  Introduction In this article, you will learn how Product Price and Add to Cart buttons can be restricted to access only by members. Follow the below steps to setup restriction:- Step 1: Go to Membership >> Dashboard >> Create a new plan or edit an ...

• Configure the General settings in the Membership V1 module

  Here are the steps to configure Genereal settings -: Step 1: Head over to the Membership >> Dashboard. Step 2: Head over to Settings. Step 3: The first tab in the global settings area is for General settings. Here you can configure the messaging ...

• Setup Abandoned Cart Popup

  Introduction Capture your visitor’s attention with Aitrillion's exit-intent type abandoned cart popups. This is an excellent idea to implement, if you find people are leaving their cart behind without making a purchase. Here are the steps to setup ...

• How To Setup Recurring Membership Module? (Membership V1)

  Watch the Quick Video below to set up the Membership module Membership Module Integration Steps Create Plan Add Short-codes in theme liquid files(Optional) Add Short-codes in theme liquid files only if using Restricted Access(Plan Rules) in ...