Page and Block Embed

Embedding Softr content on an external source.

Softr allows you to embed any block or page on third-party site. Let’s see how that works.

Block embed

The Block Embed option is located at the bottom of the Features tab in block settings. Using this feature, you can embed the block on another website. Just copy the block code snippet and paste it wherever needed.

πŸ’‘
Please, note that the feature is not available in Free plan.
Notion image

Getting the block embed code

Page embed

You can embed any Softr page on an external website using the following code:

<iframe id="softr-we-erw45hrubuyt23" src="https://example.softr.app/" width="100%" height="1000" scrolling="no" frameborder="0" style="border:none;"></iframe>

<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.min.js"></script>

<script> iFrameResize({ checkOrigin: false, log: true }, '#softr-we-erw45hrubuyt23');</script>
πŸ’‘
Please, note that the feature is not available in Free plan.

First, you need to replace example.softr.app under src with your app's Softr subdomain or your custom domain if you've connected one. Also, inside the value of id ("softr-we-erw45hrubuyt23" in the above code), you just need to replace the part that comes after softr- with the actual ID of your page, which is the last component of the page's URL when it's open in the Softr Studio (see below).

Locating the page ID
Locating the page ID
Did this answer your question?
😞
😐
🀩

Last updated on December 6, 2022