Setting Up WordPress Custom Widgets

This article covers how to add custom widgets to your WordPress website's sidebar, footer, and other widget areas.

What Are WordPress Widgets

Widgets are small blocks of content that appear in specific areas of your website, like the sidebar or footer. They can display recent posts, contact information, social media links, or custom text.

WordPress comes with built-in widgets, but you can also create custom ones to match your business needs.

Finding Your Widget Areas

1. Log into your WordPress admin dashboard
2. Click "Appearance" in the left menu
3. Click "Widgets"
4. You'll see available widget areas (like "Sidebar", "Footer") on the right side of the screen

The number and names of widget areas depend on your theme. Most themes have at least a sidebar and footer area.

Adding a Text Widget

Text widgets let you add custom content like business hours, contact details, or announcements.

1. In the Widgets screen, look for "Text" in the available widgets list
2. Click and drag the Text widget to your chosen widget area (like "Sidebar")
3. Click the dropdown arrow on the widget to expand it
4. Add a title (like "Contact Us" or "Opening Hours")
5. Type your content in the text box
6. Click "Save"

Your text widget will now appear on your website in that area.

Adding an Image Widget

1. Drag the "Image" widget to your chosen widget area
2. Click "Add Image"
3. Choose an image from your media library or upload a new one
4. Add alt text (important for accessibility)
5. Add a caption if needed
6. Click "Add to Widget"
7. Click "Save"

Creating a Custom HTML Widget

HTML widgets let you add custom code, like Google Maps, social media feeds, or special formatting.

1. Drag the "Custom HTML" widget to your widget area
2. Add a title if you want one to appear
3. Paste your HTML code in the content box
4. Click "Save"

Warning: Only add HTML code from trusted sources. Bad code can break your website.

Removing Widgets

To remove a widget:

1. Go to Appearance > Widgets
2. Click the widget you want to remove
3. Click "Delete" at the bottom of the widget settings
4. The widget disappears immediately

Alternatively, drag the widget from the widget area back to the available widgets list.

Reordering Widgets

To change the order of widgets in an area:

1. Click and drag widgets up or down within the same widget area
2. Release when you're happy with the position
3. Changes save automatically

If you're still stuck with setting up widgets, contact Web60 support through your account portal and we'll help you get them working properly.