Comment afficher le nom de l'entreprise du visiteur avec Clearbit Reveal dans Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment afficher le nom et le logo de l'entreprise du visiteur sur votre site Webflow avec Clearbit Reveal.

Exemple

Comprendre Clearbit Reveal

Clearbit Reveal identifie l'entreprise d'un visiteur à partir de son adresse IP. La précision est élevée sur les entreprises avec des plages IP fixes (grands comptes, agences).

Sur les visiteurs en télétravail ou VPN, l'identification est moins fiable.

Clearbit est payant : comptez environ 100 à 300$/mois selon le volume.

1. Créez votre compte Clearbit

Créez un compte sur clearbit.com et récupérez votre clé API Reveal dans le dashboard.

La clé commence par pk_.

2. Créez les éléments dans Webflow

Créez un Text Block avec l'ID company-name pour afficher le nom de l'entreprise.

Créez une Image avec l'ID company-logo et mettez-la en display: none par défaut.

3. Ajoutez le script dans Footer code

(function() {
  // Clearbit Reveal nécessite une clé API
  // Remplacez YOUR_KEY par votre clé Clearbit
  fetch('https://reveal.clearbit.com/v1/companies/find?domain=&webhook_url=', {
    headers: { 'Authorization': 'Bearer YOUR_KEY' }
  })
  .then(function(r) { return r.json(); })
  .then(function(data) {
    if (!data || !data.company) return;
    var company = data.company;
    var el = document.getElementById('company-name');
    if (el) el.textContent = company.name;
    var logo = document.getElementById('company-logo');
    if (logo && company.logo) { logo.src = company.logo; logo.style.display = 'block'; }
    document.body.setAttribute('data-company', company.name || '');
    document.body.setAttribute('data-industry', company.category?.industry || '');
  })
  .catch(function() {});
})();

4. Personnalisation avancée par industrie

Une fois l'industrie disponible dans data.company.category.industry, adaptez le contenu de la page :

document.addEventListener('clearbit:ready', function() {
  var industry = window.clearbitCompany?.category?.industry || '';
  if (industry.includes('Software')) {
    document.getElementById('hero-title').textContent = 'Le site Webflow pour les SaaS';
  } else if (industry.includes('Financial')) {
    document.getElementById('hero-title').textContent = 'Le site Webflow pour la Fintech';
  }
});

Conclusion

Clearbit Reveal est l'outil de personnalisation B2B le plus puissant du marché. Cas d'usage :

• Hero personnalisé avec le logo du visiteur
• Témoignages clients filtrés par secteur du visiteur
• CTA adapté à la taille de l'entreprise