Styling & Publishing Feeds

Multiple Feeds on One Page

You can display multiple Curator feeds on the same page, each showing different content sources or using different layouts. This is useful for showcasing various social channels or creating themed content sections.

Embedding Multiple Feeds

Each feed needs its own container element with a unique ID:

<!-- First feed -->
<div id="curator-feed-1"></div>
<script type="text/javascript">
/* Feed 1 embed code */
</script>

<!-- Second feed -->
<div id="curator-feed-2"></div>
<script type="text/javascript">
/* Feed 2 embed code */
</script>

Each feed operates independently with its own sources, styling, and update schedule.

Best Practices

  • Separate containers: Keep adequate spacing between feeds for visual clarity

  • Different layouts: Use varied templates (grid, carousel, list) to differentiate feeds

  • Loading performance: Each feed adds a small amount of load time—test page speed with multiple feeds

  • Unique IDs: Ensure container IDs don't conflict with other page elements

Too many feeds on one page can slow load times and overwhelm visitors. Consider using 2-3 feeds maximum per page.

Common Use Cases

  • Instagram feed in the header, Twitter feed in the footer

  • One feed for customer reviews, another for team posts

  • Event-specific feeds showing multiple hashtags

  • Regional feeds showing location-specific content

Give each feed a clear heading or label so visitors understand what content each one displays.

Was this helpful?