Global Bible Widget

Global Bible Widget
With the Global Bible Widget you can add a variety of tools to your website or blog that will enhance your readers' experience on your site.
Step 1: Configure and add our Javascript to your site’s code
Copy and paste the following code just before the closing body tag onto any and every page you would like to display your widget. If you’re using a CMS like WordPress, this will likely go in footer.php or other template file.
<script src="https://bibles.org/static/widget/v2/widget.js"></script>
<script>
 GLOBALBIBLE.init({
 url: "https://bibles.org",
 bible: "555fef9a6cb31151-01",
 autolink: true,
 });
</script>
Step 2: Determine which tool(s) you want to display and configure a few options
The following sections provide a preview of the tools available to you, the code you will need to use them, and just a few simple options for each.
Search Widget
The Search Widget will place a search box on your site that will allow your users to search for Bible passages and display those search results in a popup modal or take them to the configured Global.Bible site to view the results.
Passage Widget
The passage widget allows you to place almost any length of passage on your site for readers to see. Just include the following code anywhere on your site or blog post. We’ll load the text in for you and make sure it's properly attributed!
Auto-Linker Widget
Auto-linker is not a widget so much as a utility that turns plain text into into Link Widgets. It looks through text on a web page for Bible references, so you don't have to provide any additional code. For now it only works with English, but we plan to make more languages available.
Link Widget
With the Link Widget, you can allow users to read a passage in its entirety in a pop up modal on your site by simply adding a small snippet of code to your links. These are auto-created for you via the Auto-Linker, but if your scripture reference has more complicated markup or you want custom text in your scripture reference you cam manually create a Link Widget. Additionally, it can be configured to show the text in a new tab.
<a data-gb-link="JHN.1.11">reference</a>
Advanced Usage
Per widget customization
For the Search, Passage, Link, and Reader widgets, you can override particular settings by using data-attributes. Just add data- before their name and add them in the tag (or <a> for Links) for your widget. For example, if you want to offer search of a different Bible, you could do this:
Passage References
The Link, Passage, and Reader Widgets all expect a Scripture reference. While in your web page text you can write Scripture references however you like, then specifying passages in a Link's data-gb-link or a Reader's or Passage's data-passage, you have to use a format expected by our servers.
GEN.1.1: a single verse reference.
GEN.1: a single chapter reference.
GEN.1.1-GEN.1.6: a range of verses. (Notice the chapter is repeated)
Here are the rules: The three letter book abbreviation must be from this list. The book must be followed by a period and a chapter number. The chapter number may be followed by a period and a verse number. A chapter number may be followed by a dash and another BOOK.CHAPTER.VERSE to indicate a range of verses.
Troubleshooting
If the widgets are not working for you, open your browser's Developer Tools and examine the console tab. We've tried to provider helpful error messages there to help you fix the problem.