How do I add a map in Webflow?
Add Webflow's Map element, connect a Google Maps API key, set the address and zoom, and publish to see the live map.
THE WEBFLOW NOTEBOOKA little more
A little more
know-how.
Practical guides to keeping your Webflow website in good shape.
Notes for a better website
70 resourcesHow do I add a Lottie animation in Webflow?
Upload a Lottie JSON or dotLottie file, place the Lottie element, then set loop, direction, and when it plays.
How do I export my Webflow site code?
Download a Webflow code export from a paid Workspace, and see which CMS, form, and search features the ZIP leaves out.
How do I set form notification emails in Webflow?
Choose who receives each Webflow form email, set the subject and reply address, then publish and send a test.
How do I make a navbar sticky in Webflow?
Set the Webflow navbar to sticky with a top offset, keep it a child of the body, and fix parents that block it.
How do I add a background video in Webflow?
Upload a silent Webflow background video, keep play and pause on, and test reduced motion on the published page.
How do I add a code embed in Webflow?
Place a code embed in one Webflow section, paste a complete snippet, and publish before that script runs on the live page.
How do I add a dropdown menu in Webflow?
Add a Webflow dropdown, point each link at a page, choose click or hover, and keep long labels inside the menu.
How do I add a slider in Webflow?
Add a Webflow slider, set autoplay and arrows, and show one CMS item per slide when the slider cannot fill itself.
How do I add tabs in Webflow?
Add Webflow tabs, rename each link on the canvas, style the open tab, and choose which pane visitors see first.
How do I add a file upload to a Webflow form?
Add a file upload inside a Webflow form on a plan that allows it, limit the type, and open the file from the submission.
How do I add a lightbox in Webflow?
Add a thumbnail that opens images or a video in a full-screen slideshow, and group several into one gallery.
How do I add a YouTube video in Webflow?
Paste a public YouTube link into the video element, or use the YouTube element for start time, privacy mode, and controls.
How do I create a component in Webflow?
Turn a nav, footer, or card into a component so one edit to the main component updates every instance.
How do I use a multi-reference field in Webflow?
Let one CMS item point at several others, such as a post and its tags, and list only those items on the template.
How do I add a multi-image field in Webflow?
Store up to 25 images on one CMS item, set alt text on each file, and show the set in a Collection list.
How do I use a reference field in Webflow?
Link each CMS item to one item in another Collection, such as a post to its author, and show that author's fields.
How do I export Webflow form submissions?
Download one Webflow form's submissions as a CSV from Site settings, and save any uploaded files before you delete a row.
How do I set the default domain in Webflow?
Choose one connected host as the Webflow default so your other domains redirect there, then publish the site.
How do I style CMS rich text in Webflow?
Bind a CMS rich text field to a Rich text element, then style its headings and paragraphs with one class.
How do I add a custom font in Webflow?
Add a Google font or upload your own files in Webflow, prefer WOFF2, and publish so the live site uses the font.
How do I import CMS items from a CSV in Webflow?
Upload a CSV into a Webflow Collection, map columns to fields, and update existing items by Item ID.
How do I limit items in a Webflow Collection list?
Show fewer than 100 items on a dynamic Collection list, and use Skip when a second list should start later.
How do I link to a section on a Webflow page?
Set a unique element ID in Webflow, link to that section on the same page or another page, and fix a bad scroll.
How do I redirect visitors after a Webflow form submit?
Send visitors to a static page or a typed URL after they submit a Webflow form, then test it on the published site.
How do I use conditional visibility in Webflow?
Show or hide an element from a CMS field or component prop, and use a filter when the whole item should drop out.
How do I save a Webflow page as a draft?
Save a static page as a draft so the next site publish takes it off the live site and the auto-generated sitemap.
How do I paginate a Collection list in Webflow?
Split a dynamic Collection list into pages of 1 to 100 items, and know site search only indexes the first page.
How do I sort a Collection list in Webflow?
Sort a dynamic Collection list by date, name, number, or switch, and build a custom order with a number field.
How do I unpublish a Webflow CMS item?
Unpublish removes a live Collection item immediately. Archive, save as draft, and delete wait for the next full site publish.
How do I add nofollow to a link in Webflow?
Add a rel nofollow attribute on a Webflow link, and treat it as a hint that does not erase an indexed file.
How do I set up an RSS feed in Webflow?
Turn on an RSS 2.0 feed for one Collection, map the item fields, publish, and copy the real feed URL.
How do I set CMS URL slugs in Webflow?
Set the Collection URL and each item slug, then add a 301 if you rename a path that is already published.
How do I organize Webflow pages into folders?
Group static pages in a folder so the URL shows that group, and redirect the old path if the page was already live.
How do I set heading levels in Webflow?
Use one clear H1, nest H2 and H3 in order, and fix a skipped heading in Settings before you publish.
How do I add schema markup (structured data) to Webflow?
Add JSON-LD in Webflow Page settings, bind CMS fields on templates, and test the live page without expecting guaranteed rich results.
How do I find and fix broken links on my Webflow site?
Click the links visitors use, point each one at a live page, and redirect old URLs that still get traffic.
Why does my Webflow site look broken on mobile?
Trace the breakpoint cascade, fixed widths, and hidden elements, then confirm the layout on a real phone.
How do I make my Webflow site multilingual?
Add a Webflow locale, translate pages and CMS items, localize SEO, and check subdirectory URLs before you publish.
How do I transfer a Webflow site to a client or another workspace?
Send a Webflow site transfer, see what moves with it, and check domains, billing, and form email before the client accepts.
How do I add Google Analytics (GA4) to Webflow?
Paste a GA4 measurement ID in Webflow Integrations, publish once, and confirm the visit in the Realtime report.
How do I add custom code to the head or footer in Webflow?
Add site-wide or page-level code in the Webflow head or footer, then publish and check that the live page still works.
How do I edit robots.txt in Webflow?
Add robots.txt rules under Site settings, SEO, Indexing, then save and publish. Learn when to leave the default file alone.
How do I set Open Graph tags in Webflow?
Set a page Open Graph title, description, and image in Webflow, publish, and refresh a social preview that still shows the old card.
How do I stop spam on Webflow forms?
Turn on Webflow spam filtering and bot blocking, then add reCAPTCHA or a honeypot without breaking real form submits.
How do I add a favicon in Webflow?
Upload one square icon in Site settings, apply it to the favicon and webclip sizes, then publish and refresh the live tab.
How do I add site search in Webflow?
Add the search element, publish on a plan that builds a real index, and exclude nav text so results stay useful.
How do I brief a Webflow developer for site updates?
Write a clear outcome, page list, assets, acceptance checks, and priority so Webflow updates ship without rework.
How do I set canonical URLs and noindex in Webflow?
Set one preferred domain as the global canonical URL, then use sitemap indexing to noindex pages that should stay out of search.
How do I schedule a Webflow CMS item to publish?
Schedule a never-published Collection item for a date and time in your site time zone. A site-wide publish will not release it early.
How do I connect a custom domain in Webflow?
Add your domain in Publishing settings, set A, CNAME, and TXT records, verify ownership, then publish to the new domain.
How do I give a content editor access in Webflow?
Invite a content editor from Share, keep design tools off limits, and decide separately whether they can publish the live site.
How do I customize the 404 page in Webflow?
Design the built-in 404 utility page, link people home, and test it with a URL that does not exist on your site.
How do I filter a Webflow Collection list?
Filter a dynamic Collection list by a field rule, such as a featured switch, the current item, or a reference.
How do I publish a Webflow site?
Publish to staging or a custom domain, use single-page publish when available, and avoid pushing unfinished work live.
How do I add alt text and compress images in Webflow?
Set Descriptive or Decorative alt text in Assets, convert JPG and PNG to AVIF or WebP, and upload so responsive variants are created.
Why do Webflow interactions break after I publish?
Compare the live page with the Designer, then check single-page publish, custom code, breakpoint rules, and overflow that clips motion.
How do I optimize site speed in Webflow?
Shrink images, trim third-party scripts and interactions, then turn on minify, async JS, and per page CSS when safe.
How do I password protect a page in Webflow?
Turn on a password for one page, a folder, or the whole site, then publish so visitors hit the password page.
How do I submit my Webflow sitemap to Search Console?
Generate sitemap.xml in Webflow, publish, verify the domain, then submit sitemap.xml in Google Search Console.
How do I set up 301 redirects in Webflow?
Permanently route old URLs to new paths after a rename or redesign, including folder wildcards and CSV imports.
When should I save a Webflow backup before a big change?
Create a restore point before redesigns or large edits, know plan limits, and review what a restore can change.
How should I structure a Webflow CMS Collection?
Plan one Collection per content type, choose the right fields before you design, and keep templates reusable without overbuilding.
Why is my Webflow form not submitting?
Separate a failed submit from a missing email, then check buttons, required fields, reCAPTCHA, and notification settings.
How do I set SEO titles and meta descriptions in Webflow?
Write unique page titles and descriptions, use dynamic CMS patterns where needed, and publish so search can refresh.
How do I set SEO titles and meta descriptions in Webflow?
Set a unique title tag and meta description per page, use Collection fields on templates, and catch missing metadata in the Audit panel.
Why does my Webflow site show SSL or HTTPS errors?
Confirm the custom domain points to Webflow, check CAA records for certificate providers, and republish after DNS changes settle.
Monthly Webflow maintenance checklist: what to review
A practical review of critical pages, forms, CMS content, and recent changes, with a clear way to prioritize the resulting work.
What is a Webflow retainer, and when do you need one?
Understand what ongoing Webflow support covers, how to plan monthly work, and when a separate project makes more sense.
Webflow CMS content updates: from brief to publication
Prepare clearer CMS update requests, separate content changes from template changes, and check what actually reaches your live site.