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 the condition for free use of the widget. Please keep it in the code.

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">Source:
  <a href="https://cosmyday.com/horoscope" target="_blank" rel="noopener">Daily horoscopes on 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 the condition for free use of the widget. Please keep it in the code.

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">Source:
  <a href="https://cosmyday.com/natal-chart" target="_blank" rel="noopener">Free natal chart calculator</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 the condition for free use of the widget. Please keep it in the code.

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">Source:
  <a href="https://cosmyday.com/" target="_blank" rel="noopener">Today's astrology: moon and transits — 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

  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 only condition is keeping the source link that comes with the widget code.

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: support@cosmyday.com