2 min read

Embedding with Medium.com

Embedery Team

This is a small tutorial on how to embed one of your Embedery widgets into Medium.com.

For this tutorial we will use the newsletter widget. The newsletter widget is a form you can show after your article to prompt your reader to subscribe to your newsletter. Once they sign up you will then be able to send them an email once you have a new article available to share. This can be a great way to gain more likes and get more exposure.

Using the newsletter widget in Medium.com is an easy way to gather more followers and build your brand not only in Medium.com but also on your own blog. it can be a great investment if you ever decide to move away from Medium and not worry about later convincing readers to follow you to your own blog or a new content network.

Getting started

To get started you will first need to have your widget ready, your widget is ready if you can visit your widget landing page. In the widget editor there is a button in the top right that says "Open widget", if you click it you will be directed to your widget landing page.

Preview

Normally the landing page is something like https://embedery.com/widget/uLzGpeZH0JSIFc39daMb

Heres an example of the widget you can embed into Medium.com, this is the real widget and it is powered by Embedery.

I should note that you have full control over the design and structure of the widget using our drag and drop editor.

Go to your article at Medium.com

Now you can navigate to your article on medium.com.

Once you are there, just paste your widget landing page url and wait a few seconds.

Some examples of how it looks

Here are some examples of how your widget may look in Medium.com, you also have a few options on how the widget should look. We have installed some listeners into our widgets to ensure it looks the best no matter your choice.

Preview

Above is the normal embed Medium chooses by default. And below is the doormat embed, this is great if you want to capture maximum user attention since it will maximise the space available on the page.

Preview

Another embed option is to embed your widget to the side, this looks great when you have a lot of content and want to say without disruption to you user that they can subscribe. Preview

And finally we have the wide view, this can be great to provide your reader a break while they are reading your article.

Preview

We support any OEmbed website

Medium.com make this type of embedding possible thanks to a standard called O-Embed, which stands for Open Embed. This allows providers, like Embedery to just support a standard and then when a url of embeddable media is added, then the website will request information on how the embedded media should be shown.

So we support hundreds of other websites that use OEmbed, some include Ghost.org, Squarespace.com, Wordpress.com and Shopify.com.

If you have any questions or would like some help, please let us know.