Website widgets

Horoscope and astrology widgets for your website.
No code.

Pick a horoscope, birth chart, tarot or numerology widget, match it to your brand, and paste one snippet into Squarespace, Wix, WordPress or Shopify. Your visitors type their details and get their reading on your page.

Choose your widget

Widget: Natal chart

Natal chart

Natal chart wheel with planet glyphs and aspect lines

Loading the widget...

This is the widget your visitors see. They type their own details, and the reading appears in place.

Add it to your site

Needs a Squarespace plan that runs JavaScript in a Code Block, such as Core, Plus or Advanced.

Edit the page, click Add block, then Code, then the pencil icon.
Set the Mode menu to HTML, leave Display Source off, and paste the code.
Save, then open the page in a private window to see the widget.

Your widget code

<script src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js" defer></script>
<div data-roxy-widget="natal-chart" data-publishable-key="pk_live_YOUR_KEY" data-hide-sections="hint"></div>

Full Squarespace guide

In Wix Studio the element is Add Elements, Embed and Social, Embed Site.

In the editor click Add Elements, Embed Code, then Popular Embeds.
Choose Embed a site, click Enter Website Address and paste the link.
Click Apply, give the box about 600px of height, then Publish.

Your widget link

https://roxyapi.com/embed/natal-chart?pk=pk_live_YOUR_KEY

Full Wix guide

On WordPress.com this needs a paid plan with plugins turned on.

Prefer the WordPress way? The free RoxyAPI plugin adds the same readings as a block or a shortcode, with your key kept on the server. Install the plugin

Edit the page, click the + inserter, search HTML and add a Custom HTML block.
Paste the code into the block.
Update the page, then view it to see the widget.

Your widget code

<script src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js" defer></script>
<div data-roxy-widget="natal-chart" data-publishable-key="pk_live_YOUR_KEY" data-hide-sections="hint"></div>

Full WordPress guide

Go to Online Store, Themes, then click Edit theme.
Click Add section, find Custom Liquid, and paste the code.
Click Save.

Your widget code

<script src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js" defer></script>
<div data-roxy-widget="natal-chart" data-publishable-key="pk_live_YOUR_KEY" data-hide-sections="hint"></div>

Full Shopify guide

Your site builder must accept HTML with a script, often called an embed or code block.

Open the page in your site editor.
Paste the code where the widget should appear.
Publish the page.

Your widget code

<script src="https://cdn.jsdelivr.net/npm/@roxyapi/ui@latest/dist/cdn/widgets.js" defer></script>
<div data-roxy-widget="natal-chart" data-publishable-key="pk_live_YOUR_KEY" data-hide-sections="hint"></div>

Full Any website guide

Start from a favourite. Every one is in every plan.

Step-by-step guides: Horoscope widget, Birth chart widget, Moon phase widget, Tarot card widget.

Natal chart widget

Natal chart wheel with planet glyphs and aspect lines

Vedic kundli widget

South, North, or East Indian kundli with degree detail and optional Chandra Lagna view

KP chart widget

Ascendant, cusps, planets and nodes with KP stellar hierarchy and house meanings

Forecast timeline widget

Date-grouped events across Western, Vedic, and biorhythm domains, weighted by significance

Bodygraph widget

Nine-center chart with defined and open centers, active channels, and gates, plus the type, strategy, authority, profile, and definition readings, the channels by circuit, the centers, and every activation with its gate and line meaning

Bazi chart widget

Year, month, day and hour pillars in hanzi with hidden stems, Ten Gods, Na Yin, element balance and interactions

Flying star chart widget

Nine-palace flying star plate with the mountain, period and water star per palace, the facing and sitting mountains and the structure

Mayan day sign widget

Day sign and coefficient with the trecena, the reading, and the Calendar Round on the fuller response

Vastu mandala widget

Pada grid with a devata per square, the brahmasthan, and the entrance pada lit with its effect

Show all favouritesShow fewer favourites

Numerology card widget

Life path, expression, soul urge, personality, personal year, full chart

Gematria widget

Values by cipher, every candidate Hebrew spelling with its per letter breakdown, and equal-value words

Tarot card widget

Single card with upright and reversed flip

Biorhythm chart widget

Daily bars, forecast cycle lines, critical days

Dosha constitution widget

Vata, pitta and kapha shares as one bar with the dominant humour and the cited factors behind it

Hexagram widget

Hexagram figure with trigrams, judgment, image, and a reading per line (statement plus meaning); a cast highlights the moving lines and the resulting hexagram

Crystal card widget

Photo, meaning sections, chakra, zodiac, element, hardness, keywords, and pairings

Dream card widget

Symbol name, interpretation body, and letter chip

Angel number card widget

Number meaning with spiritual, love, career, money, twin flame, biblical, and shadow sections

Common questions

Still stuck? Ask us and we help you get it live.

How do I add an astrology widget to my website?

Pick a widget at widgets, such as a horoscope, birth chart, moon phase or tarot card, choose a theme and light or dark, and add your key. Copy the code into a code or embed block on Squarespace, WordPress or Shopify, or paste the link into Wix. The widget fetches live readings on your page with no server of your own.

Do I need to know how to code?

No. The builder writes the code and shows the steps for your site builder, three clicks from pick to paste. A widget that needs birth details or a zodiac sign asks your visitor for them itself.

Which site builders work?

Squarespace, Wix, WordPress, Shopify and any page that accepts custom HTML. On WordPress the free RoxyAPI plugin adds the same readings as blocks and shortcodes.

How accurate are the charts?

Planet positions read the NASA JPL DE440 ephemeris and sit at a median deviation of 0.05 arcseconds (0.00001 degrees) from NASA JPL Horizons, on a public benchmark anyone can rerun at roxyapi.github.io/astrology-api-benchmark. Birth places resolve to the time zone in force on the birth date, summer time included.

Are the readings written by AI?

No. No language model writes a word. Charts, horoscopes and moon phases are computed from the real sky, and each horoscope names the transits it is written from, so an astrologer can check every line.

Will the widgets match my brand?

Yes. Pick a theme preset and light, dark or automatic, and the code you copy carries that look onto your site.

Can I show a widget in another language?

Yes. A widget follows the language of the page it sits on, or the one you pick in the builder. Readings come in 10+ languages: English, Turkish, German, Spanish, Hindi, Portuguese, French, Russian, Chinese (Simplified), Chinese (Traditional).

Is my key safe on a public page?

Yes. A widget key is a publishable key that answers only on the websites you list for it and reads no account data. Remove a site or revoke the key in your account at any time.

Is there a RoxyAPI credit line on the widgets?

Not unless you add one. Every widget renders under your brand alone. Tick Credit RoxyAPI under Content in the builder for a small source link under the reading.

Are the widgets free?

The widget code is MIT licensed and free to use. Live readings run on a RoxyAPI plan, and every plan includes every widget.

Live on your site in three steps.

Pick
a widget for your readers
Style
it like your site
Paste
it into your site builder

Horoscope and astrology widgets for your website. No code.

Natal chart

Start from a favourite. Every one is in every plan.

Common questions

How do I add an astrology widget to my website?

Do I need to know how to code?

Which site builders work?

How accurate are the charts?

Are the readings written by AI?

Will the widgets match my brand?

Can I show a widget in another language?

Is my key safe on a public page?

Is there a RoxyAPI credit line on the widgets?

Are the widgets free?

Live on your site in three steps.

Horoscope and astrology widgets for your website.
No code.