Contador de visitantes para Webflow: guía de configuración gratis (2026)

You can add a Webflow visitor counter with a Code Embed element in a few minutes, no third-party Webflow app needed.

The simplest method — Embed component (recommended)

Webflow makes this almost trivially easy. The Embed component accepts arbitrary HTML/JavaScript, which is exactly what FeedPulse provides.

1. Open the FeedPulse generator, paste your Webflow site URL (e.g. yoursite.webflow.io or your custom domain).
2. Pick Live Traffic Feed. Customize colors to match your Webflow brand palette.
3. Copy the snippet.
4. In Webflow Designer, drag an Embed component to your page wherever you want the widget.
5. Paste the snippet into the Embed component's HTML editor. Click Save & Close.
6. Publish your site — the widget only renders on the live site, not in Designer preview.

The widget will start streaming country flags within seconds of your next real visitor landing on the page.

For site-wide placement (every page)

Instead of dropping an Embed component on each page:

1. Go to Project Settings → Custom Code.
2. In the Footer Code field, paste the snippet.
3. Save and Publish.

The widget will now appear at the bottom of every published page across your site.

Webflow-specific tips

1. Free plan limitations

The Webflow free plan (*.webflow.io subdomains) doesn't support Custom Code in Project Settings. You're limited to the Embed component approach. That's fine — the Embed component works perfectly on the free plan.

2. Mobile responsiveness in Designer

By default the FeedPulse widget is 320px wide. In Designer, set the parent container's max-width to 100% and the widget will fit mobile screens without horizontal scroll. Add overflow: hidden to the parent if you see any edge cases.

3. CMS pages

If you want the widget on every CMS Collection page (e.g. each blog post), add the Embed component to the Collection Template Page in Designer. It will automatically appear on every collection item.

4. Style consistency with Webflow's design system

Most Webflow sites use a clean modern aesthetic. The FeedPulse default (Klein blue header on white) looks at home in most Webflow templates. For darker themes, switch the header_bg to #0A0A0A and bg_color to #fafafa.

Before you start: check your Webflow plan

Webflow only runs custom code on published sites that support it, and site-wide custom code in Site settings requires a paid site plan. If you're on a free plan, test on your staging domain first and check Webflow's current plan details before relying on it.

Step by step: add the counter to one page

1. Open your project in the Webflow Designer.
2. Press A (or open the Add panel) and drag a Code Embed element where you want the counter, for example in your footer or sidebar section.
3. Paste your FeedPulse widget code into the code box and click Save & Close.
4. Click Publish and open the published site. Embeds don't run inside the Designer canvas, so you won't see the live widget until you view the published page.

Step by step: add it to every page

1. Open Site settings → Custom code.
2. Paste the widget code into the Footer code box.
3. Save and publish.

Footer code loads after your content, which keeps the widget from slowing down what visitors see first.

Styling the counter to match your site

• Pick the widget theme and colors in the FeedPulse widget builder before copying the code.
• Wrap the Code Embed in a div block if you want to control spacing and alignment with Webflow's styling tools.
• Check the mobile breakpoints: a sidebar widget may need to move below the content on smaller screens.

Webflow visitor counter troubleshooting

• Nothing appears: make sure you're viewing the published site, not the Designer, and that you published after adding the code.
• It shows on desktop but not mobile: check whether the containing section is hidden at mobile breakpoints.
• It appears twice: you've probably added it both in a Code Embed and in site-wide footer code.

Can I add a visitor counter to Webflow for free?

The FeedPulse widget is free. Whether Webflow runs the code depends on your Webflow plan, so check that custom code is available on yours.

Does a visitor counter affect Webflow site speed?

A script that loads after the page content has a small effect. Run a PageSpeed Insights test on the published page before and after adding it to see the actual impact.

Will the counter work with Webflow's CMS pages?

Yes. Add the Code Embed to your CMS template page and it appears on every item, or use site-wide footer code to cover all pages at once.

Where to place a visitor counter on a Webflow site

• Footer symbol: if your footer is a Webflow Symbol (component), add the Code Embed once and it appears everywhere the footer does.
• Blog post template: a counter beside related posts can show readers the blog is active.
• Landing pages: only if you plan to measure the effect on signups.

Keep it away from your main call-to-action button, so it supports the page rather than distracting from it.

Removing the counter

Delete the Code Embed element, or clear the code from Site settings → Custom code, then publish. Your FeedPulse stats page keeps the history it has already collected.

Does Webflow have a built-in visitor counter?

Webflow offers site analytics features on some plans for owners, but not a public visitor counter widget. A third-party embed is the usual way to show live visitor numbers to your visitors.

Can I show the counter only on certain pages?

Yes. Use a Code Embed element on just those pages instead of site-wide footer code. Page-level custom code in each page's settings also works, depending on your plan.

Webflow visitor counter checklist

• Confirm your plan supports custom code on the published site.
• Choose page-level (Code Embed) or site-wide (footer code) placement.
• Style it in the widget builder, then wrap it in a div block for spacing.
• Publish and test the live site on desktop and mobile.
• Run PageSpeed Insights before and after to confirm the impact is small.

Will the counter count my own visits?

Yes, your own visits count like anyone else's. During setup, the count may mostly be you; it becomes meaningful once real visitors arrive.

Before you publish: a quick checklist

• Check the page on a phone as well as a desktop.
• Open it in a private window to rule out caching.
• Run PageSpeed Insights before and after the change.
• Mention any third-party visitor or analytics tool in your privacy policy.
• Revisit after 30 days and keep the change only if it helped.

Can I hide the counter on mobile?

Yes. Select the Code Embed or its wrapper div and set its display to none at the mobile breakpoints in Webflow's style panel.

Does the counter work on Webflow's staging domain?

It can, if your plan runs custom code there. Test on staging first, then publish to your custom domain. The widget counts visits on whichever domain it runs on.

Can I use the counter in a Webflow Ecommerce store?

Yes. Add it to product or collection templates with a Code Embed, or site-wide through footer code. Keep it away from the add-to-cart button.

What you get

• 100% free, unlimited Webflow sites, unlimited visits per site
• Live country flags with browser/OS/device icons
• Cookie-free anonymous tracking — GDPR safe by default, no Webflow cookie-banner additions required
• Auto-matched color palette — paste your site URL into our auto-palette tool and the widget colors mirror your brand instantly

Generate your free Webflow widget →