CosmyDay
🧩

Astrology Widgets for Webmasters

Free astrology widgets for your website: daily horoscope, natal chart calculator, and live astro news. Content updates automatically — customize the look, copy one snippet, paste it into your page. No coding, no sign-up.

How it works

  1. Pick a widget and match the colors to your site's design.
  2. Click "Copy code".
  3. Paste the code into any HTML block on your site — the widget just works.

Widgets are free as long as the source link below the widget stays in place. Content updates automatically every day.

Horoscope Widget

Fresh daily, weekly and monthly horoscopes. Visitors switch the zodiac sign and period right inside the widget — nothing for you to configure.

Theme
Background
Accent

Type a number or drag the bottom-right corner of the preview. Minimum: 260px.

The source link is part of the embed code and must stay in place — it is what keeps the widget free.

Preview (drag the ↘ corner to resize)

Embed code

<!-- "Horoscope" widget — CosmyDay -->
<iframe src="https://cosmyday.com/widget/horoscope?theme=dark&bg=0a0a14&accent=e8c55a"
  width="100%" height="500" loading="lazy" title="Horoscope — CosmyDay"
  style="border:0;border-radius:16px;max-width:600px;display:block;margin:0 auto"></iframe>
<p style="font-size:13px;text-align:center;margin:6px 0 0">Horoscope widget by
  <a href="https://cosmyday.com/horoscope" target="_blank" rel="noopener">CosmyDay</a></p>

Zodiac Compatibility Widget

A love-match calculator. Visitors pick two signs and get instant love, friendship and work scores. No birth times needed, so it works for casual readers — and it answers the question every zodiac article leaves hanging.

Theme
Background
Accent

Type a number or drag the bottom-right corner of the preview. Minimum: 340px.

The source link is part of the embed code and must stay in place — it is what keeps the widget free.

Preview (drag the ↘ corner to resize)

Embed code

<!-- "Zodiac Compatibility" widget — CosmyDay -->
<iframe src="https://cosmyday.com/widget/compatibility?theme=dark&bg=0a0a14&accent=e8c55a"
  width="100%" height="430" loading="lazy" title="Zodiac Compatibility — CosmyDay"
  style="border:0;border-radius:16px;max-width:600px;display:block;margin:0 auto"></iframe>
<p style="font-size:13px;text-align:center;margin:6px 0 0">Compatibility widget by
  <a href="https://cosmyday.com/compatibility" target="_blank" rel="noopener">CosmyDay</a></p>

Natal Chart Widget

A birth chart calculator: visitors enter their birth date and get an interactive chart wheel with their Big Three — Sun, Moon and Rising sign.

Theme
Background
Accent

Type a number or drag the bottom-right corner of the preview. Minimum: 420px.

The source link is part of the embed code and must stay in place — it is what keeps the widget free.

Preview (drag the ↘ corner to resize)

Embed code

<!-- "Natal Chart" widget — CosmyDay -->
<iframe src="https://cosmyday.com/widget/natal?theme=dark&bg=0a0a14&accent=e8c55a"
  width="100%" height="640" loading="lazy" title="Natal Chart — CosmyDay"
  style="border:0;border-radius:16px;max-width:600px;display:block;margin:0 auto"></iframe>
<p style="font-size:13px;text-align:center;margin:6px 0 0">Birth chart widget by
  <a href="https://cosmyday.com/natal-chart" target="_blank" rel="noopener">CosmyDay</a></p>

Astro News Widget

Three tabs of daily sky updates: today's Moon (phase, sign, illumination), the day's cosmic weather, and the week ahead. Updates automatically every day.

Theme
Background
Accent

Type a number or drag the bottom-right corner of the preview. Minimum: 300px.

The source link is part of the embed code and must stay in place — it is what keeps the widget free.

Preview (drag the ↘ corner to resize)

Embed code

<!-- "Astro News" widget — CosmyDay -->
<iframe src="https://cosmyday.com/widget/astro-news?theme=dark&bg=0a0a14&accent=e8c55a"
  width="100%" height="300" loading="lazy" title="Astro News — CosmyDay"
  style="border:0;border-radius:16px;max-width:600px;display:block;margin:0 auto"></iframe>
<p style="font-size:13px;text-align:center;margin:6px 0 0">Astrology data by
  <a href="https://cosmyday.com/" target="_blank" rel="noopener">CosmyDay</a></p>

How to add a widget to your site

Plain HTML site

Open your page's HTML and paste the copied code where the widget should appear. No scripts, no setup — it works immediately.

WordPress

There is an official plugin — install CosmyDay Astrology Widgets and pick a widget from a block, a shortcode or a sidebar widget. No code to paste.

Or embed the snippet by hand:

  1. In the editor, add a "Custom HTML" block.
  2. Paste the widget code into the block.
  3. Update / publish the page.

Squarespace, Wix & other builders

Add an "Embed" / "Custom code" element and paste the widget code into it.

Frequently asked questions

Is it really free?

Yes. The widgets are free to embed on any website, with one condition: the source link that comes with the embed code must stay in place, visible directly below the widget, as a normal followable link (no nofollow). You may translate its text into your language as long as it still links to cosmyday.com. Embeds that remove the source link are not covered by this free licence, and we reserve the right to disable the widget on such pages. (This applies to the copy-paste embed code from this page; our WordPress plugin has its own attribution setting that you control in the plugin options.)

Does the content update automatically?

Yes. Horoscopes and astro news refresh every day automatically — nothing to do on your side.

Can I match the widget to my site design?

Yes: pick the dark or light theme and set the background and accent colors in the configurator above — the embed code updates automatically.

Still have questions?

Write to us: admin@cosmyday.com