Code Snippets & Examples

There are multiple ways to initiate the Outseta embeds: data attributes, links, or with code. This kitchen sink demo tries to showcase them side…

To pre-populate the fields on your sign up form/embed, add auth.registrationDefaults to your Outseta Script Options.

👉 To pre…

The following snippet lets you redirect users to a plan-specific page after they sign up. It will override the value in Auth > Sign up…

This code snippet adds the ability to show and hide page elements based on the account billing stage (trialing, subscribing, canceled, past…

When using Outseta's Quick Start embed script, you have access to access to the decoded JWT token through the accessToken.set …

This code snippet adds the ability to show page elements only to the primary person connected to the account. It works in a similar way to how…

This code snippet adds the ability to show and hide page elements based on a custom member status property. It works similarly to how the Outseta…

If you have a marketing site served at mydomain.com and an app served at app.mydomain.com, you may use the same style of protection as our…

To pre-populate the fields on your lead capture form, add a registrationDefault query param to the url or add leadCapture…

Use this code snippet to explore the client-side Outseta events that are available to you. It subscribes to all events and logs the data passed…

Information about the current subscription is available on the Account-object under CurrentSubscription.

The most straightforward endpoints to use…

Let the Outseta script monitor DOM changes for you and attach the embeds to the configured dom elements when they appear.

This will typically be…

The profile embed has many tabs, but did you know it may open on a specific tab? A useful feature when promoting a user to upgrade their plan,…

To pre-populate the fields in your support ticket form/embed, add support.registrationDefaults to your Outseta Script Options.

👉…

The following snippet lets you redirect users to a plan-specific page after they log in. It will override the value in Auth > Sign up and…

This code snippet adds the authenticated user's email address to a hidden form field. The address will be part of the data captured by the…

The Outseta signup embed comes with a "plan selection" step out of the box. However, you may replace it with a custom design, such as a…

The following snippet lets you redirect users back to a protected content page they were attempting to access after login. It will override the…

The following snippet lets you redirect users to a page when they change their plan in the profile embed.

Depending on your need, you might be…

The following snippet lets you redirect users to a plan-specific page when they change their plan in the profile embed. A less complex solution&…

The following snippet lets you redirect users to a plan-specific page from a holding page. This allows you to create links to this page and then…

The code snippet below adds the ability to transform data-o-member date values into more readable formats so you may create sentences like "…

You can use Outseta's registration defaults to capture UTM parameters at sign-up for accurate marketing attribution. The following custom code…

You can use Outseta's registration defaults to capture the referring domain at sign-up for accurate marketing attribution.

The following custom…

To access and update logged-in user data programmatically, use the Outseta Embed JavaScript API. This allows you to create custom forms and…