Developer Integration Hub
Seamlessly integrate Algerian address data into any platform with our pre-built plugins and snippets.
Optimize for Arabic Users
Use the /api/ar/wilayas.json endpoint to reduce your payload size by 50% for Arabic-only applications.
WooCommerce / WordPress
Native plugin for checkout fields synchronization.
Status
Ready for Integration
WooCommerce / WordPress
Native plugin for checkout fields synchronization.
Status
Ready for Integration
Setup Steps
- 1Download the latest plugin version (v1.0.4 recommended).
- 2Go to WordPress Admin > Plugins > Add New.
- 3Upload the downloaded ZIP file and Activate.
- 4Configure your shipping zones in WooCommerce settings.
Integration Snippet
<script src="https://dz-address-select.vercel.app/widget.js"></script>
Click button to copy snippet
Shopify
Custom script for Shopify Liquid themes.
Status
Ready for Integration
Shopify
Custom script for Shopify Liquid themes.
Status
Ready for Integration
Setup Steps
- 1Open your Shopify Admin > Online Store > Themes.
- 2Click Edit Code and find "theme.liquid".
- 3Paste the widget script before the closing </body> tag.
- 4Add data attributes to your address inputs to sync.
Integration Snippet
<script src="https://dz-address-select.vercel.app/widget.js" defer></script>
Click button to copy snippet
Laravel / PHP
Composer package for backend validation.
Status
Ready for Integration
Laravel / PHP
Composer package for backend validation.
Status
Ready for Integration
Setup Steps
- 1Install via composer: composer require saddexrnx/dz-address-picker
- 2Publish the configuration file.
- 3Use the validation rules in your Request classes.
- 4Fetch Wilayas via the provided Facade.
Integration Snippet
use SaddexRnx\DzAddress\Rules\WilayaRule; $request->validate([ 'wilaya' => ['required', new WilayaRule] ]);
Click button to copy snippet
Node.js / React
NPM package with full TypeScript support.
Status
Ready for Integration
Node.js / React
NPM package with full TypeScript support.
Status
Ready for Integration
Setup Steps
- 1Install via npm: npm install @dz-address/react
- 2Import the AlgeriaAddressPicker component.
- 3Pass props to customize behavior and language.
- 4Listen to onChange events for state updates.
Integration Snippet
import { AlgeriaAddressPicker } from '@dz-address/react';
<AlgeriaAddressPicker
lang="en"
onChange={(data) => console.log(data)}
/>Click button to copy snippet
Developer Hub
Ready-to-use snippets.
Live Widget Configuration
Customize the widget to match your needs.
<!-- 1. Add this container where you want the dropdowns -->
<div class="dz-address-picker" data-target=".dz-address-picker" data-format="arabic" data-input-name="shipping_address"></div>
<!-- 2. Add this script before the closing </body> tag -->
<script src="https://dz-address-select.vercel.app/widget.js"></script>Official WordPress Plugin
One-click install for WooCommerce checkouts.
API Sandbox
Interactive environment to test endpoints in real-time.
API Documentation
Comprehensive endpoints for every use case.
Admin Divisions
Dynamic list of all active endpoints.
fetch("https://dz-address-select.vercel.app/api/index.json"){"v": "2.0.0", "endpoints": ["/api/wilayas.json", ...]}List all 69 wilayas.
fetch("https://dz-address-select.vercel.app/api/wilayas.json")[{"code": 16, "arabic": "الجزائر", "ascii": "Alger"}]Complete hierarchical dataset.
fetch("https://dz-address-select.vercel.app/api/full-data.json")[{"code": 16, "name": "Alger", "dairas": [...]}]Language-Specific
List all 69 wilayas.
fetch("https://dz-address-select.vercel.app/api/ar/wilayas.json")[{"code": 16, "name": "الجزائر"}]List all 69 wilayas.
fetch("https://dz-address-select.vercel.app/api/latin/wilayas.json")[{"code": 16, "name": "Alger"}]ZIP Lookup
Lookup address by ZIP code.
fetch("https://dz-address-select.vercel.app/api/zip/16000.json")Parameters
{"zip": "16000", "wilaya": "Alger", "commune": "Alger Centre"}Geographic
Wilaya geographic coordinates.
fetch("https://dz-address-select.vercel.app/api/coordinates/wilayas.json")[{"code": 16, "lat": 36.75, "lng": 3.05}]Logistics
Logistics rates and zones.
fetch("https://dz-address-select.vercel.app/api/shipping/rates.json")[{"wilaya_code": 16, "delivery_home": {"min": 400, "max": 600}}]Logistics rates and zones.
fetch("https://dz-address-select.vercel.app/api/shipping/coverage/16.json")Parameters
{"covered": true, "estimated_days": {"min": 1, "max": 2}}Logistics rates and zones.
fetch("https://dz-address-select.vercel.app/api/logistics/pickup-points/16.json")Parameters
[{"name": "Yalidine Alger", "address": "Rue 1"}]Demographics
Demographic and density data.
fetch("https://dz-address-select.vercel.app/api/population/wilayas.json")[{"code": 16, "population": 2988145, "density": 2511}]Demographic and density data.
fetch("https://dz-address-select.vercel.app/api/population/wilayas/16.json")Parameters
{"code": 16, "population": 2988145}Services
Locate banks, ATMs, and post offices.
fetch("https://dz-address-select.vercel.app/api/postoffices/16.json")Parameters
[{"name": "Alger RP", "address": "1 rue Didouche Mourad"}]Locate banks, ATMs, and post offices.
fetch("https://dz-address-select.vercel.app/api/banks/16.json")Parameters
[{"name": "BNA Branch 1"}]Locate banks, ATMs, and post offices.
fetch("https://dz-address-select.vercel.app/api/government/passport-offices/16.json")Parameters
[{"name": "Daira Alger Office"}]Travel
Visa requirements and travel info.
fetch("https://dz-address-select.vercel.app/api/travel/visa-requirements.json"){"france": "Required", "tunisia": "Visa-free"}Visa requirements and travel info.
fetch("https://dz-address-select.vercel.app/api/travel/visa-requirements?destination=france")Parameters
{"country": "France", "requirement": "Visa Required"}Smart Utilities
Fuzzy search across all names.
fetch("https://dz-address-select.vercel.app/api/search?q=bou")Parameters
[{"name": "Bouandas", "type": "commune"}]Wilaya geographic coordinates.
fetch("https://dz-address-select.vercel.app/api/distance?from=16&to=31")Parameters
{"distance_km": 435, "status": "Beta"}Wilaya geographic coordinates.
fetch("https://dz-address-select.vercel.app/api/geofence/check?lat=36.77&lng=3.05")Parameters
{"inside": true, "wilaya": 16}Export
Download full data in CSV or SQL.
fetch("https://dz-address-select.vercel.app/api/export/wilayas-communes.csv")code,name_ar,name_en
1,أدرار,Adrar
...Download full data in CSV or SQL.
fetch("https://dz-address-select.vercel.app/api/export/full-data.sql")CREATE TABLE wilayas (...);
INSERT INTO wilayas ...Support & Community
Built for the Algerian developer community.
More updates are coming!