Tide
  • About Tide
    • 🌊Tide
    • 🚀Project? Let's grow!
    • 🛣️Roadmap
  • White-label
    • 🆕White-label Solutions
    • 🏷️Tide on your subdomain
    • 🖼️Simple Embeds
      • ⚒️Embedded campaigns
        • How to integrate embedded campaigns
        • Embed campaigns on your blog or docs
      • 🚀Embedded spaces
        • How to integrate embedded spaces
        • Embed spaces on your blog or docs
  • Projects
    • 🎨Space
      • ✅Space Verification
      • ⚽Space Collaboration
    • 🏗️Campaigns
      • 🥎Create a campaign
        • ⛓️On-chain Tasks
        • 🫂Off-chain Tasks
        • 💯Points Campaign
          • How to create a Point Campaign
          • Managing your Data Sources
        • 🔌 API Tasks
        • 🤝Mitigate Bots
      • 🏈Launch & Edit Campaigns
        • 🎾Manage and edit campaigns
      • ⏮️How to Manage Reviews
    • 🎁Rewards
      • 🔁Tide Reward Cycles
      • 🖼️Dynamic NFT Loyalty Program
      • ✌️Tide Referral Program
    • 📊Analytics
      • 📊Insights
    • ❓Project FAQ
  • Users
    • 👉Participate in campaigns
    • 🔔Get notified on new listings
    • 🔄Tide Reward Cycles
    • ❓Users FAQ
  • Resources
    • 🎨Brand Kit
    • 📖Tide vs Other Platforms
    • ⚖️Case Studies
      • Magpie Mafia Bridge
      • Decoding DEX Users
      • PoolTogether Marketing Initiatives analysis
      • Growth Challenges for Bridges
      • Tide “Audiences”: Engaging Authentic Users
      • Rodeo Finance Engagement Program
      • nftperp Paper Trading Competition
  • CONTRACTS & API
  • 📑Smart contracts overview
  • 🌊Wave Contract
  • 🏭Wave Factory
  • 📬Deployment addresses
  • ⌨️Tide APIs
Powered by GitBook
On this page
  • Overview
  • Integration steps
  1. White-label
  2. Simple Embeds
  3. Embedded spaces

Embed spaces on your blog or docs

PreviousHow to integrate embedded spacesNextSpace

Last updated 1 year ago

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

  2. Modify the URL for Embedding: Adjust the URL to make it suitable for embedding. The new URL will look like this:

  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).

🖼️
🚀
https://www.tideprotocol.xyz/users/spaces/1320
https://www.tideprotocol.xyz/users/spaces/embedded/1320