How to add Facebook Feed Element to Shopify?

About Facebook Feed ElementClick to copy

The Facebook Page Element is designed to integrate the social network into your page to increase your conversion rate. You can use this element to add social proof for your store, products or introduce the social media pages of your brand to your visitors.

Before jumping to the detailed steps, you can watch this video below:

How To Access Facebook Feed ElementClick to copy

  • Step 1: Click on the Plus icon, which is the Add Element function
  • Step 2: Click on the Facebook Feed element in the dropdown menu
  • Step 3: Drag and drop the element you want into the page editor and start using it.

How to add Facebook Feed Element to Shopify?

How To Configure For Facebook Feed ElementClick to copy

The Facebook Page element has plenty of parameters allowing you to fine-tune content appearance to reach the best possible conversion rate. Select the element in the layout to see its parameters.

How to add Facebook Feed Element to Shopify?

The parameters in the General and Styling tabs are specific for this element.

General SettingsClick to copy

App ID: Facebook App ID. This is a required field. Please go to this link https://developers.facebook.com/ , click on the “Get Started” button located on the top right and follow the instructions to get your Facebook App ID.How to add Facebook Feed Element to Shopify?
Page URL: The Facebook feed URL. This is a required field.How to add Facebook Feed Element to Shopify?
Page Tabs: Show/hide the tabs of Facebook pages. You can select multiple tabs at once.
  • Timeline: Display the timeline of your Facebook page.
  • Events: Display the event on your Facebook page.
  • Message: Allow visitors to send a message directly to your Facebook page.
How to add Facebook Feed Element to Shopify?
Overall Width: Width of the box (min value is 180 px, max value is 500 px).How to add Facebook Feed Element to Shopify?
Overall Height: Height of the box (min value is 70 px, max value is 1000 px).How to add Facebook Feed Element to Shopify?
More settings:
  • Use Small Header: Put the “Liked” icon under your Facebook page name and hide the “Send Message” button.
  • Adapt Width: Responsive to different screen sizes.
  • Hide Cover Photo: Hide the cover photo of your Facebook page.
  • Show Friend’s Faces: Show the avatar of your visitor or visitor’s friend that liked your Facebook page.
How to add Facebook Feed Element to Shopify?
In case you want to only display your Facebook page’s logo, you can disable all the options in the Page Tabs and disable the Show Friend’s Faces like the image.How to add Facebook Feed Element to Shopify?

You can get further information about ATTRIBUTES, VISIBILITY, and ANIMATION parameters here.

Styling ConfigurationClick to copy

You can check more information about the Styling tab here.

Common CasesClick to copy

Can’t Find Facebook App IDClick to copy

You can contact our Live Chat within the app for further assistance.

Frequently Asked QuestionsClick to copy

Yes, you can, by using Facebook & Instagram apps on the Shopify App Store.

What Will Appear After I Add Facebook Feed Element To Shopify?Click to copy

Like-Share button, timeline, events, messages and main posts.

Navigate this category

PreviousPrevious article

Next articlePrevious

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us