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

  1. Copy the URL of the Twitter feed you want to embed
  2. Go to https://publish.twitter.com/#
  3. Paste the Twitter URL you copied in step 1
  4. Select "Copy Code"
  5. In Cascade, select "Edit" in the top toolbar of the page on which you want the feed to appear
  6. In the WYSIWYG content field, select the Source Code button (<>) and paste the copied code
  7. Click "Ok", and then select "Submit" in the vertical ellipsis
twitter.png

"Advanced" Twitter Feed

  1. Copy the URL of the Twitter feed you want to embed
  2. Go to https://publish.twitter.com/#
  3. Paste the Twitter URL you copied in step 1
  4. Select "set customization options"
  5. Set display and size preferences
  6. Select "Update"
  7. Select "Copy Code"
  8. In Cascade, select "Edit" in the top toolbar of the page on which you want the feed to appear
  9. Select the Source Code button (<>) on a WYSIWYG field and paste copied code
  10. Click "Ok," and select "Submit" in the vertical ellipsis
advanced-twitter-feed.png

If you want to limit the number of tweets shown, edit the Source Code (<>) and add a data-tweet-limit attribute to your HTML as shown below:

<a class="twitter-timeline"
href="https://twitter.com/Your_Twitter_Handle_Here"
data-tweet-limit="3">
Tweets by @Your_Twitter_Handle_Here
</a>

PRO-TIP: For the offical documentation, see this Twitter timeline overview guide.

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 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>
<div class="fb-page" data-href="PUT YOUR FACEBOOK PAGE URL HERE" data-tabs="timeline" 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>
facebook.png

Facebook Plugins

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

Back to Top