Skip to main content

Lesson 8 of 8 · 4:15 · Intermediate · Webflow

A/B test your pages

Split-test headlines, pricing and buttons to see what converts.

Where this fits

You’ve worked on keeping members. Growing means getting more of them, and conversion testing shows which version of your page does that best.

By the end of this lesson you can

  • Create a conversion test in the Memberstack dashboard
  • Choose sign-ups or plan purchases as the goal
  • Add version A and B attributes to elements in Webflow
  • Track visitors and pick a winner

Lesson notes

How it works

How conversion testing works in Memberstack

A conversion test shows visitors two versions of one element, like a headline, a button, a pricing card or a whole section, and tells you which one gets more people to sign up or buy. Memberstack splits visitors automatically: half see version A, half see version B, and each visitor keeps seeing the same version when they come back.

Because it's built into Memberstack, it already knows who signed up or bought a plan. You don't need a separate testing tool or extra tracking code to connect a visit to a conversion. For example, if you can't decide between "Start a Free Trial" and "Try it Free for 14 Days", run both and let your visitors decide.

When a test is worth running

Test when you're about to change something that matters, like your pricing page, signup button or homepage header, and you want proof it helps. It also settles debates when your team can't agree. Change one thing per test, so you know what made the difference.

Set up a test

  1. In your dashboard, click Conversion Testing in the left sidebar and start a new test.
  2. Name it, like "Home Page Title", and choose the goal: sign-ups or plan purchases.
  3. Enter your versions (copy your current one in as version A), then click Create test.
  4. Memberstack shows the attributes for each version. In Webflow, select the element, open its settings and add version A's attributes under Attributes.
  5. Duplicate the element, change its content to version B, and change the attribute value to version B's. The attribute name stays the same.
  6. Publish. On refresh, each visitor sees only one of the two.

Read the results and pick a winner

Back in Memberstack, open the test to see visitors come in over time and which version is converting better. When there's a clear winner, stop the test and choose which version everyone sees. Give it enough traffic first: a handful of signups can swing either way.

Before you move on

0 of 5

Tick these off on your own site. Done with all of them? You’re ready for the next lesson.

Up next: Next journey, you’ll build with AI, starting with Rey, the dashboard assistant, setting up plans and gating for you.

Chapters

Common questions

Can I A/B test a Webflow page with Memberstack?

Yes. Create a conversion test in the Memberstack dashboard, add the attributes it gives you to version A and version B of an element in Webflow, and publish.

Do I need extra tracking code for Memberstack conversion tests?

No. Memberstack already tracks its own signups and purchases, so it links each version to conversions without third-party tracking code.

Will a returning visitor see a different version?

No. Each visitor keeps seeing the same version on later visits.

Checked against the Memberstack docs

TranscriptAuto-generated captions
  1. 0:00

    Hi, I’m Meimei from Memberstack, and today we’re going to talk about our new feature— conversion testing. So, conversion testing allows you to show visitors two versions of an element on your site and test which one is better at encouraging people to sign up or make a purchase. This could be a headline, a button, a price card, or even an entire section. Memberstack automatically segments your visitors. Half will see version A, and the other half will see version B. And each user will see the same version on

  2. 0:29

    each subsequent visit. The system then counts which of them registered or made a purchase. For example, if you’re not sure whether the headline on your pricing page should read " Start a Free Trial" or " Try it Free for 14 Days ." You can add both of these headlines, run a test, and later see which one actually brought in more signups. So why use conversion testing? You may choose a headline because you like it better, but you don’t know for sure whether it will

  3. 0:59

    help or hurt. And the test will show the result on real visitors. Because this is built into Memberstack, the system already knows who has signed up or purchased something. You don’t need separate tools or third-party tracking code to link data. So, the best time to do conversion testing is when you are about to change something important on your website. For example, a pricing page, a registration button, or the homepage header . And you want to make sure that these changes

  4. 1:28

    will actually benefit you, or if your team can’t agree on two options and you want visitors to decide for themselves. To use conversion testing, go to your Memberstack dashboard and click on Conversion Testing in the sidebar on the left. After that, you can run a new test like this . You need to name the test and then choose what will be considered a successful result . This can be either registration or payment for a tariff plan. So, in my

  5. 1:57

    case, I will test the home page title and call it “Home Page Title”. It will be based on sign-ups, so the versions users will see are my headlines for the main page. Right now I have this title, which will be the current version, and version B will look something like this. So I’ll just copy my current version. And then I’ll just click "create test." Here you will get a set of

  6. 2:28

    attributes that you will need to add to Webflow. So, as you can see , it gives us version A and the exact attributes that should be added. So we’ll just copy this into Webflow, go to settings, then to attributes, and add them here. Okay, the settings for version A are ready. We duplicate this element and then rename it, say, to version B title. Then we change

  7. 2:58

    the attributes for version B. The name remains the same, only the value changes. And now we’re going to add it here. So, we added attributes for versions A and B, and after that we simply publish our page. After publishing, you will see that if you refresh the page, only one title will be displayed. In my case, I see version B. We return to Memberstack and click " go to test".

  8. 3:29

    From here you will be able to see all visitors appearing over time. You will also be able to see which of your versions is winning and converting in signups. So, once you have a clear winner , you can stop the conversion count or test and choose which version users see. This will be either version A or version B. So, we’ve completed our overview of how to set up conversion testing on your site. If

  9. 4:00

    you have any questions, please write in the comments below, and we’ll see you in the next video. See you later.

This is v1 of Memberstack University, built from the tutorials we’ve put so much work into over the years. We’d like to make a more organized series.