Whether you’re building a website for your bagel shop or a portfolio where you share your carpentry projects, there’s a non-trivial chance that at some point you wondered about widgets.
Questions around widgets — those nifty little tools that sit alongside your content and add functionality to your site — often revolve around quantity: “How many widgets should I add?” Today, let’s look at three sites to explore a different, more important question: “What do I want my visitors to do?”
Keeping things streamlined at Red-Handled Scissors
Tip: You can add, remove, and tweak widgets at any time by heading to My Sites → Customize → Widgets.
Haley Pierson-Cox, based in Brooklyn, is a multidisciplinary maker who focuses on sewing and knitting (her first book, on cross-stitching, is coming out in Fall 2018). Her homepage at Red-Handled Scissors keeps visitors grounded, an effect Haley achieves through a clever, minimal use of widgets.
A couple of things stand out here. First, the prominent sidebar gives readers exactly three options to choose from: listen to her recently launched podcast, visit and follow her various social accounts, and subscribe to email updates.
Like the look of Haley’s site? It uses the Make theme, one of thousands of WordPress themes available with the WordPress.com Business plan.
This strict choice complements the main welcome message on the left column of the page, which also includes three custom buttons (to reviews, tutorials, and the very same podcast). There’s an invitation here for the visitor to choose their own adventure, but each path is well-defined and promotes a specific goal.
Tip: You can control which widgets appear on which pages by fiddling with your widget visibility settings.
The other thing you’ll notice if you visit Haley’s site — and who wouldn’t like to learn how to create a DIY hanging planter? — is that this sidebar is short. It does its job, then stops: the next section on the page highlights two tutorial videos. Other areas of the site — like said planter tutorial — have longer, more traditional sidebars with many more widgets, including the Facebook Like Widget and the Twitter Timeline Widget. But the homepage guides us to one of a small handful of outcomes, and does so without feeling pushy or overbearing.
The Zero-Waste Chef wastes no opportunity to share older posts
When you’re a prolific writer like Anne Marie, an environmentally conscious food blogger in the San Francisco Bay Area, your blog’s stream of recent posts can get quite long, inviting readers to explore more articles on fermentation, maintaining a zero-plastic kitchen, and reviving old kitchenware. A long, immersive scroll comes with a tall sidebar — which Anne Marie has filled with useful links, quick access points to even more content, and updates from her social accounts.
The first two widgets in the sidebar accomplish the highest-priority actions a future Zero-Waste fan could take: subscribe to follow Anne Marie’s blog via email, and visit her Media/Press page to get a better sense of her bonafides in the field of sustainable cooking. As you scroll farther down, the focus of the sidebar shifts, and includes other widgets.
From the Top Posts & Pages Widget to the Archives Widget, the main goal of the lower sections of the sidebar is to expose readers to older, evergreen posts. It also brings in activity from Anne Marie’s various social accounts to her central hub — her site — with additions like the Twitter Timeline Widget and Instagram Widget.
At Dance Music Northwest, it’s “goodbye sidebar, hello footer!”
Sometimes, the best approach to a sidebar is to not have one. Case in point: nightlife and electronic-music magazine Dance Music Northwest, which delivers event and DJ listings, news, and music recommendations to fans across the greater Seattle area.
What does the site do with the real estate it wins back from the unused sidebar? It invites visitors to focus on recent posts, displaying them in a highly readable, full-width stream. Post excerpts that might’ve seemed long and cramped on a homepage that includes widgets instead feel airy. They also increase the chance a reader might click through to read the full article.
Tip: If you’re not sure where a theme can display the widgets you need, look up the theme’s name in the Theme Showcase. Each one has its own documentation, including all the details you’ll need on its sidebar, footer, or other widget areas.
Going sidebar-free doesn’t mean you have to forego the benefits of widgets. You might just need to find a different, better-fitting spot for them on your site. Many themes come with widget areas beyond the sidebar — including the footer, which is where the Dance Music Northwest team chose to add a well-curated selection.
With two Text Widgets (featuring a breezy “About Us” description and links to key sections on the site) and a Follow Blog Widget to encourage email subscriptions, the site makes a bet that those passionate readers who’ve made it all the way to the bottom of the page might be the most likely ones to click on yet another button or link.
Have you customized your sidebar or other widget areas on your site? Have any tips to share with others? Leave a comment below!
Ready to take your site to the next level? Get advanced SEO, eCommerce, customization, and social tools, enjoy unlimited access to premium themes, and more with the WordPress.com Business or Premium plans.
Thanks for putting this one
LikeLiked by 15 people
Thank you for sharing this 🙂
LikeLiked by 11 people
Sometimes I feel like using text in the sidebar distracts from the post you intend for users to read. Good info! 🤗
LikeLiked by 11 people
This is great Information.
Thank you
LikeLiked by 8 people
Wow.. Thanks for the authentic knowledge
LikeLiked by 8 people
Nice share! 😊
LikeLiked by 6 people
Thanks! Very well chosen examples. Wish i were so nifty as to manage to do at least a few things out of these!
LikeLiked by 7 people
Great info, I think I’ll use this on my site
LikeLiked by 7 people
thanks for the great story on widgets. I have used a lot of widgets in my sidebar in similar ways and find them very useful. Also I have now started following the first two blogs you wrote about here!
LikeLiked by 8 people
Your post caught my eye yesterday when I went to Discover. I saw the headline and thought to myself, “Oooh, I have to read that and learn how to improve my sidebars!” When I clicked on it, I was thrown a bit initially because… I saw my site! Thank you for including me and for the info on my sidebars. Good to know I am on the right track 🙂
LikeLiked by 11 people
There are many different approaches, and yours works so well for your site — I love having so many opportunities to explore more things as I scroll down the page.
LikeLiked by 7 people
Thank you! 🙂
LikeLiked by 6 people
Thanks for this it helps a lot especially for new people
LikeLiked by 9 people
A very handy tool! Thanks!
LikeLiked by 6 people
I dig all of it. I am pondering the idea of audio recording my reading aloud each of my blog stories for a more immersive experience (I personally love books read by their authors, thus is the inspiration) and I think going with a play widget is the best idea after reading this post. Thank you, Ben.
LikeLiked by 10 people
The Sidebar is a struggle and this was so helpful thank you! ❤
LikeLiked by 7 people
Thus was really useful. I use a mix of sidebar items and footer widgets. Never quite sure what looks the most streamlined, but I’ve made sure to incorporate it differently on the “About” page.
LikeLiked by 10 people
Very Useful thnxx
LikeLiked by 10 people
Thanks, this is great advice. The only trouble I have about widgets is — I keep changing my mind!
LikeLiked by 8 people
Arr, widgets they be a blogger’s best friend. You is telling them new info without you has to update yer whole blog.
LikeLiked by 12 people
Thanks for the article, detailed and well researched. I personally like the no side bar option, because it makes the design more mobile friendly.
LikeLiked by 9 people
I hear you, though it’s also worth pointing out that if a theme is responsive (in other words, changes automatically depending on the device used to view the site) — and all WordPress.com themes are responsive — the widgets normally move elsewhere on the page so that the reading experience is still smooth. Different themes handle widgets differently — for example, some might push all widgets to the bottom of the page, while others will show some mid-page. But all of them will take the limited size of mobile devices into account.
LikeLiked by 10 people
Great point, however I feel widgets are more often result of an after thought or a specific behavior, more or less leading to an action. Therefore if I think of this way, essentially the widgets are not a part. For me lesser the better and maybe the same philosophy to use them in website experience.
LikeLiked by 7 people
That’s fair!
LikeLiked by 4 people
How do you put the About section on the sidebar? A lot of bloggers have their about me description on the side, but I can’t figure it out.
LikeLiked by 7 people
All it takes is a Text Widget — it’s one of the most versatile widgets out there, as you can include not just text, but also links and media to it. You can learn how to create and use one on this support page: https://wordpress.com/support/widgets/text-widget/
LikeLiked by 3 people
Thanks so much!
LikeLiked by 3 people
Thanks!
LikeLiked by 7 people
I’m just setting up my WordPress and this really made me think about what I want my visitors to do, rather than simply how I want my site to look. Thanks.
LikeLiked by 8 people
this is helpful 🙂
LikeLiked by 7 people
Great!, really helpful.
LikeLiked by 5 people
Good to know
LikeLiked by 6 people
Love it
LikeLiked by 6 people
Thanks for your lovely posts.
LikeLiked by 7 people