In a WYSIWYG multi-block, you have the ability to add social media feeds and posts. Follow the directions for the type of social media you wish to embed.

Single Posts (Twitter and Facebook)

"EZ" Twitter Feed

Given Twitter/X's history of instability and decreased usage by JMU accounts, we recommend that timeline feeds no longer be embedded on JMU websites.

"Advanced" Twitter Feed

Given Twitter/X's history of instability and decreased usage by JMU accounts, we recommend that timeline feeds no longer be embedded on JMU websites.

Instagram Post

In Cascade, you cannot display Instagram feeds; you can only display one post at a time. Therefore, if you want to change the post that appears, you must repeat these steps and republish the page.

  1. Follow the instructions in this guide for embedding Instagram posts to get the code for the post you want to embed
  2. Copy the embed code
  3. On the Cascade page you want the post to appear on, paste the embed code in a new WYSIWYG grid cell using the Source Code button (<>)
  4. Click "Submit" in the veritcal ellipsis
insta.png

Facebook Feed

Like Twitter feeds, Facebook feeds will refresh automatically. In other words, you will not have to manually update the posts like you will if you want to change an Instagram post on your page.

To create a Facebook feed:

  1. Copy and paste the HTML code below into a WYSIWYG multi-block's content field using the Source Code button (< >)
  2. Copy the Facebook page URL
  3. Edit the HTML code in the WYSIWYG multi-block's content field
    • Replace the bolded text in the HTML code with your Facebook page URL
    • Replace the bolded text with your Facebook page title
  4. Click "Ok" and select "Submit" in the vertical ellipsis

Here is the HTML to copy/paste, and replace with your own information:

<div class="fb-page" data-href="PUT YOUR FACEBOOK PAGE URL HEREdata-show-posts="true" data-height="600" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="PUT YOUR FACEBOOK PAGE URL HERE" class="fb-xfbml-parse-ignore"><a href="PUT YOUR FACEBOOK PAGE URL HERE">PUT YOUR FACEBOOK PAGE TITLE HERE</a></blockquote></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=649677915141972";
fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>

facebook.png

Facebook Plugins

Consult this Facebook page plugin resource for a helpful tool and step-by-step information.

Back to Top