Connecter son site web à WhatsApp

Au Maroc, WhatsApp est bien plus qu’une application de messagerie — c’est le canal de communication professionnel numéro un. Avec plus de 98% de pénétration parmi les utilisateurs de smartphones, vos clients s’attendent à pouvoir vous contacter via WhatsApp directement depuis votre site web.

Voici les 4 façons d’intégrer WhatsApp à votre site, de la plus simple à la plus avancée.

Méthode 1 : Le lien click-to-chat (5 minutes)

La méthode la plus rapide et la plus simple. Vous créez un lien qui ouvre directement une conversation WhatsApp avec votre numéro, sans que le visiteur ait besoin d’enregistrer votre contact.

Format du lien :

https://wa.me/212XXXXXXXXX

Avec un message pré-rempli :

https://wa.me/212XXXXXXXXX?text=Bonjour%2C+je+suis+intéressé+par+vos+services

Remplacez 212XXXXXXXXX par votre numéro au format international (212 est le code Maroc, sans le 0 initial).

Utilisation : ajoutez ce lien sur votre page de contact, dans le footer, sur vos boutons d’appel à l’action. C’est suffisant pour un site vitrine simple.

Méthode 2 : Le widget WhatsApp flottant

Un bouton vert flottant fixe dans le coin de votre page, visible sur toutes les pages. C’est ce que vous voyez sur la majorité des sites marocains professionnels.

Comment l’implémenter :

Ajoutez ce code avant la fermeture de votre balise </body> :

<a
  href="https://wa.me/212XXXXXXXXX?text=Bonjour%20AjialSkills%2C%20j%27ai%20une%20question"
  class="whatsapp-widget"
  target="_blank"
  rel="noopener noreferrer"
  aria-label="Nous contacter sur WhatsApp"
>
  <img src="/icons/whatsapp.svg" alt="WhatsApp" width="56" height="56" />
</a>

<style>
.whatsapp-widget {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25D366;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);
  transition: transform 0.2s, box-shadow 0.2s;
}

.whatsapp-widget:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.55);
}
</style>

Méthode 3 : WhatsApp Business avec messages automatiques

WhatsApp Business est la version professionnelle gratuite de WhatsApp. Elle offre des fonctionnalités supplémentaires très utiles pour les entreprises :

• Message de bienvenue automatique — envoyé dès qu’un client vous contacte pour la première fois
• Message d’absence — envoyé hors horaires d’ouverture
• Réponses rapides — répondez en un clic aux questions fréquentes
• Profil d’entreprise — adresse, site web, horaires visibles pour vos clients
• Étiquettes — organisez vos conversations (nouveau client, en cours, livré)
• Catalogue produits — présentez vos produits directement dans WhatsApp

Pour le connecter à votre site : utilisez le même format de lien wa.me/ mais avec votre numéro WhatsApp Business.

Méthode 4 : WhatsApp Business API (pour les grandes entreprises)

L’API WhatsApp Business permet d’intégrer WhatsApp à votre CRM, d’envoyer des notifications automatiques (confirmation de commande, suivi de livraison), et de gérer des volumes élevés de conversations.

Pour qui : e-commerçants avec un volume élevé de commandes, entreprises avec un service client structuré.

Coût : variable selon le volume de messages. L’accès se fait via des partenaires certifiés Meta.

Bonnes pratiques pour le Maroc

Indiquez vos horaires — ajoutez vos heures de disponibilité WhatsApp sur votre site et dans votre profil WhatsApp Business. “Disponible Lun-Sam 9h-20h” évite la frustration des clients qui n’obtiennent pas de réponse immédiate.

Message de bienvenue en darija ou en français selon votre clientèle — un message d’accueil en darija (“Mrhba bik! Kifach nqdrw naaawnouk?”) fait toujours bonne impression auprès d’une clientèle locale.

Numéro dédié — si possible, utilisez un numéro séparé pour WhatsApp Business afin de distinguer les contacts professionnels.

Répondez vite — les utilisateurs marocains ont des attentes élevées en termes de réactivité. Un délai de réponse de moins de 2 heures est un standard.

---

AjialSkills intègre WhatsApp à tous les sites web qu’il développe — widget flottant, page de contact, formulaire avec redirection automatique vers WhatsApp. Demandez-nous comment optimiser votre présence WhatsApp pour votre activité.