search
Submit Help Request
Help Desk
Submit Help Request

Code Snippets & Examples

Snippets of custom code to help you customize and extend the capabilities of Outseta.
  • Getting Started
  • Protected Content
  • Sign up and Login
  • Webflow
  • Developer Docs
  • Code Snippets & Examples
  • Billing
  • CRM
  • Email
  • Help Desk
  • Settings
  • Circle.so
  • Integrations
  • Legal & Security
  • Demo App: Feedback Fort
  • more_horiz
    • Getting Started
    • Protected Content
    • Sign up and Login
    • Webflow
    • Developer Docs
    • Code Snippets & Examples
    • Billing
    • CRM
    • Email
    • Help Desk
    • Settings
    • Circle.so
    • Integrations
    • Legal & Security
    • Demo App: Feedback Fort
  • Kitchen sink - demo of all embeds

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

  • Pre-populate sign up form fields with Registration Defaults

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

    👉 To pre…

  • Redirect to a plan-specific page post signup

    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…

  • Show (or hide) page elements based on Account Billing Stage

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

  • Access user info client-side with VanillaJS (demo)

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

  • Show (or hide) page elements only to the primary person (isPrimary)

    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…

  • Show (or hide) page elements based on a custom property (member status)

    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…

  • Protect an app on a separate (sub) domain

    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…

  • Pre-populate lead capture form fields with Registration Defaults

    To pre-populate the fields on your lead capture form, add leadCapture.registrationDefaults to your Outseta Script Options.

    👉 To&…

  • Client-side events (aka. the full Outseta Lifecyle)

    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…

  • Fetch current subscription information using the REST API

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

    The most straightforward endpoints to use…

  • Ask Outseta to monitor the DOM for changes in your SPA (React, Vue etc)

    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…

  • Open the profile embed on a specific tab

    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,…

  • Pre-populate support ticket form fields with Form Defaults

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

    👉…

  • Redirect to a plan-specific page post first-time login (aka. onboarding)

    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…

  • Add the user's email address to a hidden form field

     

    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…

  • Custom Pricing Table

    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…

  • Redirect to the protected page the user was trying to access after login

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

  • Redirect to a page post plan change

    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…

  • Redirect to a plan-specific page post plan change

    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&…

  • Redirect to plan specific page (from a holding page)

    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…

  • Transform data-o-member date values

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

  • Attribute sign-ups with UTM values

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

  • Attribute sign-ups with the referring domain

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

    The following custom…

Outseta
—
  • Home
  • About Us
  • API Docs
  • Outseta Academy
  • Submit Help Request