# Creating the pricing table

We use the Stripe Dashboard to create the pricing table used in Societal Labs. This pricing table allows you to offer different subscription pricing levels to your customers. You don’t need to write any custom code to create or embed a pricing table, everything is provided by Stripe.

### **Create pricing table**![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)

1. In the Dashboard, go to **More** > **Product catalog** > [pricing tables](https://dashboard.stripe.com/pricing-tables).
2. Click **+Create pricing table**.
3. Add products relevant to your customers (up to four per pricing interval). Optionally, include a free trial.
4. Adjust the look and feel in **Display settings**. You can highlight a specific product and customize the language, colors, font, and button design.
5. Configure payment settings by clicking **Continue**. Customize what customers see on the payments page and whether to display a confirmation page or redirect customers back to your site after a successful purchase.
6. Configure the [customer portal](https://docs.stripe.com/no-code/customer-portal) by clicking **Continue**.
7. Click **Copy code** to copy the generated code and embed it into your Societal Labs website, specifically on the Subscription page.

{% hint style="info" %}
The element where you want to paste your Stripe's Pricing Table code is called *Stripe Pricing Table HTML.*
{% endhint %}

<mark style="color:red;">**Important**</mark>

Once you have pasted the code for the pricing table, you need to go back to the HTML element on your Bubble editor and add the following:

```
client-reference-id="{{CLIENT_REFERENCE_ID}}"
customer-email="{{CUSTOMER_EMAIL}}"
```

After you have pasted the code, make sure you replace the CLIENT\_REFERENCE\_ID for the *<mark style="color:purple;">Current User unique ID</mark>* and the CUSTOMER\_EMAIL for the <mark style="color:purple;">Current User email</mark>.

<figure><img src="https://2346037893-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAe61kvBdVqtR9iFmhoTG%2Fuploads%2FY0Ht9JFNISOTetSu7X3P%2Fmarkuphero-3GXBRDL6dVq4sH3lChL4.png?alt=media&#x26;token=1eba1b7e-c2e9-4aaa-860d-6d39e24b434f" alt=""><figcaption></figcaption></figure>
