Intégration WordPress

Ajoutez le widget LiveChat à vos pages WordPress en quelques secondes

Installation rapide

Copiez-collez un simple code dans votre thème WordPress. Aucune compétence technique requise.

Compatible partout

Fonctionne avec tous les thèmes WordPress et s'adapte automatiquement au design de votre site.

Sécurisé et performant

Widget léger qui n'affecte pas la vitesse de votre site. Conforme RGPD.

🎯 Intégration Unique pour 1000+ Partenaires

Déployez le chat sur toutes vos pages partenaires en une seule fois !

✨ Comment ça marche ?

1

ID Dynamique : Chaque page partenaire a un ID unique stocké dans votre base de données WordPress

2

Shortcode Automatique : Un simple shortcode récupère automatiquement l'ID et affiche le bon widget

3

Une Seule Installation : Vous ajoutez le code UNE fois dans functions.php, puis [livechat_widget] sur chaque page

📝 Code à ajouter dans functions.php

<?php
/**
 * Shortcode LiveChat Automatique
 * Usage: [livechat_widget partner_id="AUTO"]
 * Le partner_id sera récupéré automatiquement depuis votre base de données
 */
function douala_bouge_livechat_shortcode($atts) {
    global $post;
    
    // Récupérer l'ID du partenaire depuis le custom field de la page
    $partner_id = get_post_meta($post->ID, 'partner_id', true);
    
    // Ou récupérer depuis l'URL si vous utilisez un paramètre GET
    if (!$partner_id && isset($_GET['partner'])) {
        $partner_id = intval($_GET['partner']);
    }
    
    // Ou utiliser une taxonomy/category si vos partenaires sont organisés ainsi
    if (!$partner_id) {
        $terms = get_the_terms($post->ID, 'partner_category');
        if ($terms && !is_wp_error($terms)) {
            $partner_id = $terms[0]->term_id;
        }
    }
    
    if (!$partner_id) {
        return '<!-- LiveChat: Aucun ID partenaire trouvé -->';
    }
    
    $base_url = 'https://votre-domaine.com';
    
    return '
    <iframe 
        src="' . esc_url($base_url . '/embed/chat/' . $partner_id) . '"
        style="position: fixed; bottom: 0; right: 0; width: 100%; height: 100%; border: none; z-index: 9999; pointer-events: none;"
        allow="clipboard-write"
    ></iframe>
    <style>
        iframe[src*="/embed/chat/"] {
            pointer-events: auto !important;
        }
    </style>';
}
add_shortcode('livechat_widget', 'douala_bouge_livechat_shortcode');
?>

🔗 3 Méthodes pour Associer l'ID Partenaire

Choisissez la méthode qui correspond à votre structure WordPress

1

Custom Fields (Recommandé) 🌟

Ajoutez un champ personnalisé "partner_id" à chaque page partenaire

Dans l'éditeur WordPress :

  • • Activez "Custom Fields" dans les options d'écran
  • • Ajoutez un champ : Nom = "partner_id", Valeur = "123"
  • • Insérez le shortcode : [livechat_widget]
2

Paramètres URL

Passez l'ID dans l'URL de la page

Exemple d'URL :

https://doualabouge.cm/partenaire/salon-coiffure?partner=42

Le shortcode récupère automatiquement $_GET['partner']

3

Taxonomies / Catégories

Si vos partenaires sont organisés en catégories WordPress

Configuration :

  • • Créez une taxonomy "partner_category"
  • • L'ID de la catégorie = ID du partenaire
  • • Le shortcode récupère automatiquement le term_id

Configurez votre widget

Personnalisez le code d'intégration pour votre page partenaire

Entrez l'ID unique de votre entreprise (fourni lors de votre inscription)

<!-- Widget LiveChat - À ajouter avant la balise </body> -->
<iframe 
  src="https://votre-domaine.com/embed/chat/1"
  style="position: fixed; bottom: 0; right: 0; width: 100%; height: 100%; border: none; z-index: 9999; pointer-events: none;"
  allow="clipboard-write"
></iframe>
<style>
  iframe[src*="/embed/chat/"] {
    pointer-events: auto !important;
  }
</style>

📝 Instructions d'installation WordPress

Suivez ces étapes simples pour activer le chat sur votre page

1

Connectez-vous à WordPress

Accédez au tableau de bord de votre site WordPress (wp-admin)

2

Modifiez votre page partenaire

Allez dans Pages et sélectionnez la page de votre entreprise dans l'annuaire

💡 Astuce

Vous pouvez aussi ajouter le code dans le fichier footer.php de votre thème pour afficher le widget sur toutes les pages

3

Passez en mode HTML/Code

Dans l'éditeur WordPress :

  • •Gutenberg : Ajoutez un bloc "HTML personnalisé"
  • •Éditeur classique : Cliquez sur l'onglet "Texte"
  • •Elementor/Divi : Utilisez le widget "Code personnalisé"
4

Collez le code

Copiez le code d'intégration ci-dessus et collez-le à la fin du contenu de votre page, juste avant la fermeture du body

✓

Publiez et testez !

Cliquez sur "Publier" ou "Mettre à jour". Le widget de chat apparaîtra en bas à droite de votre page.

🎉 Félicitations ! Votre chat est en ligne

Besoin d'aide ?

Notre équipe technique est là pour vous accompagner dans l'intégration

Accéder au DashboardPrévisualiser le widget