Step 1:

Include the following javascript in the footer of your site:

<script>(function() {var e = document.createElement('script'); e.type = 'text/javascript'; e.async = true; e.src = '//d1rszhxxvdo5mc.cloudfront.net/embed/js/v1.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); })();</script>

This only has to be done once. If you already have the snippet in your site; you can skip to step 2 and just put in the div every time you want to show a post.


Step 2:

When posting a fit just put in the following snippet, replacing POST ID with the id of your post. Alternatively, go to the post's page, click 'share' and copy paste the snippet!

<div class="dressedso_embed" data-id="POST ID"></div>

Example:

<div class="dressedso_embed" data-id="59aa33b539a14"></div>

We've made a simple plugin so all you have to do is use a shortcode like this: [dressedso id=59aa33b539a14] in your post instead of worrying about scary code! Download it here!

Styling

If you want to disable our CSS, you can add the data property "data-css-enable" and set it to false, like so:

<div class="dressedso_embed" data-id="59aa33b539a14" data-css-enable="false"></div>

This has the obvious side effect of inheriting all your site's styles, if you'd like to write your own CSS you're welcome to see how ours is structured here: //d1rszhxxvdo5mc.cloudfront.net/embed/css/v1.css.

You can view the embed with no inherited styles by visiting /post/nostyle/59aa33b539a14


Sizing

The embed image will scale to fit it's parent container, and tags will also readjust accordingly. Though it's advised you tweak the styling in line with the general size you'll be using.