DBindly Documentation

Learn how to use DBindly to add dynamic content to any website with simple data attributes.

Welcome to the DBindly documentation. DBindly is a universal dynamic content binding platform that allows you to load data from collections and render it on any website using simple HTML data attributes.

Quick Start

Add DBindly to your website in 3 simple steps:

1. Include the Script

<script src="https://dbindly.com/dbindly.min.js"></script>

2. Initialize with Your API Key

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

3. Add Data Attributes to Your HTML

<h1 dbind_data="title"></h1>
<p dbind_data="description"></p>
<img dbind_src="imageUrl" dbind_alt="title">
<a dbind_href="link">Learn More</a>

Features

• Universal Compatibility - Works with any website (Webflow, WordPress, Wix, custom HTML)
• Simple Implementation - Single script tag + data attributes
• List Rendering - Render arrays with filtering, sorting, and pagination
• Caching - Built-in localStorage caching for performance
• Error Handling - Automatic retry logic and error callbacks

Documentation Sections

Getting Started

• Overview - Introduction and basic concepts
• Installation - How to install DBindly
• Configuration - Configuration options

Data Attributes

• Basic Attributes - Text, links, images, styles
• List Rendering - Arrays, filtering, sorting
• Conditionals - Show/hide elements
• Interactive - Search, pagination

API Reference

• Endpoints - REST API endpoints
• API Keys - Managing API keys

Examples

• E-commerce Catalog - Product grid with filtering
• Team Directory - Team members with search