> ## Documentation Index
> Fetch the complete documentation index at: https://docs.supertab.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Set up Experiences

> Install the Supertab Paywall or Purchase Button - the button to push quality journalism.

## Paywall

<Tip>
  The Paywall experience is best when you want a simple integration where Supertab manages access for you
</Tip>

Paywall display your website's time pass and subscription offerings to customers. The experience will launch automatically on page load and block access to your content until the customer makes a purchase or logs in to use an existing entitlement.

The Paywall is simple, yet adaptable:

* The layout will react to the number of Offerings you select
* A second screen can be added for more customization
* To align with your brand, colors can be customized and the logo will be displayed at the top of the Paywall (if you added it to the Website)
* Parts of the Paywall text can be edited in all languages we support.

### **Paywall Installation**

**Prerequisite:** you need to create your Websites and Offerings before setting up a Paywall.

We automatically create the first Paywall for each new Website using default time passes.

<Steps>
  <Step title="Create Experience">
    Head to **Experiences** section of the Business Portal and click the **Create Experience** button to go to the Experience Editor.

    If you intend to use the automatically generated Paywall, click the **Edit** button next to it.
  </Step>

  <Step title="Paywall Setup">
    Select **Paywall** as the Experience type.

    Paywall Redirect URL determines where we will redirect customers if they see the Paywall and close it. We automatically set it to your Website URL but it can redirect anywhere (e.g. to a dedicated page).

    **Save** to continue.
  </Step>

  <Step title="Choose Offerings">
    In the **Offerings** section, you can choose 1 to 3 Offerings for the main screen. If you enable the **"More options" screen**, you will get three more Offering slots.

    Use the Offering dropdowns to select what to sell and determine the order of Offerings. The preview is interactive and will show changes as you go.

    You cannot use the same Offering on a screen twice.

    If you choose two or three Offerings on one screen, you will have an option to select which one of them should be highlighted by default to grab the attention of customers.
  </Step>

  <Step title="Customize colors and text">
    Use **Button text color** to edit the **Put it on my Tab** and **More access options** button text.

    **Button color** controls the background of the **Put it on my Tab** button, highlighted Offering box.

    **Highlighted text color** controls the color of text on highlighted Offerings to ensure proper contrast.

    Parts of Paywall text (such as title) can be edited in all languages we support. They will not be translated automatically. If you choose not to provide a translation, we will use default values.
  </Step>

  <Step title="Install the code snippet">
    Copy the provided code snippet and deploy it on pages you wish to monetize. Make sure to switch the snippet from [Test Mode](https://docs.supertab.co/supertab-experiences/test-mode) to Live Mode if you wish to process real transactions.

    The experience will automatically launch when the page loads. Supertab manages customer access for you.

    The Paywall will automatically update when you edit it, there is no need to update the snippet.
  </Step>
</Steps>

## Purchase Button

The button to push quality journalism

<Tip>
  The Purchase Button experience is best when you need more control over how and when your customer is offered the option
  to make a purchase
</Tip>

Purchase Buttons display a Supertab purchase button and send a message back to your website when a customer makes a purchase.

### Button Installation

**Prerequisite:** you need to create your websites

and offerings

before setting up a Paywall.

<Steps>
  <Step title="Create an Experience">
    Head to **Experiences** section of the Business Portal and click the **Create Experience** button to go to the Experience Editor.
  </Step>

  <Step title="Button setup">
    From the Website dropdown, choose the Website on which you will use the Button. Select **Purchase Button** as the Experience type.
  </Step>

  <Step title="Select an Offering">
    Select an Offering which will be sold via the button. Remember that Supertab will not manage access in this scenario.
  </Step>

  <Step title="Install the code snippet">
    Copy the provided code snippet and deploy it wherever you want the button to appear. Make sure to switch the snippet from [Test Mode](https://docs.supertab.co/supertab-experiences/test-mode) to Live Mode if you wish to process real transactions.
  </Step>

  <Step title="(optional) Review Supertab.js documentation">
    For advanced usage review the <a href="/supertab-js">Supertab.js documentation</a>
  </Step>
</Steps>