Verse Detection Plugin

Add Bible verse popups to any website with just a few lines of code

Live Demo Article with Verse References

The Bible's most famous verse is arguably John 3:16, which speaks of God's love for humanity. This theme of love is echoed throughout Scripture, from the poetic declarations in 1 John 4:8 to the practical instructions in 1 Corinthians 13:4-7.

For those seeking wisdom, Proverbs 3:5-6 offers timeless guidance about trusting in the Lord. The Psalms also provide comfort, with Psalm 23 being one of the most beloved passages about God's care and provision.

In times of difficulty, Romans 8:28 reminds us that God works all things for good, while Philippians 4:13 encourages us that we can do all things through Christ who strengthens us.

Multi-Language International Content

English: Read John 3:16 for the gospel message.

Español: Lee Juan 3:16 para el mensaje del evangelio.

Português: Leia João 3:16 para a mensagem do evangelho.

Français: Lisez Jean 3:16 pour le message de l'Évangile.

Study Notes Cross-References

Topic: The Sermon on the Mount

The Beatitudes are found in Matthew 5:3-12. Compare with Luke 6:20-26 for the parallel account. Jesus's teaching on prayer (Matt 6:9-13) gives us the Lord's Prayer. The Golden Rule appears in Matthew 7:12.

Related Passages: Psalm 1, Isaiah 61:1-3, Micah 6:8

Advanced Integration (ES Module)

For more control, use the ES module version:

<script type="module">
import { initVerseDetection } from 'https://inscript.org/verse-detection.esm.js';

const verseSystem = await initVerseDetection(null, {
  appBaseUrl: 'https://inscript.org',
  displayMode: 'both',
  language: { additional: 'all' },
  popup: { showLogo: true }
});

document.querySelectorAll('.content').forEach(el => {
  verseSystem.processContainer(el);
});
</script>

Minimal Setup (1 line!)

<!-- Just add this script tag - that's it! -->
<script src="https://inscript.org/verse-detection.min.js"></script>

The script auto-detects and processes all verse references on page load.

All Options

<script src="verse-detection.min.js"
  data-app-url="https://inscript.org"
  data-mode="both"
  data-selector="body"
  data-new-tab="true"
  data-language="en"
  data-show-logo="true">
</script>

Options:
data-app-url - Base URL for verse links (default: "https://inscript.org")
data-mode - Display mode: "popup", "link", or "both" (default: "both")
data-selector - CSS selector for content to process (default: "body")
data-new-tab - Open links in new tab (default: "true")
data-language - Primary language code, e.g. "en", "es", "fr" (default: auto-detect)
data-show-logo - Show inscript.org logo in popup (default: "true")

Features