Embed your code snippets via an iframe or on platforms like Hashnode, Medium or Notion
You're creating beautiful code snippets using snappify and are sharing them as an image or in an accessible way via public URLs. But wouldn't it be awesome if you could also embed them in an interactive way on your blog or in your technical documentation, so that users can easily copy the code?
Snappify to the rescue! It has never been easier to embed interactive and beautifully looking code explanations. You can either embed them via an iframe on your own website, or on one of our supported platforms. Choose your desired embedding platform:
The title and description are used for SEO purposes. They are also used to provide a better user experience when sharing your code snippets on social media.
The snap you are sharing either with a public URL or embedding as an iframe is not an image or a canvas render. It is 100% HTML based and all your text contents (like code-snippets or rich-texts) are fully accessible to the user. It means they can copy the text/code.
The shared snaps are being cached for 60 seconds so it can take a little bit for your changes to appear.
There is no bad impact if you embed an iframe code snippet. Instead, you can improve the User Experience of your users, since the embedded content is fully accessible, the users can copy the code or text. This is definitely better than just having an image of your code snippet. Plus you have much more possibilities to annotate your code so it looks more appealing.
π‘Pro tip: If you care about SEO then write a proper title and description. The iframe tag supports a βtitleβ attribute. We automatically set the description youβre providing to this field.
By default, the embedded snap will detect the available width of the iframe on the page and will resize the snap accordingly by keeping the aspect ratio of your snap.