Skip to main content

How to implement course enrollment with payment processing and plan assignment?

Hi again A J the User Flow:

  1. The user clicks on a course card.
  2. They are redirected to the course’s individual template page.
  3. The user clicks on the Enroll button.
  4. They are taken to a confirmation page where the full price breakdown is shown (similar to a checkout page).
  5. The user clicks Enroll again.
  6. This redirects them to the Razorpay payment portal.
  7. After successful payment, Zapier captures the payment confirmation.
  8. Zapier then assigns the correct plan/access to the user in Memberstack.
  9. The user is redirected to the dashboard.
  10. The purchased course is now visible in their dashboard, while other courses remain locked.

So, what i need is i am using your memberstack #185 demo project as a template to start things but as i am newbie in webflow i am so confused about it so please help me to build this sorry guys i am soo tired of doing trial and errors can you guys please help me with solid approach to make things work in webflow : )

https://preview.webflow.com/preview/course-progress-eae1e0?utm_medium=preview_link&utm_source=dashboard&utm_content=course-progress-eae1e0&preview=d49a9d141e1ac7ebfb308d31723353ff&workflow=preview

Right now, when I add users manually in Memberstack, the plan is not getting assigned properly. So what I need is: when a user clicks on the Enroll button on the course page, if they are not logged in, they should be redirected to signup/login. If they are already logged in, they should go to the checkout page. From the checkout page, when they click enroll, they should be redirected to the Razorpay payment portal. After successful payment, the plan should be assigned automatically, and the user should be redirected to the dashboard where their purchased course will be visible.  please provide the steps to add zapier automation with razorpay and how we should setup plans in this case

2 comments

  • A J
    A J

    Hey Utsav Soni,

    Since it's a custom flow using Razorpay and not Stripe, I will give you an overview of how this could work.

    • Have two buttons (or three if you want to show one button saying 'Enrolled' after a user purchases the plan)
    1. You can link the first button to the Signup page and add a custom attribute for this button as data-ms-content="!members". This will ensure that this button is only visible on the course page if the user is logged out.
    2. Have a second button and link it to your relevant Razorpay checkout page for each course. Use #188 memberscript to add relevant custom attribute to the button such that this button is shown only for users who do not have that plan assigned to them.
    • Setup free plans in Memberstack for each course that you offer.
    • In the Zapier, setup a Razorpay trigger to listen to Invoice Paid / Payment captured - not sure which one you are gonna use for your project but setup the relevant trigger and I am assuming this trigger will give you the user's email ID as well.
    1. Setup an action to find member in Memberstack via the email ID from the Razorpay trigger data
    2. Setup 2nd action to add a free plan to the user found in previous step based on the purchase made (You will have to figure out a logic to find what plan to assign based on the data you get from Razorpay)

    This should help you setup the flow accordingly.

    0
  • Utsav Soni
    Utsav Soni OP

    okay thankyou A J i'll try this out this : )

    0

Please sign in to leave a comment.

Sitemap