External embeds
You can display pages or channels created in Slashpage on external websites.
Copy embed code
Open the page or channel you want to embed, then click More (… ) in the top-right menu → Embed.
Turn on Enable in the embed window. Set the title visibility, theme, and margins, check the preview, then click Copy code.
Embed on an external website
Paste the code
If editing the HTML file directly
Open the HTML file for the page where you want to embed the content in a text editor. Find where you want the content to appear between <body> and </body>, then paste all the code copied from Slashpage.
<body>
<h1>Page title</h1>
<p>Introductory text goes here.</p>
<!-- Paste the full Slashpage embed code here. -->
</body>If the site was created with a website builder
Open the page you want to embed in the website builder's editor. Add a block for inserting HTML code where you want the embed block to appear. Paste all the code copied from Slashpage into that block's code field.
Depending on the service, this may be labeled Custom HTML, Embed Code, Embed, or something similar.
If the site was created with AI
In the prompt below, fill in the location for the embed block and the embed code inside the square brackets, then paste it into the AI chat where you created or edited the site.
Embed the Slashpage blog on my website at [page and placement]. Use the full embed code below and make the embed fit the available width on desktop and mobile. If I haven't provided the placement or embed code, ask me for it.
[Paste the full Slashpage embed code here]Adjust the embed block size and name
Find the following in the code and change the values.
Item | Value to find in the code | How to change it |
Set a maximum width | width:100%; inside style | Add max-width:800px; after it. Replace 800px with your desired maximum width. |
Add a border | border:0 in style | Replace it with border:1px solid #ddd. Change 1px for the thickness and #ddd for the color to your desired values. |
Change the frame name (the name read by screen readers) | title="" | Replace the value in the quotation marks with your desired name. |
Example settings
title="AI Community Blog"
style="border:0; width:100%; max-width:800px; height:800px;"Publish and check the display
Publish the page on the external website and open the visitor view to check that the embedded content appears in the desired position and size.
