How to Add a Facebook Feed to Tilda

Announcements, events and offers often appear on a Facebook Page first. The steps below add Facebook feed to Tilda, so each of those updates is mirrored on your website without copying individual posts.

Prepare these three things

  1. Admin access to a public Facebook Page; timelines of individual people and groups are off limits for widgets.
  2. A paid Tilda subscription, since the HTML block executes nothing on free projects.
  3. An ElectricBlaze account (registration is free).

The builder has its own Feeds section for articles written inside the editor. The widget covers a different need: it mirrors what you already post on the social network, so nobody has to publish the same news twice.

Step 1: Create a Facebook widget

Layout choices are explained in depth in the Facebook post card settings. The minimum:

  1. ElectricBlaze sign-in screen

    Open the app at a.electricblaze.com.

  2. Widget selection grid with the Page feed tile

    Pick the Facebook Feed tile after clicking Create New Widget.

  3. Connect Facebook Page button on the Data tab

    Connect Facebook Page on the Data tab asks Facebook for permission; allow it for your Page.

  4. Layout tab with columns, captions and background

    Styling lives on Layout: gallery versus slider, column and row counts, captions, background.

  5. Snippet shown after pressing Add to website

    Finish with Add to website and copy the snippet shown.

Step 2: Insert the widget into a page

Inside the page editor the process takes about as long as adding a text block.

  1. Open the Block Library from the plus button where the news section should begin, or type T123 into the library search.
  2. Add the Embed HTML code block; it appears as an empty placeholder.
  3. Press Content, drop the Facebook snippet into the field, then click Save & Close.
  4. Hit Publish; posts render on the public URL, whereas the editor shows only the code itself.

To show the posts across the whole site, place the block on the page you assigned as the footer in Site Settings → Header and Footer, then republish every page.

Long posts and small screens

Page updates range from one sentence to several paragraphs with a photo album. A block of uneven cards can look messy, so shape the layout around the content you actually publish.

If you post mostly text

Hide captions or keep the slider layout. Cards then keep an even height, and the grid looks orderly even when one post is an essay.

If you post mostly photos

A gallery with three columns reads like a photo wall and fills a wide Tilda block nicely, though an Instagram photo wall may suit pure photography better.

Checking mobile

On a phone the columns stack. Scroll the published page to make sure the feed does not push the contact block too far down; if it does, reduce rows in the Layout tab.

Refreshes happen daily with Free or hourly with Start, so the block runs unattended once published.

Facebook on Tilda: questions

Does it work on a Tilda Free plan?

No. The builder disables code in T123 on its Free plan. The ElectricBlaze Free plan is not the issue; the site plan is.

Is it possible to display a Page someone else runs?

The Connect Facebook Page step lists only Pages your Facebook account can manage, so you need admin access to the Page.

Why is the block blank after I publish?

Check that the whole snippet was pasted, including the closing tags, and that the page was published after saving the block.

What is the cleanest way to take the feed down?

Delete the T123 block and publish the page again. You can also delete the widget in ElectricBlaze to free a slot on your plan.

See also

Related reading:

All Tilda instructionsFacebook Feed widget overviewInstagram Feed on TildaMusic Player on TildaPopup Chat on TildaTikTok Feed on TildaX (Twitter) Feed on Tilda

Mirror your Facebook Page on Tilda

Connect the Page for free, style the cards and paste the code into an HTML block.

Create a widget