Widgets & Sidebars

Widgets »Create Your Own Widget

If you want to add a sidebar widget, button, or badge from another service that won’t work here on WordPress.com, you can create your own similar widget:

  1. Find an image to represent the service or website you want to link to, download it, and upload it to your blog’s Media Library.
  2. Use a Text widget or Image widget to display the image in your sidebar or footer.
  3. Link the image in the widget to the service or website.

Why doesn’t my widget work?

Sometimes you might find a widget or badge for your blog that we don’t offer here on WordPress.com. The easiest way to use it is to copy the HTML for the widget and paste it into a plain Text widget. However, you might find that the code you’ve pasted into the widget is automatically stripped out when you save, and the widget doesn’t display.

This is likely because the code contains an iframe, Javascript, Flash, or some other type of code that’s stripped out on WordPress.com for security reasons.

If that happens, you can go back to the site that you got the widget from, and look for an alternate ‘plain HTML’ widget. If the service offers one, usually there will be some language along the lines of “Animated widget didn’t work? Try our HTML version.”

If the service does not offer a plain HTML widget, then you can easily create your own.

↑ Table of Contents ↑

Creating your own widget.

Say you want to display a Pinterest badge in your sidebar, but the one that Pinterest offers contains Javascript:

Javascript

That won’t work at WordPress.com. So in this case, you’ll want to do the following:

  1. Search for an image that represents the service you want to link to, and download it. (Make sure you’re not violating copyright.)
  2. Upload the image to your blog’s Media Library.
  3. Create a draft post and insert your image, as you would any regular image.
  4. Edit the image in the post, and edit the URL field to point to your Pinterest page (or wherever you want your custom widget to point):
    Edit Image
  5. Click to your post’s Text editor and copy all of the HTML that appears:
    Text editor
  6. Go to Appearance→Widgets, find the Text widget, and add it to your sidebar or footer.
  7. Paste the code you’ve just copied into the Text widget and save:
    Text widget
  8. Admire your new widget!
    Pinterest button

Not quite what you're looking for?

Get Help