Embed Twitter Widgets into Moodle

Tags moodle

1.) To embed the Twitter feed code, go to Twitter Publish and enter your Twitter URL. 

Twitter embed creation screen with a text field to enter a URL

2.) On the next screen, you will decide what kind of tweet you want to display. You will also be able to copy the code to embed into Moodle. 

Embed options screen with the display options circled

  • Embedded Timeline: displays all the tweets from any public Twitter account. For example, to follow all the tweets from Advertising Age, type in AdAge
  • Twitter Buttons: Allow you to get updates from someone specific on Twitter, or Start a conversation with the person right from your website. 
  • Click "Copy Code".

4.) Copy that code so you can paste it into Moodle

An example image of generated user code.

5.) In Moodle, turn editing on in your course

Turn Edit On button circled in red

6.) Scroll down in your Moodle course till you find the 'Add a block' block; use the drop-down menu to add the HTML block

Add block text circled in red.

  • Your Moodle course will refresh and the new HTML block will be added into your course.

7.) Scroll down and find the new HTML Block; click on the gear icon (1), and then 'Configure (new HTML block) block' (2)

HTML Block configuration

8.) In the 'Block settings' (1) enter the 'Block title' as Twitter Feed; and click the 'Edit HTML source' button (2)

Configure twitter feed block

9.) When you click the 'Edit HTML source' button, this will bring up the HTML source editor, paste the code you copied from Twitter into this box and click 'Update'

10.) You will then see in the 'Content' box information about your Tweets; click the 'Save changes' button

11.) You will be taken to your course homepage, where the Twitter widget will appear in the left-side navigation of your Moodle course



Article ID: 79246
Tue 5/28/19 2:54 PM
Tue 9/12/23 6:06 PM
Internal or External