37 widgets · free · no ads

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.

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.

  • Back to Top Button

    Website Essentials Website component New

    A scroll-to-top button that waits until readers scroll, with a progress ring and keyboard-friendly focus.

    Get code
  • Reading Progress Bar

    Website Essentials Website component New

    A slim bar or small circle that fills as visitors read your article - measured through the article itself.

    Get code
  • Table of Contents

    Website Essentials Website component New

    An automatic table of contents from your headings, with active-section highlight and sticky-header offset.

    Get code
  • Estimated Reading Time

    Website Essentials Website component New

    Shows "6 min read" on your post, counted from the page's own text at a researched 238 words per minute.

    Get code
  • Last Updated Date

    Website Essentials Website component New

    "Updated 3 October 2026" from your page's real modified date - meta tags or JSON-LD - never the load time.

    Get code
  • Listen to Article Button

    Website Essentials Website component New

    A Listen button that reads your article aloud with the browser's built-in voices - no audio files, no account.

    Get code
  • Auto-updating Copyright Year

    Website Essentials Website component New

    A footer line like © 2018–2026 Riverside Cafe that moves to the new year on its own every January.

    Get code
  • Footer Legal Links

    Website Essentials Website component New

    A neat footer row of links to your privacy policy, terms, cookie policy and sitemap, in your own fonts.

    Get code
  • Language Switcher

    Website Essentials Website component New

    Links between your own language versions - dropdown, inline or floating - with hreflang and no flags.

    Get code
  • Floating Contact Button

    Website Essentials Website component New

    A round corner button that unfolds into labelled Call, WhatsApp, Email, Directions and booking actions.

    Get code
  • Payment Icons

    Website Essentials Website component New

    The cards and wallets your shop takes - Visa, PayPal, Apple Pay, UPI, iDEAL - as tidy tiles or footer glyphs.

    Get code
  • Floating WhatsApp Button

    Website Essentials Website component New

    A green WhatsApp bubble in the corner that opens a chat with your number and a ready-written first message.

    Get code
  • Shipping & Benefits Bar

    Website Essentials Website component New

    Two to five shop promises - delivery, returns, checkout, support - as an icon strip, grid or compact row.

    Get code
  • Coupon Code Box

    Website Essentials Website component New

    A discount code in a dashed ticket with one-tap Copy, terms, an honest last day and a Shop now link.

    Get code
  • Mobile Action Bar

    Website Essentials Website component New

    A bottom bar for phones with up to five big actions: call, WhatsApp, directions, share, book.

    Get code
  • Call Now Button

    Website Essentials Website component New

    One large click-to-call button, optionally showing the number, your opening hours and a text link.

    Get code
  • Size Chart

    Website Essentials Website component New

    A clothing or shoe size table with a cm / inch switch, row and column highlight and How to measure tips.

    Get code
  • Callout Box

    Website Essentials Website component New

    Note, Tip, Info, Success, Warning and Danger boxes for articles and docs, with bold text and safe links.

    Get code
  • WhatsApp Chat Button

    Website Essentials Website component New

    An inline 'Chat on WhatsApp' button that opens a chat with your number and a message you prepared.

    Get code
  • Key Takeaways Box

    Website Essentials Website component New

    A Key takeaways or TL;DR summary for long posts, with check, number or bullet markers and jump links.

    Get code
  • Telegram Chat Button

    Website Essentials Website component New

    A 'Message us on Telegram' button that opens a private chat with your public Telegram username.

    Get code
  • Affiliate Disclosure

    Website Essentials Website component New

    A clear affiliate, Amazon Associates or sponsored-post notice for the top of an article, with a policy link.

    Get code
  • Email Us Button

    Website Essentials Website component New

    An 'Email us' button that opens the visitor's mail app with your address, subject and a starter body.

    Get code
  • Get Directions Button

    Website Essentials Website component New

    A 'Get directions' button that opens Google Maps or Apple Maps with your address as the destination.

    Get code
  • Sticky CTA Bar

    Website Essentials Website component New

    A bar fixed to the top or bottom of your page with one message and one button - after a scroll, between dates.

    Get code
  • Copy Contact Details

    Website Essentials Website component New

    Your phone, email, address and reference numbers in a tidy list, each with a one-tap Copy button.

    Get code
  • Newsletter CTA Box

    Marketing Tool New

    A sign-up box with benefits, send day and privacy line that opens your own newsletter subscribe page.

    Get code
  • Business Hours

    Time & Date Clock & time

    Shows Open now or Closed and when you open next, in your business's own time zone.

    Get code
  • Business Card Widget

    Business & Contact Tool New

    A digital business card with call, email, website and directions buttons plus a .vcf contact download.

    Get code
  • Contact Buttons

    Business & Contact Tool New

    Large Call, Text, Email, WhatsApp and custom-link tap targets in a stack, row or pill bar.

    Get code
  • Announcement Bar

    Announcements & Notices Tool New

    A slim top-of-page message strip with icon, link button, colour tone and optional start and end dates.

    Get code
  • Website Alert Banner

    Announcements & Notices Tool New

    Maintenance, degraded-service and outage notices with the time window converted to each visitor's zone.

    Get code
  • Free Shipping Bar

    Announcements & Notices Tool New

    A free-delivery threshold message with a progress meter showing how much more a basket needs.

    Get code
  • FAQ Accordion

    Page Components Tool New

    Accessible FAQ accordion with search, expand-all, numbering and a copy-as-text button.

    Get code
  • Pricing Table

    Page Components Tool New

    Two to five plan cards with a monthly/yearly switch, saving %, highlighted plan and comparison mode.

    Get code
  • Pros and Cons Box

    Reviews & Trust Website component New

    Two clear columns of pros and cons with tick and cross icons, an optional title and a bottom line.

    Get code
  • Product Review Box

    Reviews & Trust Website component New

    An editorial score box for blog reviews: your score out of 5 or 10, criteria bars, verdict and a CTA.

    Get code

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.

Preview