Widget de Suivi Chronorex

Intégrez facilement le suivi de colis Chronorex sur votre site e-commerce. Solution clé en main pour améliorer l'expérience de vos clients.

⚡ Intégration rapide (sans téléchargement)

Méthode recommandée : Pour afficher la barre de recherche Chronorex Express directement sur votre site, copiez simplement le code ci-dessous. Aucun téléchargement requis !

1Choisissez votre intégration :

🔹 Widget complet

Logo + titre + champ + bouton

<iframe src="https://suivi.chronorex-dz.com/widget-client.html" width="100%" height="200" style="border:none; border-radius:8px;" title="Widget Chronorex"> </iframe>
🔸 Champ uniquement

Seulement le champ de saisie

<iframe src="https://suivi.chronorex-dz.com/widget-barre.html" width="100%" height="70" style="border:none; border-radius:8px;" title="Champ Chronorex"> </iframe>
💡 Recommandation : Utilisez le "Champ uniquement" si vous voulez l'intégrer discrètement dans votre design existant.

Avantages :

  • Aucun téléchargement - Copier/coller uniquement
  • Toujours à jour - Mises à jour automatiques
  • Sécurisé - Hébergé sur nos serveurs sécurisés
  • Responsive - S'adapte à tous les écrans

2Personnalisation :

Largeur :

  • width="100%" - Pleine largeur
  • width="500px" - Largeur fixe
  • width="80%" - 80% du conteneur

Hauteur :

  • height="120" - Compact (recommandé)
  • height="200" - Standard
  • height="300" - Étendu

3Exemple d'intégration :

<!-- Dans votre page HTML --> <div class="tracking-section"> <h3>Suivez votre commande</h3> <iframe src="https://suivi.chronorex-dz.com/" width="100%" height="120" style="border:none; border-radius:8px;"> </iframe> </div>

📦 Installation classique (widget téléchargeable)

Alternative : Si vous préférez héberger le widget sur votre propre serveur pour plus de contrôle.

1Téléchargez le widget

Récupérez le code complet du widget depuis le fichier fourni.

Télécharger le Widget

2Copiez le code

Ouvrez le fichier téléchargé et copiez tout le contenu HTML.

3Intégrez sur votre site

Collez le code dans votre page HTML où vous souhaitez afficher le suivi.

<!-- Collez le code du widget ici --> <div id="chronorex-tracking-widget"> <!-- Contenu du widget --> </div>

Avantage : Contrôle total sur le widget, personnalisation avancée possible.

⚖️ Quelle méthode choisir ?

Intégration rapide

Recommandé
  • ✅ Installation immédiate
  • ✅ Mises à jour automatiques
  • ✅ Maintenance zéro
  • ✅ Sécurité garantie
  • ✅ Support technique inclus

Idéal pour 95% des sites

Widget téléchargeable

Avancé
  • ⚙️ Personnalisation complète
  • ⚙️ Hébergement local
  • ⚙️ Contrôle total du code
  • ⚠️ Maintenance manuelle
  • ⚠️ Mises à jour manuelles

Pour les développeurs expérimentés

✨ Fonctionnalités

Responsive

S'adapte automatiquement à tous les écrans (mobile, tablette, desktop).

Personnalisable

Modifiez facilement les couleurs pour correspondre à votre charte graphique.

Rapide

Code optimisé et léger, n'impacte pas les performances de votre site.

Validation

Contrôle automatique du format et validation en temps réel.

Sécurisé

Communication HTTPS sécurisée avec les serveurs Chronorex.

Temps réel

Suivi en temps réel avec mises à jour automatiques du statut.

🎨 Personnalisation

Changer les couleurs

Pour adapter le widget à votre identité visuelle, modifiez les variables CSS :

/* Remplacez #4a90e2 par votre couleur principale */ .chronorex-tracking-btn { background: #votre-couleur; } .chronorex-tracking-input:focus { border-color: #votre-couleur; }

Thème sombre

Pour activer le thème sombre, ajoutez la classe chronorex-widget-dark :

<div class="chronorex-widget-container chronorex-widget-dark"> <!-- Contenu du widget --> </div>

🚀 Compatibilité

WordPress

WooCommerce inclus

Shopify

Tous thèmes

HTML/PHP

Sites personnalisés