Feeds 2.0: Opt-in and embed the new design

Avatar
Misty Flowers

📅 Feeds 2.0 launches September 21, 2026

Feeds 2.0 will be available to all clients on September 21, 2026. This article describes the opt-in process and how to display the new design on a Composer page. The original Feeds design remains fully supported.

This article covers how to opt in to Feeds 2.0 in the Finalsite Feeds module, including how to enable the new interface and embed the new design on a Composer page using the Embed element.

💡 Quick answers

  • What changed in Feeds 2.0? Feeds 2.0 introduces updated design templates across Grid, Slider, and List display types, five new post layout options, and consolidated settings screens. The new design is opt-in and available beginning September 21, 2026.
  • How do you enable the new design? Click the Switch to new feed button in the top-right corner of the Feeds module window. A prompt will appear to confirm the switch.
  • Which display formats show the new design? Only the Embed element in Composer can display Feeds 2.0. The Feeds element (List, Grid, Slideshow, and Custom views) continues to use the original, legacy Feeds design.
  • Do existing Feeds sources need to be reconfigured? No. Existing sources carry over automatically. Only the Embed element placement on a page is needed to display the new design.

In this article

What's new in Feeds 2.0

The updated Feeds interface introduces new design options and a streamlined settings experience. Key changes include:

  • New design templates. Grid, Slider, and List display types each include multiple design options. Grid templates include Grid Default, Grid Minimal, Grid Highlights, and Grid Dark. Slider and List offer similar updated options.
  • Post layout options. New capability to change post style, settings, and content via a number of design options.
  • Consolidated settings. Existing settings and screens have been reorganized into fewer sections for a simpler configuration experience.

Enable Feeds 2.0 in the Feeds module

The Switch to new feed button will be available in the Feeds module beginning September 21, 2026. Existing clients will continue to see the original interface until opting in.

  • Step 1: Open the Feeds module in Composer by selecting Feeds from the module menu on the left sidebar.
  • Step 2: Click the Switch to new feed button in the top-right corner of the Feeds module window.

See it in action! 

Here's what the process will look like once you click the Switch to new feed button:

After switching, the new Feeds 2.0 interface is available within the Feeds module. The next step is to retrieve the embed code and place it on a Composer page.

Get the embed code

After enabling Feeds 2.0, retrieve the embed code from within the Feeds module to use on a Composer page.

  • Step 1: Inside the Feeds module, locate the Embed button in the top right corner. 
  • Step 2: Select your embed option between: Standard and iFrame. 
    • The iFrame option allows for a fixed height and width of the embed on the page, whereas the Standard script does not. 
  • Step 3: Click Copy Code to copy the selected embed code to the clipboard.

Display Feeds 2.0 using the Embed element

With the code copied and the width updated, place it on a Composer page using the Embed element. 

⚠️ Important Note: Use Embed element for 2.0, Feeds element for legacy version

The Feeds element (found in the Social tab of the Element Library) displays the original Feeds design only. The Embed element is now required to show the new Feeds 2.0 design.

  • Step 1: Open the Composer page where the feed will be displayed.
  • Step 2: Open the Element Library and go to the Standard tab.
  • Step 3: Drag the Embed element onto the page.
  • Step 4: Click the settings gear on the Embed element.

  • Step 5: Under General Settings, paste from your clipboard into the Code field.

  • Step 6: Edit the width value in the copied embed code. Replace the default fixed pixel width with width="100%" so the feed scales to fit any column or layout. 

    Before (default): 

    <iframe src='https://www.juicer.io/api/feeds/[FEED-NAME]/iframe' frameborder='0' width='1000' height='800' style='display:block;margin:0 auto;'></iframe>

    After (update to): 

    <iframe src='https://www.juicer.io/api/feeds/[FEED-NAME]/iframe' frameborder='0' width='100%' height='800' style='display:block;margin:0 auto;'></iframe>
  • Step 7: Save and preview the page to confirm the feed displays correctly.

For full details on the Embed element and its settings, see the Embed element article.

Which display method to use

Finalsite Feeds supports two ways to display social content on a page. The method chosen determines which interface site visitors see.

Display method Where to find it Design shown Notes
Feeds element - List, Grid, Slideshow Social tab of the Element Library Original, legacy Feeds design Fully supported; no changes required
Feeds element - Custom view Social tab of the Element Library FED custom treatment Unchanged
Embed element with Feeds 2.0 embed code Standard tab of the Element Library New Feeds 2.0 design Requires opting in via the Switch to new feed button first

Related articles

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please Sign in to leave a comment if you don't see the comment box below.