All Collections
Coding Sketches
How can I embed sketches on my website or blog?
How can I embed sketches on my website or blog?

Generate an embed code to display your sketch and its code on your website or blog.

Sinan Ascioglu avatar
Written by Sinan Ascioglu
Updated over a week ago

OpenProcessing allows you to embed your sketches easily on your website or blog. Once you save your sketch, you can get the embed code from the share panel on your sketch:

Simply copy/paste the embed code to your website code or blog article to display it anywhere on your website.

If you are building an application to support OpenProcessing embeds in general, you can use oembed standard that is supported by OpenProcessing:

Every sketch page also has its oembed information in its metatags:

<link rel="alternate" type="application/json+oembed" href="https://www.openprocessing.org/api/oembed/?url=https%3A//www.openprocessing.org/sketch/414352&format=json"
   title="Frozen brush - OpenProcessing">
<link rel="alternate" type="application/xml+oembed" href="https://www.openprocessing.org/api/oembed/?url=https%3A//www.openprocessing.org/sketch/414352&format=xml"
   title="Frozen brush - OpenProcessing">

Note: You can use the embed script above on your wordpress sites to embed sketches in an iframe.  However, websites hosted on Wordpress.com doesn't work, as Wordpress is individually adding embed integrations to providers like OpenProcessing. We submitted an application, yet they didn't add OpenProcessing integration so far although they confirmed their consideration.   

Did this answer your question?