← Tools & Integrations

Typedream x Memberstack

A guide on how to set up memberships and gated content on your site

Membership

How does this integration work?

background

First, create a website on Typedream

background

Second, apply Memberstack signup wall

background

Then, users pay you to access content on your site

Uses.

Control your funnel

Activate your onboarding flow

A membership functionality allows you to establish multiple access tiers on your site. While you have some content you might want to offer for free, you can also choose to monetize others by setting up members-only pages.

With Memberstack on Typedream, you can add sign-up / login to bring your user community together.

Adding Memberstack to Typedream.

Step 1

Go to Memberstack
Create an account

Step 2

Go to Plans
Click + Add Plan
Customize your plan and click Create Plan

Step 3

To create a sign up embed

Copy this code 👇
<a data-ms-modal="signup">Sign Up</a>
Go to Typedream and type /embed > Code
Paste the code and click Insert Code
Type /container and choose Card as container style
Put the embed inside the card. You can customize the card to your liking.

To create a log in embed

Copy this code 👇
<a data-ms-modal="login">Log In</a>
Follow the rest of the steps to create a sign up embed

To create a sign up embed specific to each plan

Copy this code 👇
<a data-ms-modal="signup" data-ms-plan:add="your plan value" > Your Plan Name </a>
Go to Memberstack > Plan > Installation and copy the Value attributes
Change your plan value part of the code with the value attributes of the plan you've created
Change Your Plan Name part of the code with the name of the plan that you choose (or any words that you want displayed)

Example: Plan name: Starter Plan Plan value: pln_starter-plan-hl7e0ch1 The embed code 👇

<a data-ms-modal="signup" data-ms-plan:add="pln_starter-plan-hl7e0ch1" > Starter Plan </a>
Follow the steps to create a sign up embed from the second step

Step 4

Go to Memberstack > Settings > Install Code
Copy the code for Webflow
Go back to Typedream > Site Settings > Code Injection
Paste the code in the Site Header and click Update Settings

But wait, what's Memberstack?

Memberstack is a plug-and-play membership backend app that you can easily integrate on your website. The app supports user signups, gated content, and secure payments. Memberstack is used by cool startups like Polar Analytics and Alura.

background

Start building your dream site today.

The world needs to see your awesome idea.

Related guides

Typedream x Memberspace


We're a remote software company, building online tools for creators, builders, and side hustlers. We quit our 9-5 to pursue our dreams, and we want to help others do the same.

Typedream - No-code site builder, easy as Notion, pretty as Webflow | Product Hunt

Backed by

Copyright © 2023 Govest, Inc. All rights reserved.

Made in Typedream