How to embed a publication on a Facebook Page

You may have noticed that some retailers have added their online publication to their Facebook Page. This is a great way to reach fans on Facebook with engaging content. We created this short guide to help you embed your publication (or any other type of publication) on a Facebook Page, quickly and easily.

Important: Due to how Facebook approaches page permissions, this guide will only work for your Facebook page if you have at least 2000 fans.

To embed your publication on Facebook, we're going to use Facebook Tabs. Here's where Facebook Tabs are shown on a Facebook Page:

And here's what our example publication on Facebook will look like:

To get your publication on your Facebook Page like the example above, simply follow these 5 steps:

1. Open and install "Static HTML: iframe tabs"

To get started, you’ll need an app that helps you manage your Facebook Tabs without hassle. We like to use Static HTML: iframe tabs. Follow the link and then click Add Static HTML to a page. This way, you’re going to add an easy to manage tab to your Facebook Page.

2. Add Page Tab to your Facebook Page

You’ll get to see a screen where you can select a Facebook Page. Choose the Facebook Page where you’d like to embed your publication and click Add Page Tab.

3. Locate and set up the new tab

When you’ve installed the "Static HTML: iframe tabs", you should have a new tab on your Facebook Page named “Welcome”. Click on that tab and then click Set up tab.

4. Enter the HTML for your tab

In the screen that follows, we’re going to edit the tab so that it will display your publication. To do so, you’ll have to paste the code for your publication into the section called “index.html”.

Simply copy the code below and paste it into the area for "index.html".

<iframe src="https://www.yourpublication.com" title="Embedded publication" width="100%" height="510px" style="display:block; border:1px solid #c7c4c0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;" frameborder="0"></iframe>

This code allows you to display a publication in an iframe on Facebook. However, before saving, you'll first need to replace two parts of the code (indicated with red above). The first part https://www.yourpublication.com should be replaced with the link to your publication. The second part Embedded publication can be anything you like, but is preferably used as a title. For example: “Fall Catalog 2016”.

There are two ways to link to your publications:

1. Displaying a specific publication. Simply open the preview of your publication in Publitas and copy the URL from your browser's address bar. That’s the link you can use to replace https://www.yourpublication.com.

2. Automatically displaying your latest publication. In this case, you'll need to link to your group instead of a specific publication. You can find the URL to your group by opening the preview of your publication in Publitas, like in the first option. Then, instead of copying the entire URL, you’ll only copy the first part (leaving out the publication name and page number). The resulting link is what you can use to replace https://www.yourpublication.com.

Once you’ve pasted the code in the "index.html" and you’ve replaced the red parts of the code with your own publication's URL and title, you can click Save & Publish. You now have a tab on your Facebook Page that displays your publication. However, your tab is still named “Welcome”. Let’s change that to something more engaging.

5. Fill in Tab Name and upload Tab Image

From your Facebook Page, click Settings -> Edit Page. Under the sections “Tabs”, locate the newly added welcome tab and click Settings -> Edit Settings. Here you can edit the name of your tab as well as upload a different image for it.

Bonus tip: Move your new tab so that it's visible on your Page

It’s possible that you’ve added other apps and tabs to your Facebook Page. If that’s the case, your new custom tab with your embedded publication may not appear high up enough on your page. To change this, click Manage Tabs (found below your tabs). Here you can easily move the tab with your embedded publication higher up in the list.