Embedding Social Media on Custom Status Portals
- 13 Mar 2024
- 1 minute read
- Print
- DarkLight
- PDF
Embedding Social Media on Custom Status Portals
- Updated 13 Mar 2024
- 1 minute read
- Print
- DarkLight
- PDF
Article Summary
Share feedback
Thanks for sharing your feedback!
Embedding social media feeds on a custom status portal can be an integral part of engaging with applicants. Facebook and Twitter feeds can make use of the Social Media Widget outlined in the Knowledge Base article Portal Widgets. However, social media feeds like Instagram can still be added to a custom Applicant Status Portal using static content blocks. As best practice we recommend using the Social Media Widget whenever possible.
Note: Widget providers are third-party applications and are not hosted, maintained by, nor affiliated with Technolutions.
Adding a Static Content Block
Drag and drop a Static Content block to the location where a social media feed should reside. Most institutions include this block on the right side of a two column layout.
ImportantOnly use one static content block per social media feed.
Copy and paste the following code in the Source Code of the static content block. More information can be found on the Facebook page plugin site.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<iframe allowtransparency="true" frameborder="0" scrolling="no"
src="https://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/XXXXXXXXXX&
width=300&colorscheme=light&show_faces=false&stream=true&header=false&
height=879" style="border:none; overflow:hidden; width:300px; height:879px;"></iframe>
</body>
</html>ImportantBe sure to replace XXXXXXXXXX with the URL of the Facebook page you would like to appear. You can also change the width and height of the feed if desired.
Copy and paste the following code in the Source Code of the static content block:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<a class="twitter-timeline" data-height="750" data-theme="light"
href="https://twitter.com/XXXXXXXXXX?ref_src=twsrc%5Etfw">Tweets by Slate University</a>
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"
type="text/javascript"></script>
</body>
</html>ImportantBe sure to replace XXXXXXXXXX with the handle of the Twitter account you would like to appear. You can also customize the text that appears (Tweets by Slate University) and the height of the feed if desired.
Institutions will need to use a widget provider such as Snapwidget or Lightwidget.
Once an institution has code from a widget provider, copy and paste the following code in the Source Code of the static content block.
<!-- SnapWidget -->
<iframe width="320" height="240" style="border: none; overflow: hidden;
width: 307px; height: 432px;" allowtransparency="true" frameborder="0"
scrolling="no" src="http://snapwidget.com/XXXXXXXXXX"></iframe>
<!-- LightWidget WIDGET -->
<script src="//lightwidget.com/widgets/lightwidget.js"></script>
<iframe src="//lightwidget.com/widgets/XXXXXXXXXX.html"
scrolling="no" allowtransparency="true" class="lightwidget-widget"
style="width: 100%; border: 0; overflow: hidden;"></iframe>
ImportantBe sure to replace XXXXXXXXXX with the code for your institution's Instagram account and provided by the third party widget provider. You can also customize the width and height if desired.
Was this article helpful?
