Free calendar widget for your website

What is a calendar widget?

A calendar widget is a small box on your website that shows today's date, the day of the week and the current month at a glance. News sites, blogs, schools, churches, mosques, community groups and small businesses use one to keep the date visible in a header or sidebar.

With the WebToolsMe calendar widget you choose the main calendar and any extra calendars (such as the Hijri or Hebrew date), match the colors to your site and copy a single line of HTML code. There is no plugin to install and no account to create: the free calendar works on WordPress, Wix, Squarespace, Shopify, Blogger or any HTML page. The date updates by itself every day.

Why add a calendar to your website?

• Today's date: a clean date line with the day name for news sites, blogs and online magazines.
• Religious calendars: the Hijri date for mosques and Islamic centers, or the Hebrew date for synagogues and Jewish community sites, next to the Gregorian date.
• Schools and clubs: a month view that students, parents and members can glance at.
• Bookings and services: visitors can quickly check dates and weekdays before they get in touch.
• International audiences: month and day names in the visitor's language, with the right week layout.

How to embed the calendar (HTML code)

Set up the calendar and design above, then click Copy code. You get a short HTML snippet: paste it where the calendar should appear and follow the steps for your platform:

Hijri, Hebrew and other calendars

Pick Hijri as an extra calendar and today's Islamic date appears under the Gregorian date, for example "Jumada I 12, 1448". It follows the Umm al-Qura calendar, the official calendar of Saudi Arabia. Local moon-sighting committees may start a month a day earlier or later, so follow your local announcements for Ramadan and Eid.

You can also add the Hebrew calendar, the Persian (Solar Hijri) calendar used in Iran, the Thai Buddhist calendar, the Japanese era calendar (Reiwa) and the Indian national calendar. Month and day names come from the visitor's browser, so the widget needs no server connection to work.

Features

Where to place the calendar

• The top of a sidebar or the area just under the header gets the most attention on news sites and blogs.
• In narrow spots such as a sidebar or footer, keep only "Today's date" switched on. The month view suits wider areas.
• When you make the widget narrower, the text scales down with it and stays readable at 240 pixels.
• On UK and European sites, set the first day of the week to Monday.

Lightweight and private

The calendar is one small script. After it loads it never contacts a server again: the date is worked out in the visitor's browser. It sets no cookies, collects no data and runs in its own sealed box, so it can't break your theme and your theme can't break it. It won't slow your pages down.

Frequently asked questions