Promo code with copy button

An offer banner with a dashed coupon box, a button that copies the code to the clipboard and a shop button that reports its click to analytics.

copydata-copytrackdata-trackpromocoupondiscountofferclipboardanalytics

About this block

data-copy="TEXT" on a button copies that text to the clipboard when clicked and sets data-copied for two seconds, which the button's own classes use to show Copied. data-track="ga4:event_name" on a link sends that event to your analytics when it is clicked.

How to customize it

  • Change the code in both places: the visible text and the data-copy value.
  • data-track works with ga4:, gtm:, plausible: and meta: prefixes. The matching analytics snippet must be installed for the site (Integrations).
  • group-data-[copied]: classes on the button's children switch the icon and label while the copied flag is set.
Previous
Contact
Next
FAQ

Browse other blocks

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

View full library

Simple CTA

Centered call-to-action on an accent background with heading, description, and buttons.

CTA with email signup

Two-column CTA with headline and body on the left, email signup form on the right.

Headline with CTA card

Centered heading and subtext with one large bordered CTA button below that fills with your primary colour on hover.

Announcement banner

Full-width accent strip for announcements, promos, or alerts, with a short message and a link.

CTA with image

Enclosed card CTA with an eyebrow, headline, short paragraph and two buttons on the left, and a large photo filling the right half.

Decision CTA (two paths)

Side-by-side cards presenting two choices — different plans, roles, or outcomes.

Next step

cta section from the SEO agency landing template, opens with “Next step”, with a single CTA.

Marketing Moves Fast. Stay Ahead

cta section from the Marketing agency template, opens with “Marketing Moves Fast. Stay Ahead.”, with 2 CTAs.

Proof of Momentum

cta section from the Dark SaaS product page template, opens with “Proof of Momentum”, with 2 CTAs.

First invite when the exchange opens

cta section from the Shareholder vote exchange landing template, opens with “First invite when the exchange opens?”, with a single CTA.

Creative cta

cta section from the Creative studio portfolio template, with a single CTA.

Debrief. Reset. Continue

cta section from the Ground school landing template, opens with “Debrief. Reset. Continue.”, with 4 CTAs.