Twitter Integration

Creating and using twitter feed in cms page. (Example uses @Twitter feed)

1. Create twitter widget:

  • Navigate to Widget Creator and enter desired twitter page
  • Select Embedded Timeline

Now you will get preview of feed you selected and code to implement. The code should look something like this:

<a class="twitter-timeline" href="">Tweets by Twitter</a>
<script async src="" charset="utf-8"></script>

Copy that code you will need to add it.

2. Add to CMS:

  • Create or Edit CMS page and add first line from generated code to page content.

Note: You will need to add this code in HTML mode (by clicking <>)

3. Add Scripts:

  • Navigate to CMS Layout
  • Add twitter inject
let twitterInclude = document.createElement('script');
twitterInclude.setAttribute('src', '');

Note: This adds script shown in second line of generated code.

  • Add event listener to load feed
document.body.addEventListener("cmsPageLoaded", function(){
  if (document.querySelector('.twitter-timeline')) {

  • admin/online-platform-cms/twitter-integration.txt
  • Last modified: 2021/03/09 07:08
  • (external edit)