Overview

Embedded sections are a way to embed content sections into your Fourthwall shop. These sections use HMAC signatures to verify that the content is being embedded on a Fourthwall shop, and can be gated by memberships. The version discussed here is shop-specific. For app sections that can be distributed with your app, see app sections.

Embedded sections allow you to extend your Fourthwall shop with custom content that is securely embedded and verified. This is particularly useful for:

• Live stream overlays - Display real-time order notifications, supporter shoutouts, or donation goals during your streams
• Customer support tools - Embed live chat widgets, FAQ sections, or ticket submission forms directly in your shop
• Social proof elements - Show recent purchases, customer reviews, or social media feeds to build trust
• Membership gated content - Create exclusive content sections that only appear for paying members

How it works

An embedded section is quite simple. It is a section that will be rendered as a iframe on your shop with certain query parameters added to the URL to prove that it is being embedded for:

1. A specific Fourthwall shop
2. A specific supporter (for memberships)
3. With a specific tier (for memberships)

First generate a secret key in Developer settings.

Without setting the secret key, the iframe will not be rendered.

You can add it as a section like any other section in your shop.

Once added, you will need to configure a URL for the iframe.

Now whenever someone visits your shop, the iframe will called with a signature.