Widgets documentation

Documentation

Docs navigation

Widgets

The Curator.io platform has a powerful embedding system that gives the Curator.io team functionality to help you customize your widgets without you having to touch the code after it's embedded.

If, however, you're the kind of person who likes to get their hands dirty or is looking for a more bespoke social media aggregator then you've come to the right place.

The Curator.io Widgets are built to be as extensible as possible and, hopefully, easy to understand. So you can use the code as a foundation on which you can build your own awesome social media widgets. We look forward to seeing your creations.

CDN

CDN hosted Curator.io Widgets are a great way to get up and running quickly:

In your <head> add:

<link rel="stylesheet" type="text/css" href="https://cdn.curator.io/6.0/curator.embed.css" />

In your <body> where you want the feed to appear:

<div id="curator-feed">
    <a href="https://curator.io" target="_blank" class="crt-logo">Powered by Curator.io</a>
</div>

Then, before your closing </body> tag add:

<script type="text/javascript" src="https://cdn.curator.io/6.0/curator.embed.js"></script>
<script type="text/javascript">
    // Change FEED_ID to your unique FEED_ID
    var widget = new Curator.Widgets.Waterfall({
        container: '#curator-feed',
        debug: true,
        feed: {
            id: FEED_ID,
        },
    });
</script>

FEED_ID can be found in the Curator App Dashboard