If you have a Notion site, you likely know that one of the limitations of Notion is that you can't add embed scripts to your website pages—unless you also use Super.so.

With Super and Notion, you can easily turn your Notion site into a membership site with Outseta.

Notion specific requirements

Because of how Notion sites render Javascript, there are a few minor differences to account for when using Outseta with Notion.

  1. You'll need to open Outseta's sign-up, login, and profile embeds as pop-ups.
  2. You'll need to make a minor modification to Outseta's Quick Start Embed Script, which gets added to the header of your website. Specifically, you'll need to add monitorDom: true—we'll walk you through this below. 
  3. Your logout link should have ?o-logout-link appended at the end as opposed to #o-logout-link.

Otherwise all aspects of implementing Outseta with Notion are exactly the same as any other website builder.

Video Overview

Below you'll find a detailed 20-minute walkthrough of Dave Mence—a member of Notion's Templates & Marketplace team—building out a membership site for his fictional winemaking academy, Superstack. We've also highlighted the most important bits in our step-by-step directions below.

Add Outseta's Quick Start Embed Script within Super.so

1. Within Outseta navigate to AUTH > EMBEDS and copy Outseta's Quick Start Embed Script.

2. Within Super.so navigate to the Code section and add the Quick Start Embed Script to the header of the page. 

IMPORTANT: You'll need to make one minor modification to the Quick Start embed script—adding the monitorDom: true line highlighted below.

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

You can just copy the script shown above and add this to the header of your site—just make sure to update the YOURDOMAIN section to reflect the URL of your Outseta account.

3. PUBLISH your changes. 

Link Outseta's embed URLs to your Notion buttons or links

1. Add sign-up, login, profile, and logout links or buttons to your Notion pages.

2. Link those links or buttons to the corresponding pop-up links you'll find within Outseta at the bottom of the AUTH > EMBEDS page. 

Note that the default Logout link is:

/#o-logout-link

You'll need to change this to: 

/?o-logout-link

This value is typically appended the the home page URL for your site—it tells the site to bring the user back to your home page when the logout URL is clicked.

2. PUBLISH your site changes—these buttons or links will now open Outseta's embeds as pop-ups when clicked.

If you need any help, please email us at support(at)outseta.com.