Vercel NEXT.js conf registration CTA

Developer Markepear testimonials

How to promote your important company event? How about right there in the header.

A typical approach to promoting events on your site is to have them in the Hello bar (right above the navbar). This is a solid option of course.

But what if this is a super duper important event that you really want to push?

Put it in the header.

The header is the most viewed part of the most visited page on your site.

Doesn't get much better than that.

But you don't want to distract people from your value propositions and main CTAs too much.

How do you do that?

This is how Vercel did with last year's NEXT.js conf.

  • above the H1 headline so as not to break the flow
  • prominent but not more distracting than it needs to be
  • has conference logo, crystal clear copy, and an event CTA

Nice execution on that pattern.

  • See website
Browse 100+ examples like this ->
developer experience
copy
call to action
product led growth
landing page

Hero section CTA from Cypress.io

call to action
landing page

Open-source project homepage CTA from Astro

copy
blog
call to action

ShiftMag Newsletter CTA copy

blog
call to action
developer experience

In-text blog CTA from Planetscale

landing page
developer experience
call to action

Benchmark section on homepage from Astro

landing page
developer experience
call to action

Integrations section on Meilisearch homepage

blog
developer experience
call to action

Blog CTA from v7

copy
developer experience
call to action
landing page
hero section

Header content CTA from Plaid

docs
call to action
developer experience

Flatfile docs office hours CTA

developer experience
copy
call to action
product tour
product led growth

Header CTAs from Mixpanel