A pay button. Anywhere on your site.
Copy a six-line snippet. Paste it into WordPress, Squarespace, Webflow, Wix, plain HTML — even an email signature. A styled Pay button shows up, takes one click, and routes the buyer to your branded checkout.
A field guide to slow coffee
There’s a kind of morning where the kettle clicks and you have nowhere to be. Pour the water in slow concentric circles, let the bloom bloom, and the rest of the day softens around it.
If you’d like to support this newsletter and keep my Friday mornings caffeinated:
Thanks for reading. I’ll write again next Friday — kettle willing.
The shortest path from “nice post” to checkout.
A button on the page where someone already wants to pay you converts harder than a link buried in your bio. The Payment Button puts the checkout exactly where their attention is — without an iframe, popup, or third-party script tag.
It’s a link, not an iframe.
No third-party scripts on your site. No CSP headaches, no lazy-loaded popup. The button is a plain anchor styled by one tiny stylesheet — fast and predictable everywhere.
Lands on your branded checkout
Customers click and arrive at your PayRequest payment page — your handle, your colors, your methods. The host site (WordPress, Wix, etc.) never has to handle card data.
Three styles, copy-paste-ready
Blue for primary CTAs, Dark for light backgrounds, Outline to blend in. Add the --secure modifier for a built-in lock-icon trust cue.
Smart Link analytics, intact.
Every click on the embedded button feeds your Smart Link views, conversions, and revenue numbers — exactly as if buyers came in via a direct payment URL.
Edit the label inline
“Pay €4.50” is just text inside the snippet. Change it to “Buy now”, “Donate”, “Subscribe”, or any language — no dashboard round-trip needed.
Reuse the stylesheet once.
Paste the one-line stylesheet include at the top of the page (or your theme's header). Drop in as many buttons as you like — they all share the styles.
Pick the button that matches your page.
Each style is a single class. Switch between them by changing one word in the snippet — the button restyles instantly.
Primary CTA blue.
PayRequest’s signature blue. Highest contrast, hardest to miss. Use it as the main “buy” call-to-action on most posts and pages.
Black, minimal, editorial.
Best for clean, light-mode sites with a typographic vibe. Carries weight without shouting — pairs well with serif-heavy blogs and portfolios.
Transparent. Inherits.
Just a border and your label. Slots into already-busy designs, sidebars, or as a secondary CTA underneath a primary button. No background to fight.
Add a lock for higher-trust pages.
Append pr-btn--secure as a modifier and the button gains a small lock icon — a quiet trust signal for paid memberships, deposits, or any sale where reassurance helps.
From dashboard to live button in 60 seconds.
Pick the link. Pick the style. Copy the snippet. Paste it where you want the button to show. That's the whole process — and we've broken it into five just so you can blink between them.
Open the Smart Link
Payment Page → Smart Links. Pick the link you want to embed.
~ 5 secClick Share
The share dialog opens with URL, QR, and embed options.
~ 5 secPick a style
Blue, Dark, or Outline — preview updates as you click.
~ 10 secCopy snippet
One click, full HTML on your clipboard. Stylesheet included.
~ 2 secPaste & ship
Custom HTML block in WordPress, Code block in Squarespace, anywhere else.
liveSix lines. One paste.
The first line loads the button stylesheet (paste it once per page — or once in your theme header). The second line is the button itself. Reuse the button as many times as you like.
<!-- 1. Include the PayRequest button stylesheet (one-time per page) -->
<link rel="stylesheet"
href="https://payrequest.app/embed/button.css">
<!-- 2. The button -->
<a href="https://payrequest.me/yourhandle/coffee"
class="pr-btn pr-btn--default"
target="_blank"
rel="noopener">Pay €4.50</a>Drop it into whatever you build with.
If your site can render an HTML block, the Payment Button works. Here's where to paste the snippet on the platforms most of you use.
WordPress
- Edit the post or page
- Add a Custom HTML block (Gutenberg) or Code Snippet widget (Classic)
- Paste the snippet
- Update / Publish — button is live
Squarespace
- Edit the page section
- Insert a Code block
- Paste the snippet, save
- Publish — appears in-line with the rest of the section
Wix
- Add → Embed Code → Embed HTML
- Pick "Code" mode and paste the snippet
- Resize the embed widget to button height
- Publish — button is live
Webflow
- Drop in an Embed element from the Add panel
- Paste the snippet, click Save & Close
- Publish to your custom domain
- Reuse the embed across symbols and CMS items
Ghost
- Open the post in the editor
- Type / and pick HTML
- Paste the snippet, click outside
- Publish or update — button is live
Plain HTML
- Open your template (or any .html file)
- Paste the <link> in the <head> once
- Drop the <a> wherever you want the button
- Save, deploy, refresh — done
Built with something more specific?
Detailed walkthroughs for the modern stacks and tools that need their own integration steps — plus the angles devs and creators search for.
Lovable
One anchor inside any Lovable-generated component.
Next.js
RSC-safe, no client component required, no API routes.
Framer
Free Framer plan included. iDEAL, SEPA, Klarna and more.
Bolt.new
Survives every regenerate. No SDK, no env-var puzzle.
v0
Drop into v0-generated JSX. Zero JS added to the bundle.
Bubble.io
One HTML element, no plugin, no workflows. Free plan works.
vs PayPal Donate
Lower fees, recurring donations, branded checkout. The PayPal-Donate-button replacement.
No-iframe button
CSP-clean, GDPR-friendly, zero third-party scripts. Lighthouse-perfect.
Every embed feeds the same Smart Link.
Pasting the button on a third-party site doesn’t break analytics — it adds to them. Clicks, paid conversions, and revenue from your blog, your newsletter, your Squarespace landing page all roll up into one Smart Link dashboard.
Use referrer data to see which embed location is actually closing sales. The WordPress post in your sidebar might be quietly out-converting the homepage — and now you’d know.
coffee
payrequest.me/maria/coffeeliveHonest answers about the embed.
Pick a Smart Link. Embed in a minute.
The next sale on your blog, your portfolio, your Webflow page is one paste away. Three styles, no code, full analytics — and customers always land on your branded checkout.