What is embedding a collection?
Embedding a collection means putting a part of another website inside your own website. It's like creating a small window on your webpage that shows content from a different website. This is useful when you want to include things like videos, maps, or social media posts from other websites without losing the look and features of your own site.
This works with an iframe, an iframe (short for "inline frame") is like a little window on a webpage that shows content from another website. It allows you to embed one website inside another.
How to embed a Restor collection on your website?
To embed your Restor collection on your own website, follow these steps:
Go to the collection you want to embed and find the share button:
Choose the Embed option, and a window will pop up with a code (called an iframe code).
Copy the iframe code provided. The iframe code will look something like this:
<iframe src="https://dev-1.restor.eco/embed/collections/1fecca56-2a5e-4fd2-930f-7f9360ac3190/" title="Collection Restor" width="100%" height="648" style="border: none" frameborder="0"></iframe>
Now, go to your own website's source code.
Find the spot where you want to show your Restor collection and paste the iframe code there.
You can save the changes to your website and preview it in a web browser.
Your Restor collection should now be embedded and visible on your website!
Keep in mind that the content inside the embedded iframe comes from the Restor website, so it will have its own style and formatting.
That's it! By following these steps, you can easily embed your Restor collection on your website using iframes.