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 ->
call to action
landing page

Posthog funny CTA

blog
call to action
developer experience
brand

"Top of article" CTA on the blog from Eartlhy

developer experience
copy
call to action
landing page
hero section

Auth0 developers portal header

developer experience
copy
call to action
product led growth
landing page

Hero section CTA from Cypress.io

copy
developer experience
call to action
landing page
hero section

Auth0 developer portal Hero section CTAs

developer experience
blog
call to action
social proof

Devy blog design from Bun

developer experience
copy
blog
call to action

Developer-focused blog CTA from Snyk

call to action

Vercel NEXT.js conf registration CTA

copy
blog
call to action

ShiftMag Newsletter CTA copy

developer experience
call to action
blog

Developer-focused blog slide-in CTA from Snyk