Free Website Essentials: Back to Top, Table of Contents, Contact Buttons and More
The small components every site needs, built carefully: keyboard and screen-reader friendly, respectful of reduced motion, safe on phones, and light enough to add without thinking about page speed.
Try them live
Real website essentials widgets - exactly what your visitors would see.
The live example loads when it scrolls into view.
Who these are for
Anyone running a blog, shop or business site who wants the small, expected pieces - back to top, reading progress, table of contents, contact buttons, copyright year - done properly.
Common uses
- Back-to-top and reading progress on long articles
- A floating contact button with call, WhatsApp and email on a local business site
- An auto-updating copyright year and accepted payment icons in a shop footer
How embedding works
Pick a widget, set the theme and size, copy one line of HTML and paste it into your page. It runs in its own frame, so it cannot clash with your site's styles, and it resizes itself if you use the loader.
-
A scroll-to-top button that waits until readers scroll, with a progress ring and keyboard-friendly focus.
-
A slim bar or small circle that fills as visitors read your article - measured through the article itself.
-
An automatic table of contents from your headings, with active-section highlight and sticky-header offset.
-
Shows "6 min read" on your post, counted from the page's own text at a researched 238 words per minute.
-
"Updated 3 October 2026" from your page's real modified date - meta tags or JSON-LD - never the load time.
-
A Listen button that reads your article aloud with the browser's built-in voices - no audio files, no account.
-
A footer line like © 2018–2026 Riverside Cafe that moves to the new year on its own every January.
-
A neat footer row of links to your privacy policy, terms, cookie policy and sitemap, in your own fonts.
-
Links between your own language versions - dropdown, inline or floating - with hreflang and no flags.
-
A round corner button that unfolds into labelled Call, WhatsApp, Email, Directions and booking actions.
-
The cards and wallets your shop takes - Visa, PayPal, Apple Pay, UPI, iDEAL - as tidy tiles or footer glyphs.
-
A green WhatsApp bubble in the corner that opens a chat with your number and a ready-written first message.
-
Two to five shop promises - delivery, returns, checkout, support - as an icon strip, grid or compact row.
-
A discount code in a dashed ticket with one-tap Copy, terms, an honest last day and a Shop now link.
-
A bottom bar for phones with up to five big actions: call, WhatsApp, directions, share, book.
-
One large click-to-call button, optionally showing the number, your opening hours and a text link.
-
A clothing or shoe size table with a cm / inch switch, row and column highlight and How to measure tips.
-
Note, Tip, Info, Success, Warning and Danger boxes for articles and docs, with bold text and safe links.
-
An inline 'Chat on WhatsApp' button that opens a chat with your number and a message you prepared.
-
A Key takeaways or TL;DR summary for long posts, with check, number or bullet markers and jump links.
-
A 'Message us on Telegram' button that opens a private chat with your public Telegram username.
-
A clear affiliate, Amazon Associates or sponsored-post notice for the top of an article, with a policy link.
-
An 'Email us' button that opens the visitor's mail app with your address, subject and a starter body.
-
A 'Get directions' button that opens Google Maps or Apple Maps with your address as the destination.
-
A bar fixed to the top or bottom of your page with one message and one button - after a scroll, between dates.
-
Your phone, email, address and reference numbers in a tidy list, each with a one-tap Copy button.
-
A sign-up box with benefits, send day and privacy line that opens your own newsletter subscribe page.
-
Shows Open now or Closed and when you open next, in your business's own time zone.
-
A digital business card with call, email, website and directions buttons plus a .vcf contact download.
-
Large Call, Text, Email, WhatsApp and custom-link tap targets in a stack, row or pill bar.
-
A slim top-of-page message strip with icon, link button, colour tone and optional start and end dates.
-
Maintenance, degraded-service and outage notices with the time window converted to each visitor's zone.
-
A free-delivery threshold message with a progress meter showing how much more a basket needs.
-
Accessible FAQ accordion with search, expand-all, numbering and a copy-as-text button.
-
Two to five plan cards with a monthly/yearly switch, saving %, highlighted plan and comparison mode.
-
Two clear columns of pros and cons with tick and cross icons, an optional title and a bottom line.
-
An editorial score box for blog reviews: your score out of 5 or 10, criteria bars, verdict and a CTA.
No widget matches that search.
Other widget categories
- All calculators
- Finance
- Real Estate
- Business & Ecommerce
- Marketing
- Developer Tools
- SEO & Content
- Website & Security
- Electrical & Electronics
- Education & Math
- Time & Date
- Travel & Auto
- Health & Fitness
- Design
- QR & Generators
- Construction & DIY
- Solar & Energy
- HVAC & Climate
- Logistics & Shipping
- Manufacturing & Operations
- SaaS & Startups
- HR & Work
- Creators & Media
- Food & Restaurant
- Events & Weddings
- Pets
- Agriculture & Garden
- Networking & IT
- Business & Contact
- Announcements & Notices
- Page Components
- Social Media
- Reviews & Trust
How to add a widget
Open a widget, choose the theme, width and style, check the live preview, then copy the code. Paste it into an HTML or "Custom code" block on your site - step-by-step instructions for each platform.