Website widgets
Tarot card widget for your website.
A new card every day.
A tarot card widget puts a card of the day on your page: one card drawn from the full Rider-Waite-Smith deck, upright or reversed, with its art, keywords, meaning and a message for the day. Every visitor sees the same card, so your community reads it together, and a new card turns over at midnight UTC. Paste one snippet into Squarespace, Wix, WordPress or Shopify.
The whole deck
All 22 Major Arcana and the 56 Minor Arcana of Cups, Wands, Swords and Pentacles, each drawn upright or reversed.
A real reading
Keywords, a full meaning written for the way the card fell, and a short message for the day.
One card for your community
The draw is fixed for the day, so it reads the same on every visit and in every share, and changes at midnight UTC.
Add it in three steps. Pick your site builder.
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.
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.
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.
- Go to Online Store, Themes, then click Edit theme.
- Click Add section, find Custom Liquid, and paste the code.
- Click Save.
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.
Common questions
How do I add a tarot card of the day to my website?
Open the widget builder at widgets, pick the tarot card, choose a theme and add your key. Paste the code into a code or embed block on Squarespace, WordPress or Shopify, or paste the link into Wix. The card of the day shows as soon as the page loads.
Which tarot deck does the widget use?
The Rider-Waite-Smith deck, all 78 cards: the 22 Major Arcana from The Fool to The World and the four suits of the Minor Arcana from Ace to King.
Does it read reversed cards?
Yes. The card is drawn upright or reversed, and the keywords, meaning and message are written for the way it fell, never the upright text under a flipped picture.
Can visitors draw a full spread instead?
Yes. The tarot spread widget casts a three card, Celtic Cross, love, career or yes or no reading for each visitor. Pick it in the builder under Tarot.
Is the card of the day the same for everyone?
Yes. Everyone sees the same card that day, which suits a newsletter, a community or a daily post, and a new card turns over at midnight UTC.
Is the tarot card widget free?
The widget code is MIT licensed and free to use. The live readings run on a RoxyAPI plan, and every plan includes every widget, the tarot card among them.
