Outseta can easily be integrated with Typedream to turn your site into a subscription or membership business.

This tutorial will walk you through the steps required to build a membership site with Typedream, using our Typedream demo site.

Prerequisites

After creating a free Outseta account, there are a few steps of pre-work that you'll need to do before you begin integrating Outseta with your Typedream site.

  1. Connect Outseta to your Stripe account.
  2. Go to BILLING > PLANS and create at least one membership plan.
  3. Configure the settings on the AUTH > SIGN UP AND LOGIN page.

Once you've taken these steps, you're ready to integrate Outseta with your Typedream site.

Integrate Outseta with Typedream

1. Within Outseta, go to AUTH > EMBEDS and copy the Quick Start embed script.

 

 

2. Sign up for Typedream—you can use one of their pre-existing templates or start building from a blank page. Once you've created your site, go to SITE SETTINGS > CODE INJECTION and paste Outseta's Quick Start embed script into the header of all your website pages. 

IMPORTANT: Due to how Typedream renders javascript, you'll need to make on small modification to Outseta's Quick Start embed script. That edit is reflected in below in bold and in the accompanying screenshot.

<script>
  var o_options = {
    domain: 'typedream.outseta.com',
    monitorDom: true
  };
</script>
<script src="https://cdn.outseta.com/outseta.min.js"
        data-options="o_options">
</script>

 

3. Add sign-up, login, logout, and profile buttons or links to your site.

4. Within Outseta, go to AUTH > EMBEDS and grab the pop-up trigger links for each of our embeds—these will correspond to your sign up, login, logout, and profile buttons you added to your site. Link each button to the appropriate link.

 

5. PUBLISH your site. That's it! With your integration complete, you can now proceed with setting up any protected content that you require.

If you have any questions about integrating Outseta with Typedream, let us know at support(at)outseta.com.