How to redirect users to a custom page after email verification & set up access to WhatsApp Answered

good morning, I have a problem with verifying the email, is there anyone who can help me or explain how I can ensure that when the email is verified the member can be redirected to a specific page.

Comments

9 comments

  • Comment author
    Chukwudi Onyekwere

    Good morning Robert,

    By default, Memberstack directs each new customer to their On Signup URL after they verify their email address. You can customize the On Signup URL by updating your default and plan-level redirects.

    Kindly refer to this article for more information.

    0
  • Comment author
    Robert Albastroiu

    I entered but it doesn't redirect me to the right page

    This is the redirect I imposed

    How can I create an email verification system before the user registers?

    0
  • Comment author
    Chukwudi Onyekwere

    It seems the plan redirect link is overriding it. Kindly provide the link to your website so I can check it out.

    Regarding your last question, you can go to your Memberstack dashboard and find the Email Settings section. Here, you can enable email verification for new signups. Email Settings. You have to toggle the button on too as shown in the screenshot.

    0
  • Comment author
    Robert Albastroiu

    I managed to fix the first thing 👍

    regarding my second question about verification before registration, I have already activated that checkbox the user enters the data in the form then checks the email but if the user enters a wrong email memberstack still creates the user inside of the dashboard

    I would like to ask you another question regarding memberstack, in my project the user registers for free and after registering he sees a dashboard, in the dashboard there is a button that sends the user if he wants to send me a request by paying €10 I would like that when pay he can be able to write to me on whatsapp how can I do it?

    0
  • Comment author
    Chukwudi Onyekwere

    You can do that in these few steps:

    Step 1: Set Up a Paid Plan in Memberstack

    1. Create a Paid Plan: Log into your Memberstack dashboard and create a new plan. Set the price to €10. This plan will be used to handle the payment process.
    2. Plan Features: You might want to add a feature or description indicating that this plan allows users to contact you on WhatsApp after payment.

    Step 2: Integrate the Payment Button on Your Dashboard

    1. Add a Payment Button: On your user dashboard, add a button that users can click to subscribe to the €10 plan. You can use Memberstack's data-ms-price attribute to link this button directly to the plan you created. For example:  <button data-ms-price:add="PRICE_ID">Contact on WhatsApp for €10</button>, replacing "PRICE_ID" with your actual plan's price ID.

    Step 3: Redirect to WhatsApp After Payment

    1. Payment Confirmation page: Set up an empty page on Webflow, let call it success.
    2. Memberstack script: Add the script below to the page so that upon a successful checkout, the user is redirected to the page, /success which takes them instantly to this link which will now direct the user to WhatsApp with the message "Hi Robert, I would like to know more about your product. Thank you."
    <script>
    window.$memberstackDom.getCurrentMember().then((member) => {
    if (member.data) {
    const planConnections = member.data["planConnections"];
    if (planConnections && planConnections.length > 0) {
    const planA = "pln_IDForPlanA"; // Replace pln_IDForPlanA with the Plan ID (not Price ID) of the €10 Plan
    const planIds = planConnections.map(connection => connection.planId);
    if (planIds.includes(planA)) {
    window.location.href = "https://api.whatsapp.com/send?phone=442222222222&text=Hi%20Robert%2C%0A%0AI%20would%20like%20to%20know%20more%20about%20your%20product.%0A%0AThank%20you.";
    } else {
    window.location.href = "/richiesta-personalizzata"; //Replace the URL here with URL you would want unauthorized users to be redirected
    }
    } else {
    window.location.href = "/richiesta-personalizzata"; //Replace the URL here with URL you would want unauthorized users to be redirected
    }
    } else {
            window.location.href = "/richiesta-personalizzata"; //Replace the URL here with URL you would want unauthorized users to be redirected
    }
    });
    </script>

    Remember to replace the phone number 442222222222 with yours, starting with the country code and also replace pln_IDForPlanA with the Plan ID (not Price ID) of the €10 Plan

    0
  • Comment author
    Robert Albastroiu

    the only thing I didn't understand when the user pays with stripe how do I redirect him to the success page?

    0
  • Comment author
    Chukwudi Onyekwere

    You'd have to set up the On Signup/ On Purchase redirect for the €10 plan. To set it up correctly, you can refer to this article

    0
  • Comment author
    Sagar Panchal

    Hello everyone!

    I want to implement WhatsApp OTP verification in my Webflow CMS template. Can anyone help me with this?

    0
  • Comment author
    A J

    Hey Sagar Panchal, I believe currently there is no native way to do this via Memberstack.

    However, there are a few solutions like WhatsAuth which integrates with webflow forms as well. You could further explore and see if it fits your use-case. Hope this helps.

    0

Please sign in to leave a comment.