Installation

Add DBindly to your website

Script Installation

Add the DBindly script to your website's HTML, preferably in the <head> or at the end of <body>:

<!-- Production (minified) -->
<script src="https://api.dbindly.com/dbindly.min.js"></script>
 
<!-- Development (with debug info) -->
<script src="https://api.dbindly.com/dbindly.js"></script>

Initialize DBindly

After including the script, initialize DBindly with your configuration:

<script>
  DBindly.init({
    apiUrl: 'https://api.dbindly.com',
    apiKey: 'pk_live_your_api_key',
    cache: true,
    debug: false
  });
</script>

Platform-Specific Instructions

Webflow

  1. Go to Project Settings → Custom Code
  2. Add the script to Head Code:
<script src="https://api.dbindly.com/dbindly.min.js"></script>
<script>
  DBindly.init({
    apiUrl: 'https://api.dbindly.com',
    apiKey: 'pk_live_your_api_key'
  });
</script>

WordPress

Add to your theme's functions.php or use a plugin like "Insert Headers and Footers":

function add_dbindly() {
  echo '<script src="https://api.dbindly.com/dbindly.min.js"></script>';
  echo '<script>
    DBindly.init({
      apiUrl: "https://api.dbindly.com",
      apiKey: "pk_live_your_api_key"
    });
  </script>';
}
add_action('wp_head', 'add_dbindly');

Shopify

  1. Go to Online Store → Themes → Edit Code
  2. Find theme.liquid
  3. Add before </head>:
<script src="https://api.dbindly.com/dbindly.min.js"></script>
<script>
  DBindly.init({
    apiUrl: 'https://api.dbindly.com',
    apiKey: 'pk_live_your_api_key'
  });
</script>

Verify Installation

Open your browser's developer console and check:

// Check if DBindly is loaded
console.log(DBindly.version); // Should output "2.3.0"
 
// Check if initialized
console.log(DBindly.isReady()); // Should output true

Next Steps