This article explains provides steps on how to add integrate your department’s Facebook feed on a homepage by editing an existing asset (block). This is an effective way to your Homepagedisplay the latest social media updates directly on your website, increasing visitor engagement and ensuring content is fresh and relevant.
\uD83D\uDCD8 Instructions
Identify the Region and Block being Used
To determine where the Facebook feed will be placed on the homepage, the specific region and block currently being used must be identified. To do this:
Open the desired homepage in Cascade CMS.
Click ….More and select Show Regions.
...
| Info |
|---|
The regions of the page will be displayed. The Facebook feed should be inserted in the News region using the fb-feed block, this is where it will be highlighted. |
...
...
Retrieve Your
...
Facebook Embed Code
The Facebook embed code allows Facebook content to be displayed on the Cascade CMS homepage. Here are the steps to retrieve the code:
...
Navigate to Facebook’s Page Plugin.
...
Replace the highlighted “facebook” with your department’s profile name. In this example, we used NMSU News page.
...
Locate and replace the Facebook Page URL field with the URL of your Facebook page. For example, 'https://www.facebook.com/NMSUNews/.
A live preview of the feed will appear on the page.
Scroll beneath
...
the live preview and click on Get Code.
...
From the code that appears, select and copy the code
...
from Step 2 (see below). This is the <div> embed code that will be used to display your Facebook feed on the homepage.
Replace the Source Code in Cascade CMS
The copied Facebook <div> embed code can now be used to replace the existing code in the appropriate block within Cascade CMS:
In Cascade, click on Assets and navigate to the block
...
that needs to be edited. For example, if editing the fb-feed block, navigate to this.
Click on the appropriate block, in this case fb-feed, and then click Edit.
Click on the <> Source code button in the WYSIWYG
Locate the previous Facebook <div> embed code.
Replace the existing <div> embed code in the source code editor with the
...
copied Facebook <div> embed code and click 'Ok'.
To save and confirm your changes, click Submit.
Your Facebook feed should now be visible in the selected region on your homepage.
\uD83D\uDCCB Related articles
| Filter by label (Content by label) | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|