Add

Lorem ipsum

Lorem ipsum

No-code

5 min

How do you show a visitor’s company in Webflow?

Learn how to display a visitor’s company name and logo on your Webflow site with Clearbit Reveal.

In this tutorial, Sandro, cofounder of Gemeos Webflow agency, shows you how to display the visitor’s company name and logo on your Webflow site with Clearbit Reveal.

Example

Simulate a Clearbit match by industry

Unidentified visitor

Unknown industry

Displayed hero title

Your Webflow site, built to convert

data-company="" · data-industry=""

Available dataClearbit fieldUse
Company namecompany.nameHero title personalization
Logocompany.logoDisplay the logo in the navbar
Industrycompany.category.industryAdapt the content to the industry
Sizecompany.metrics.employeesTarget offers by company size
Countrycompany.geo.countryLocalized content

Understanding Clearbit Reveal

Clearbit Reveal identifies a visitor’s company from their IP address. Accuracy is high for companies with fixed IP ranges, like enterprise accounts and agencies.

For remote workers or VPN users, identification is less reliable.

Clearbit is paid: expect around $100 to $300/month depending on volume.

1. Create your Clearbit account

Create an account on clearbit.com and grab your Reveal API key from the dashboard.

The key starts with pk_.

2. Create the elements in Webflow

Create a Text Block with the ID company-name to display the company name.

Create an Image with the ID company-logo and set it to display: none by default.

3. Add the script in Footer code

(function() {
// Clearbit Reveal requires an API key
// Replace YOUR_KEY with your Clearbit key
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. Advanced industry-based personalization

Once the industry is available in data.company.category.industry, adapt the page content:

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

good to know

Clearbit Reveal has an average identification rate of 20% to 40% of visitors depending on the industry: B2B companies with fixed IP ranges are identified well, while individuals and SMBs working remotely are identified much less often. Always use a strong default experience that works without identification: personalization is a bonus, not the foundation of your UX.

Conclusion

Clearbit Reveal is the most powerful B2B personalization tool on the market. Use cases:

  • Personalized hero with the visitor’s logo
  • Customer testimonials filtered by the visitor’s industry
  • CTA adapted to company size

Published on

You might be interested in these tutorials

Similar tutorials

Let’s f*****G GO !!

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...