Adding Third-Party Web Widgets to Your

SharePoint 2007 Site

Jennifer Lewis
Adding Third -Party Web Widgets to Your SharePoint 2007 Site
Page 2 of 8

Overview
Third-Party Web widgets are nice tools that you can Notes:
use on your site without having to load any additional
• Please use caution when
code modules. Typically, you would embed some
using third-party web widgets
JavaScript code on your site to display the widget. on your site. Some widgets
are malicious, like the
It may appear that you can only embed the widgets
Facebook Secret Crush widget,
on a standard web page, a social networking page, or
which lured users to install the
a blog. By using the right web part, you can easily infamous Zango adware.
embed a widget on a SharePoint page.
• Please be prudent when
The following step-by-step instructions illustrate how adding widgets to your site.
Since you are embedding code
to embed a widget on your SharePoint site. In this
example, we will be embedding the Yahoo! Maps on your page to make a
widget on SharePoint site site1. request to a third-party site,
you are increasing your
network traffic, which will
affect your site performance.

Note: You must have site administrator privileges in order to perform this action.

Directions
1. In your browser, go to the site where you want to add the widget.

2. Select Site Actions – Edit Page

Written on 11/26/2008
Adding Third -Party Web Widgets to Your SharePoint 2007 Site
Page 3 of 8

3. Click the Add a Web Part Button in the web part area where you would like to add the
widget. In this example, I am adding the widget in the right web part area.

4. Scroll until you see the Content Editor Web Part, which should appear under the
Miscellaneous section.
5. Select the Content Editor Web Part by clicking on the checkbox to check it.

Written on 11/26/2008
Adding Third -Party Web Widgets to Your SharePoint 2007 Site
Page 4 of 8

6. Click Add
By default, it will appear at the top of the area where you added the web part. Note that you
can rearrange the area by clicking and dragging the various web parts in the web part area.
In this example, I will leave the web part at the top.

Written on 11/26/2008
Adding Third -Party Web Widgets to Your SharePoint 2007 Site
Page 5 of 8

7. Click on the open the tool pane link.

8. Click the Source Editor button

9. In the text box, enter the script tags you need to embed the widget on your page. Note
that the logic will vary based on the widget. In this example, I’m embedding the Yahoo!
Maps widget on the SharePoint site.

Written on 11/26/2008
Adding Third -Party Web Widgets to Your SharePoint 2007 Site
Page 6 of 8

10. Click Save

You should now see the widget on your page. You may also want to make additional
changes, such as the title that should appear on the web part. In this example, we will leave
the information as it is.

Written on 11/26/2008
Adding Third -Party Web Widgets to Your SharePoint 2007 Site
Page 7 of 8

11. When finished with your changes, click OK to close the tool link panel

12. Click Edit Exit Mode to finish editing.

Voila! You now have a widget on your site.

Written on 11/26/2008
Adding Third -Party Web Widgets to Your SharePoint 2007 Site
Page 8 of 8

Written on 11/26/2008