How to use and add WordPress widgets to customise your website

WordPress widgets are dynamic, cus­tom­iz­able programs that can be in­teg­rated into a WordPress site as blocks or snippets of content. Widgets provide ad­di­tion­al site features such as calendars, search functions or RSS feeds.

Just from the word 'widget' it’s hard to tell the function or meaning: Widget means something like 'thing,' 'device,' or 'control device.' As com­pon­ents of WordPress, widgets provide ad­di­tion­al func­tion­al­ity for websites, they act as dynamic website areas that can be filled with in­di­vidu­al content, functions, media, or text snippets as required. The idea behind them is to design a WordPress Theme with practical functions, if possible, without any pro­gram­ming effort. Widgets can be in­teg­rated into the header, footer, sidebar, or other website areas. The sidebar is the most popular area for widgets.

WordPress widgets can be used as ad­di­tion­al control and content elements of a website to cover almost all content topics. Where you place widgets on a WordPress site depends on the self-selected or designed WordPress Theme and the available widget areas. The following func­tion­al­it­ies can be in­teg­rated into your own website with WordPress widgets without pro­gram­ming knowledge:

• Search functions for keyword search
• Category filter
• Tag clouds (for all articles that can be assigned to a tag)
• RSS feeds for new articles of own or other websites
• Social media embedding
• Image galleries
• Maps (e.g. Google Maps)
• Calendar functions
• In­teg­ra­tion of videos and music (e.g. from YouTube)

WordPress includes numerous widgets by default that you can add to your site right away. The advantage: you don’t need to install external plugins, nor do you need to know HTML or CSS. You simply place widgets in the desired widget area on the page using the Block Editor and enable them.

You can find the following pre-installed widgets in WordPress:

• Archives: Lists older posts sorted by month
• Calendar: Adds a calendar function
• Recent Posts: Lists latest posts
• Recent Comments: Lists latest comments on posts
• RSS: In­teg­rates RSS/Atom feeds from your own or external websites.
• Pages: Displays the pages of your own website
• Text: Displays any text/HTML elements
• HTML: Insertion of HTML code elements
• Gallery: In­teg­rates an image gallery
• Custom Menu: Adds custom menu to sidebar
• Cat­egor­ies: Divides website into con­trol­lable cat­egor­ies
• Tags Cloud: Shows clouds of the most used tags (keywords)
• Search: Adds a search window for internal website search

Be it pre-installed WordPress widgets, self-pro­grammed plugins with cus­tom­ised features or widgets from external providers - widgets add value to a website. However, to use them properly, you should know the different types and cat­egor­ies of widgets. The following types of widgets are important for a re­spons­ive website:

News widgets are among the most important ex­ten­sions for a WordPress site. They can be used to present latest blog posts, articles, and latest comments or make new products visible to site visitors. WordPress RSS widgets in turn cannot only clearly display new posts of your pages or other sites but can even be sub­scribed to by the readers. With ap­pro­pri­ate feed readers, these auto­mat­ic­ally stay up to date with the automatic RSS feed.

• WP RSS Ag­greg­at­or
• RSS Feed Widget
• Feedzy RSS Feeds

CTA buttons are a great way to get visitors to take action on a website. Readers who follow posts with en­thu­si­asm or are in­ter­ested in products can use them to leave mail addresses, subscribe to an RSS feed, add a pro­mo­tion­al product to their shopping cart, or contact them with questions. For new posts and articles in­cor­por­ate call-to-action buttons by adding them in the built-in Gutenberg block editor during creation. For a permanent widget, use third-party call-to-action widgets.

Examples:

• Simple Side Tab
• Magic Content Box Lite
• Call-to-Action-Widget in Elementor Pro

However, pages with lots of content, subpages, and cat­egor­ies should be easy to navigate. For this purpose, nav­ig­a­tion widgets are useful for the nav­ig­a­tion menu, search, cat­egor­ies, or tags. They allow site visitors to navigate to specific cat­egor­ies or keywords, filter posts by month or date, or search for specific terms, products, and phrases. You can even include a Google search widget to extend searches to the web without requiring visitors to leave your site.

Examples:

• Category Posts Widget
• Widget Menuizer
• Re­spons­ive Menu
• WP Mobile Menu
• Ivory Search
• WP Google Search

Are you also active on social media? Then you can use social media widgets to draw visitors from your WordPress site to your social media profiles and channels. These are basically also feed widgets, but they spe­cial­ise in dis­play­ing recent social media posts on the website. Social media button widgets allow your visitors to follow you on Twitter, Facebook, Instagram or TikTok, subscribe to your YouTube channel or like the latest social media posts.

Examples:

• Widget for Social Page Feeds
• Smash Balloon Feeds for Facebook, for Instagram, for Twitter or for YouTube
• Shared Counts
• Sassy Social Share
• Easy Social Icons

In­teg­rated audio or video clips liven up a website and make it modern and in­ter­act­ive. Image galleries (e.g. for new artwork or shop photos) inform visitors about new content at first glance and lead them directly to the source with in­teg­rated links. This is also ideal for those who offer audio players for podcasts or video tutorials (e.g. on YouTube) and want to integrate them into their blog.

Examples:

• Wonder Video Embed (for Videos)
• Fusebox (for Audio players)
• Power­Press (for pod­cast­ing)

If you create an online shop with WordPress, you should use shopping cart widgets that are visible in the header, footer, or sidebar as they lead shop visitors from the shop area directly to the shopping trolley. Product widgets can also be used to display products from your online shop.

Examples:

• WP EasyCart plugin
• WordPress Simple Paypal Shopping Cart
• Woo­Com­merce plugin
• WP eCommerce

When visitors have questions, problems or need more in­form­a­tion, contact widgets make it easy to get in touch directly. A contact widget, placed in the footer for example, leads visitors directly to the contact form. There is no pre-installed contact form widget in WordPress, but plugins like the free Contact Form 7 or the fee-based Gravity Forms are available.

Another option is mailing list widgets, which allow visitors to enter email addresses for news­let­ters and email marketing. For this purpose, MailChimp or MailChimp al­tern­at­ives like GetRe­sponse, Emma, or Mailjet are available.

Widgets are managed in the WordPress backend or dashboard. There, under the 'Design' menu item, you will find the 'Widgets' section. Note however, that you should use widgets se­lect­ively. Too many of them on one page will flood visitors with in­form­a­tion so place widgets de­lib­er­ately. There are three ways to add widgets:

To do this, go to 'Design' > 'Cus­tom­ise' > 'Widgets' in the dashboard and add or rearrange pre-installed WordPress widgets in available page areas using a WordPress Page Builder or Gutenberg block editor. Depending on the WordPress theme, the Cus­tom­iser will display available widget areas in the header, footer, or sidebar. Once a widget has been added save your changes with the 'Publish' button. With the Block Editor, you also have the option to add widgets to specific pages of a website.

In the dashboard under 'Plugins', search for suitable WordPress plugins or third-party plugins with widget option and install them. Many free plugins already offer enough widget features suitable for small and larger websites. Premium plugins, on the other hand, give you sig­ni­fic­antly more options in terms of design and function of your pages.

If you have advanced pro­gram­ming skills and can’t find a suitable one among the existing plugins and widgets, you can use the Widgets API to create your own widgets via the plugin folder. To do this, create a new plugin in the wp-content/plugins directory and program a plugin code according to your needs. Since these are complex steps, it is re­com­men­ded to use ready-made widgets, if possible, which already offer numerous functions.

Use targeted widgets to make your website more appealing and user-friendly, add practical features for news, media, and nav­ig­a­tion. Through smart website func­tion­al­ity you not only engage readers with your content per­man­ently through social media but also simplify the buying ex­per­i­ence on WordPress with e-commerce and strengthen your brand as a blogger, seller, artist, or business.