Topics Map > Instructional Technology > D2L

Creating a Custom Widget in D2L and Adding It to Your Coursepage (with special reference to Twitter)

This document describes how to create a customized widget in D2L and add it to the homepage. There is special reference made to creating a customized Twitter widget.

Users may also want to consult the article: Adding a Widget to the Homepage of your Course in D2L.

1. Select "Edit Course" in the navigation bar.

edit course

2. Click on Widgets


3. Press "create widget"

create widget

4. Give your widget a descriptive name

give it a name

5. Do Not type the content of the widget in the box below the name. Rather type the content of the widget under the tab called "content."

click on content tab

6. If the widget consists of text, type the text in the text box. If, however, you would like to create a widget from an embed code - such as a Twitter widget - click on the open HTML source editor in the lower right hand corner.

open html source editor
7. After the editor window pops up, open a new tab in you internet browser and go to the place where you will get the embed code. In this example we are using Twitter. (

8. Once the widget creator in Twitter is open, press "create new"

create new widget

9. Enter the Twitter account or hashtag you would like to follow. In this case we are using @nprnews. Then press "create widget" to generate the embed code.

name widget

10. Copy the embed code so that you can paste it back in your D2L course. Press "save changes."

copy source code

11. Toggle back to your D2L course where the html source editor should still be open.
Then, paste the embed code in the html editor and press "save."

paste html code

12. Press "save and close" again and the widget is now ready for you to add to your homepage.

To learn how to add the widget to your homepage, consult: Adding a Widget to the Homepage of your Course in D2L

See Also:

Keywords:D2L, widget, instructor, homepage, custom, twitter, create a widget   Doc ID:42510
Owner:Todd D.Group:UW Green Bay
Created:2014-08-05 11:54 CSTUpdated:2014-08-05 12:23 CST
Sites:UW Green Bay
Feedback:  0   0