Softr Docs
Search…
Page Embed
Embedding a page on an external website
You can embed any Softr page on an external website using the following code:
1
<iframe id="softr-we-erw45hrubuyt23" src="https://example.softr.app/" width="100%" height="1000" scrolling="no" frameborder="0" style="border:none;"></iframe>
2
​
3
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.min.js"></script>
4
​
5
<script> iFrameResize({ checkOrigin: false, log: true }, '#softr-we-erw45hrubuyt23');</script>
Copied!
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 our example), 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
If you want to embed a separate block instead of the whole page, check this out.
Last modified 12d ago
Copy link