Add

Lorem ipsum

Lorem ipsum

A
A
A
No-code

0 views

5 min

How to Display a Visitor’s Company Name with Clearbit Reveal 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

Good to know

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Published on

You might be interested in these tutorials

Similar tutorials

SEO / GEO

5 min read

5 views

How to Set Up a Redirect in Webflow? (2026)

Updated on 19.12.2025 by Sandro DA SILVA

SEO / GEO

5 min read

5 views

Add structured data to your Webflow site?

Updated on 21.08.2025 by Sandro DA SILVA

No-code

5 min read

5 views

How to Obfuscate a Link in Webflow

Updated on 23.04.2025 by Sandro DA SILVA

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

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...