The X (Twitter) and Facebook blocks embed your social feed directly on a page of your Springly website. You add the block from the page editor, then enter the X (Twitter) account handle or the Facebook page URL. These blocks are meant for administrators who manage the organization's website.
- How do I open a website page in edit mode?
- How do I add an X (Twitter) block to a website page?
- How do I add a Facebook block to a website page?
- Why does the Facebook block depend on cookie consent?
- How do I customize, move, or resize Facebook and X (Twitter) blocks?
- What should I do if the Facebook or X (Twitter) block doesn't display?
How do I open a website page in edit mode?
To add a block, first open the website page you want to work on in edit mode.
- Go to the Website > Menu and Pages application.
- Click the edit (pencil) icon
next to the page you want to edit.
You can also open the editor from the public website: log in as an administrator, then click the Edit page button displayed at the top of each page.
How do I add an X (Twitter) block to a website page?
The X (Twitter) block displays the feed of posts from the account you specify. You can also display replies to those posts.
The X (Twitter) block is in the block panel, on the left side of the page editor.
- Take the X (Twitter) block from the left panel and drop it onto the page grid.
- In the window that opens, enter the name of the account to display, meaning only what comes after the "@" character (for example myorg123).
- Check the option to display replies to posts if you want them to appear.
The post feed for the X (Twitter) account you entered now appears on the page.
How do I add a Facebook block to a website page?
The Facebook block lets you:
- display the number of people who like your page, a sample of those people, and a Like button linked to your Facebook page;
- display your Facebook page's news feed.
- Take the Facebook block from the left panel and drop it onto the page grid.
- Enter your Facebook page URL, which starts with www.facebook.com/ (for example www.facebook.com/myorg123).
- Choose your display options: news feed, profile pictures, and cover format.
- Take the Facebook block from the left panel and drop it onto the page grid.
- Enter your Facebook page URL, which starts with www.facebook.com/ (for example www.facebook.com/myorg123).
- Choose the display options: news feed, profile photos, and cover format.
The URL must point to a public Facebook page, not to a Facebook profile. A profile or a page with restricted visibility won't be displayed by the block.
Your Facebook page feed now appears on the website page, once the visitor has accepted cookies.
Why does the Facebook block depend on cookie consent?
The Facebook block embeds a widget provided by Facebook, which places cookies on the visitor's browser. To meet cookie compliance requirements, this widget only loads after the visitor accepts cookies on your website.
- A visitor who accepts cookies will see your Facebook page feed.
- A visitor who declines cookies or hasn't yet responded to the cookie banner will not see the Facebook feed.
As an administrator, you don't need to configure anything: this behavior applies automatically to the Facebook block on your website.
How do I customize, move, or resize Facebook and X (Twitter) blocks?
Once the Facebook or X (Twitter) block is placed on the page grid, you can move it by dragging it. Change its height or width using its handles. The following options are available from the block's toolbar.
-
Choose a frame: change the frame size using the scale that appears, then its color. To remove the frame, click Frame, then the white square crossed out with a line.
-
Delete the block: remove the block from the page.
-
Your frame, corner, and size changes apply immediately on the page in edit mode.
What should I do if the Facebook or X (Twitter) block doesn't display?
- For a Facebook block, make sure cookies are accepted on your website: without visitor consent, the Facebook widget will not load.
- Open the website page in a private browsing window.
- If the block displays in private browsing, disable your browser extensions (ad blocker, anti-tracker, VPN) or add an exception for your website's address.
- For a Facebook block, check that the URL you entered points to a public Facebook page and not to a profile.
- For an X (Twitter) block, check that the field contains only the account name, without the "@" character.
The block then displays on both desktop and mobile.
Springly's social media blocks only embed a Facebook or X (Twitter) feed: they cannot be used to embed an Instagram or LinkedIn feed.
Comments
0 comments
Article is closed for comments.