A landing page that adapts to every visitor: UTM tags in Bolt.new

Bolt․new
343 views June 28, 2026

In this Bolt.new tutorial you'll learn how to use UTM tags to change what visitors see based on where they came from and the industry they work in. Someone arriving from your Instagram healthcare campaign sees a page built for that audience, while visitors from another channel get a different one. You'll also build an admin dashboard that tracks how many leads each campaign brings in. It shows the lead count next to every source and full URL, so you can tell which channels are worth your effort. The same idea reaches beyond landing pages. Once you understand the pattern, you can apply it to custom presentations, tailored demos, or anything else where a visitor's source should shape what they see. *Timestamps:* 00:00 Introduction 00:26 Building the Landing Page 01:14 Adding UTM Logic 02:32 Testing Traffic Sources 03:28 Adding Visuals and Testimonials 05:10 Industry-Specific Customization 06:43 Creating Admin Dashboard 07:56 Final Testing and Summary *About Bolt:* Bolt turns ideas into production software in minutes, entirely in your browser. No setup, no servers. Powered by WebContainers. *Connect with us:* X (Twitter): https://x.com/boltdotnew LinkedIn: https://www.linkedin.com/company/boltdotnew/ Questions? Check out our Support page: https://support.bolt.new #BoltNew #AIDevelopment #Prompting #WebDevelopment #NoCode #BuildWithAI #WebApps #Tutorial #UTM #landingpages #marketing

Keyboard shortcuts

On. Switch them off if they collide with your assistive tools; ? still opens this sheet.

Go to

Press g then the letter.

  • gh Latest
  • gs Sources
  • gm Media
  • gv Videos
  • gp Podcasts
  • gc Calendar
  • gd Decoder
  • gz Dataviz
  • ga Datasets
  • gb Blog
  • gk Markets
  • gj Careers
  • gn Prompt Notebook

On this page

  • / Focus search, where there is one
  • t Back to top
  • ? This list
  • Esc Close