Embed spaces on your blog or docs

Overview

You can add your Tide embedded space on websites that support HTML-compatible elements like Notion, Readme.com, etc.

Integration steps

To integrate a Tide Embedded Space into your blog or documentation, follow these steps:

1. Locate the Space URL: Find the URL specific to your Tide space. For instance https://www.tideprotocol.xyz/users/spaces/1320

2. Modify the URL for Embedding: Adjust the URL to make it suitable for embedding. The new URL will look like this: https://www.tideprotocol.xyz/users/spaces/embedded/1320

3. Embedding Options:

   • For platforms like Notion: Paste the link into your document, select "Embed", and resize as needed.

   • On iFrame-compatible sites (e.g., Readme.com): Use an iFrame block with the modified campaign URL.

   • For custom HTML-compatible sites: Use an HTML snippet with an iframe, setting the src to the space URL and adjusting the height and width as necessary.

4. Insert the Embed Code: Wherever you want your space to appear, insert the chosen embed code (iFrame or HTML snippet).