Installation

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://dbindly.com/dbindly.min.js"></script>

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

Initialize DBindly

After including the script, initialize DBindly with your configuration:

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

Platform-Specific Instructions

Webflow

Go to Project Settings → Custom Code
Add the script to Head Code:

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

Shopify

Go to Online Store → Themes → Edit Code
Find theme.liquid
Add before </head>:

<script src="https://dbindly.com/dbindly.min.js"></script>
<script>
  DBindly.init({
    apiUrl: 'https://dbindly.com/api',
    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.2.0"

// Check if initialized
console.log(DBindly.isReady()); // Should output true

Next Steps

Configuration - Learn all configuration options
Basic Attributes - Start using data attributes