---
title: "Contra Buy Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Contra · Buttons. Embedded Payments Powered by Contra"
canonical: "https://framer.elliotli.dev/component/contra-buy-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Contra Buy Button

# Contra Buy Button

Embedded Payments Powered by Contra

[View on Framer](https://framer.com/marketplace/components/contra-buy-button/?via=elliot-li)

![Contra Buy Button preview image 1](https://framer.elliotli.dev/og/component/contra-buy-button/9ec75a9808eb5dc6/1600x1200.jpg)

## Summary

Embedded Payments Powered by Contra

## Description

## 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

1.  Create a Contra account (or sign in)
    
2.  Create what you’re selling:
    
    -   Create a Product or Subscription: [https://contra.com/products/new](https://contra.com/products/new)
        
    -   Create a Payment Link: [https://contra.com/payment-link/new](https://contra.com/payment-link/new)
        
3.  Copy your payment / checkout link URL from Contra
    
4.  Add the Pay Button to your site
    
5.  Paste your Contra payment / checkout link into the button settings
    
6.  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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #6386

## Details

- **Author**: Contra
- **Published**: 2026-02-19
- **Updated**: 2026-02-19
- **Added**: 2026-02-19
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow