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 data | Clearbit field | Use |
|---|---|---|
| Company name | company.name | Hero title personalization |
| Logo | company.logo | Display the logo in the navbar |
| Industry | company.category.industry | Adapt the content to the industry |
| Size | company.metrics.employees | Target offers by company size |
| Country | company.geo.country | Localized 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';
}
});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
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.












