5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T7b0,

About this component

The Contra Pay Button can be embedded anywhere. When someone clicks, they’re taken to your Contra checkout for that specific product or payment link, so you can get paid without building payments infrastructure, worrying about receipts, or managing messy payment flows. Behind the scenes, Contra handles sign up / sign in, checkout, and payment confirmation.

Key features

Contra-branded CTA that looks great on any site
Secure hosted checkout powered by your Contra product or payment link
Works for digital products, payment links, and subscriptions
Drop-in embed (paste a link, get a button)
Customizable label + styling (text, size, radius, theme)
Shareable + trackable (link performance and earnings summary lives in Contra)

How to set it up

Create a Contra account (or sign in)
Create what you’re selling:
- Create a Product or Subscription: https://contra.com/products/new
- Create a Payment Link: https://contra.com/payment-link/new
Copy your payment / checkout link URL from Contra
Add the Pay Button to your site
Paste your Contra payment / checkout link into the button settings
Publish your button is now live and ready to collect payments

Best for

Creators selling digital downloads, templates, or assets
Freelancers collecting deposits or one-off payments
Studios offering fixed packages or paid discovery calls
Anyone who wants a simple, trusted pay infrastructure without building checkout

5a:[["$","$L5d",null,{"post":{"id":"019c780a-7559-74c0-b66d-8f7048e3f403","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e6e6d407-3cfd-4cd3-8fb7-1e86e5da6379","name":"Contra","slug":"contra","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1920242/avatar-Vwv3UHv8v4Y2akEP3McZTpJeZK5Ch3.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"TrDS04tynW2ga5BoxDBX","resolved":true,"title":"Contra Buy Button","body":"$5e","bodyJson":null,"introduction":"Embedded Payments Powered by Contra","slug":"contra-buy-button","author":{"framerUserId":"e6e6d407-3cfd-4cd3-8fb7-1e86e5da6379","name":"Contra","slug":"contra","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1920242/avatar-Vwv3UHv8v4Y2akEP3McZTpJeZK5Ch3.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TrDS04tynW2ga5BoxDBX/contra-buy-button-5gw6O3Wwwffd1oirTehJYOdx2NpyaO","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-19T22:29:23.076Z","updatedAt":"2026-02-19T22:33:16.077Z","publishedAt":"2026-02-19T22:34:37.273Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ContraButton-ZIJsn6.js@XpOU0fZh9LFq4zKH2HUd","previewUrl":"https://contrabuybutton.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"XpOU0fZh9LFq4zKH2HUd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-19T22:34:37.273Z","updatedAt":"2026-02-19T22:34:37.273Z","reported":false}}],"$L5f"]

Suggested for you