Embed Quests on your blog or docs

Layer3 Quest Embedding Options

Embed Layer3 Quests on various platforms with these straightforward guides.

Embedding a Quest in Notion

1. Locate the Quest URL: For example, https://layer3.xyz/quests/get-started-with-layer3.
2. Modify the URL: Add /embedded after '/quests' to make it https://layer3.xyz/quests/embedded/get-started-with-layer3.
3. Embed in Notion: Paste the link into your Notion document, select "Embed," and resize as needed.

Embedding a Quest on iFrame-Compatible Sites (e.g., Readme.com)

1. Locate the Quest URL: For example, https://layer3.xyz/quests/get-started-with-layer3.
2. Modify the URL: Add /embedded after '/quests' to make it https://layer3.xyz/quests/embedded/get-started-with-layer3.
3. Embed Code: Add an iFrame block and insert the modified URL.

Embedding a Quest on Custom HTML-Compatible Sites (e.g., Beehiiv.com)

1. Locate the Quest URL: For example, https://layer3.xyz/quests/get-started-with-layer3.

2. Modify the URL: Add /embedded after '/quests' to make it https://layer3.xyz/quests/embedded/get-started-with-layer3.

3. HTML Snippet: Use the following iFrame HTML snippet, adjusting the height as necessary. Replace the src link with the URL from step 2.

   HTML

   <iframe
     src="https://layer3.xyz/quests/embedded/get-started-on-layer3"
     width="100%"
     height="500px"
   ></iframe>
   

4. Embed: Insert a custom HTML block and paste the iFrame code snippet.