Contact CTA with modal form

Accent-coloured CTA card whose button opens a centred contact modal with a name, email and message form. Fits bento grids, footers and pre-footer bands.

contactctamodalformpopupget-in-touchinteractive

About this block

A bold call-to-action card with a Get in touch button that opens a contact form in a pop-up. Visitors can send a message without leaving the page they're on. The card is compact, so it fits in a grid of cards, above a footer or at the end of a page.

When to use it

  • Portfolios and agency sites where you want an easy "let's talk" moment.
  • A tile in a bento grid next to project or service cards.
  • A pre-footer band on pages that don't have room for a full contact section.
  • Anywhere a full contact form would make the page too long.

What's inside

  • A card in your accent colour with a 2-line heading and a rounded Get in touch button. The card lifts slightly when you hover over it.
  • A pop-up that dims the page behind it, with an eyebrow, heading, a short line of copy and the form.
  • A form with name, email and message fields, all required, and a full-width Send message button.
  • The pop-up closes with the X button, the Escape key or a click on the dimmed background. Clicks inside the form never close it.
  • On phones the pop-up fills the width with a small margin and scrolls if the screen is short.

How to customize it

  • Rewrite the card heading as a specific offer: "Planning a kitchen remodel? Get a free quote" works better than a general invite.
  • Add your email address in site settings. Messages are sent there and saved in PageHub.
  • Add a field you actually need, such as budget or phone. Every extra field means fewer people finish the form.
  • Add more buttons anywhere on the page that open the same pop-up, for example one in your header.

Questions

Where do the messages go?
Each message is emailed to the address in your site settings and saved with your form submissions in PageHub, so you have a copy if an email goes missing.
Will a pop-up form hurt my SEO?
No. The form only opens when a visitor clicks the button, so it doesn't cover your content when the page loads, which is what search engines penalise.
Can I open the form from other buttons?
Yes. Give any button a show action that targets the pop-up, and it opens the same form.

Browse other blocks

Same library cards — preview live and grab the code from any block.

View full library