random bible
random bible

Free embed

Bible Verse Widget for Church Websites

Add a Bible verse widget to your church website, blog, or ministry page. It shows a new verse every day. Pick a style and translation below, then paste the code. You don't need an account, and the widget doesn't track your visitors.

How it looks on a church website

Six examples on made-up church sites. Pick one to load it into the customizer below.

Customize your widget

1. Pick a style

2. Set the look

Accent colour
Theme
Verse font
Corners

3. Choose the verse

Shows
More options: placement and size
Placement in the column
Text size
Exact size in px

Live preview

random-bible.com
I can do all things through Christ which strengtheneth me.
Philippians 4:13

Paste this into your site

Free to use
<div class="random-bible-verse"><a slot="credit" href="https://random-bible.com/">random-bible.com</a></div>
<script src="https://random-bible.com/widget.js" async></script>

The code updates as you change the options.

Where to paste it

  1. Open the page or template where the verse should appear.
  2. Add an HTML, Embed or Custom code block (every major site builder has one).
  3. Paste the code and save. Every visitor now sees the verse.

The widget is free. It shows a small “random-bible.com” link under the verse, so people who like it can find the widget for their own site.

Verse of the day on WordPress

Install Random Bible: Verse of the Day Widget from the WordPress plugin directory. In the dashboard, go to Plugins, then Add New, and search for “Random Bible”. Add the Bible Verse block to any page and pick a style in the sidebar, with a live preview in the editor.

For the classic editor, page builders and sidebar text widgets, use the shortcode:

[random_bible_verse style="today"]

Using React or a JavaScript build

The same widget is on npm as random-bible-verse, with a web component, amount() function and a React component that renders on the server.

npm install random-bible-verse
import { BibleVerse } from 'random-bible-verse/react';

<BibleVerse layout="today" theme="auto" />

The options are the ones below, without the data- prefix, and data-style is called layout. Full documentation is on npm and the source on GitHub.

All embed options

The customizer writes these for you, but you can also add or edit them by hand. Every attribute goes on the <div class="random-bible-verse">, and any attribute you leave out falls back to its default.

Data attributes accepted by the Bible verse widget embed.
AttributeValuesDefaultWhat it does
data-stylewindow, quiet, today, calendar, poster, floatingnoneThe layout. Without it you get the original card.
data-translationkjv, web, asvkjvWhich translation the verse is drawn from.
data-themelight, dark, autolight“auto” follows the visitor’s system setting.
data-accentteal, clay, indigo, plum, or any hextealColours the reference line. The Poster style fills the whole card with it.
data-fontsans, serif, siteserif“site” sets the verse in your own page’s font.
data-cornersround, soft, squareroundHow rounded the card corners are.
data-modedaily, randomdaily“daily” shows the same verse to everyone on a given day.
data-aligncenter, leftcenterCenters the widget in its column, or keeps it to the left.
data-sizesm, md, lgmdPreset scale for the verse text.
data-width200 to 1200autoExact card width in px, for a fixed-width column.
data-text10 to 48autoExact verse text size in px. Overrides the size preset.

Frequently asked questions

Is the Bible verse widget free?

Yes. You don’t need an account, the widget doesn’t track your visitors, and it never shows ads. Copy the code from the customizer, paste it into your page, and it works.

Will it work on Wix, Squarespace, or WordPress?

Yes. Anywhere you can add an HTML or “embed/code” block, the snippet will run: WordPress, Wix, Squarespace, Weebly, Webflow, Ghost, or plain hand-written HTML. It is a single script tag and a div, with no build step. On WordPress you can also install the free plugin from the WordPress plugin directory and add the verse as a block or a shortcode.

Can I change the translation or the look?

Yes. Use the customizer above to pick one of six styles and a translation (KJV, WEB, or ASV), then the look: light, dark or auto theme, accent colour, the verse font (including your own site’s font), corners, and size. Your choices go into the embed code as data attributes, so you can also change them by hand later.

How often does the verse change?

Once a day. Everyone who visits your site that day sees the same verse, and reloading the page doesn’t change it. It is the same verse of the day as on random-bible.com. If you would rather show a different verse on every visit, set Shows to Random.

Will it slow my site down?

No. The script loads with the async attribute, so your page renders without waiting for it. It then downloads one small JSON file of verses, plus one photo for the Window style. It loads no fonts, frameworks or trackers.

Does the widget collect any data about my visitors?

No. It sets no cookies, sends no analytics, and doesn’t identify visitors. So you don’t need to mention it in a cookie banner or consent flow.

What happens if your site goes down?

Your page keeps working. If the verse list can’t be loaded, a widget made with the customizer above shows a built-in verse instead, and an older embed without a style stays empty. The script is served from a CDN, and the visitor’s browser keeps the verse list for an hour.