Facebook feed
Last updated
Was this helpful?
English 🇺🇸
Last updated
Was this helpful?
The 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:
Step 1: Click on the Element function on the left toolbar
Step 2: In PageFly tab, click on the Facebook Feed element in the menu
Step 3: Drag and drop the element you want into the page editor and then start using it.
The Facebook feed 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.
The parameters in the General and Styling tabs are specific for this element.
Page URL: The Facebook feed URL. This is a required field.
Content loading: There are two options:
Lazy Loading: Content will load only when it comes into view on the user’s screen, saving bandwidth and improving initial page load time.
Standard Loading: All content loads immediately when the page opens, ensuring everything is visible right away.
Page Tabs: Show/hide the tabs of Facebook feeds. You can select multiple tabs at once.
Timeline: Display the timeline of your Facebook feed.
Events: Display the event on your Facebook feed.
Message: Allow visitors to send a message directly to your Facebook feed.
Overall Width: Width of the box (min value is 180 px, max value is 500 px).
Overall Height: Height of the box (min value is 70 px, max value is 1000 px).
Use Small Header: Put the “Liked” icon under your Facebook feed name and hide the “Send Message” button.
Enable Auto Width: Responsive to different screen sizes.
More settings:
Hide Cover Photo: Hide the cover photo of your Facebook feed.
Show Friend’s Faces: Show the avatar of your visitor or visitor’s friend that liked your Facebook feed.
In case you want to only display your Facebook feed’s logo, you can disable all the options in the Page Tabs and disable the Show Friend’s Faces like the image.
You may modify a range of parameters in the Styling tab, such as spacing, borders, typography, colors, and more, to guarantee that the Facebook Page element matches the overall layout of your page.
You can contact our Live Chat within the app for further assistance.
1. Can I link Shopify to a Facebook feed?
Yes, you can, by using Facebook & Instagram apps on the Shopify App Store.
2. What will appear after I add the Facebook Feed element to PageFly?
Like-Share button, timeline, events, messages and main posts.
In version 4.15.0, a new "Content Loading" setting has been added to the Facebook element. This update offers two options:
Lazy Loading: Content will load only when it comes into view on the user’s screen, saving bandwidth and improving initial page load time.
Standard Loading: All content loads immediately when the page opens, ensuring everything is visible right away.
This is designed to give more control over how social media content impacts website performance and user engagement.
App ID: Facebook App ID. This is a required field. Please go to this link , click on the “Get Started” button located on the top right and follow the instructions to get your Facebook App ID.
You can get further information about ATTRIBUTES, VISIBILITY, and ANIMATION parameters .
You can check more information about the Styling tab .
