402x Widgets

No Code. Instant Payments.

Create pay buttons, donation links, or gated downloads in seconds - no coding required.

Plug in, price, and start earning.

The Simplest Way to Accept Micropayments

Not a developer? No problem.

402x Widgets let anyone create payment tools with just a few clicks - then embed them anywhere on the web.

Perfect For

Content creators
Small businesses
Educators
Artists
Freelancers
Anyone who wants to get paid online

What Are 402x Widgets?

Widgets are embeddable payment components you can add to any website, just like embedding a video or image.

Think of embeddable video players - but instead of videos, you're embedding payment functionality.

Types of Widgets

Pay Buttons: One-click payment buttons
Donation Links: Accept tips and donations
Gated Downloads: Sell files (PDFs, ebooks, images)
Paywalls: Unlock content for a fee
Pricing Calculators: Dynamic pricing based on user input
Subscription Buttons: Recurring payment options

Key Features

🎨 No Coding Required

Visual Builder Create widgets with drag-and-drop interface:

Choose widget type
Set your price
Customize appearance
Copy embed code
Paste on your site

Preview in Real-Time See exactly what your widget will look like.

⚡ Instant Setup

From idea to live payment button in under 2 minutes:

html

<!-- Just paste this into your website -->
<script src="https://402x.io/widget.js" 
        data-type="button" 
        data-price="5.00"
        data-label="Buy My Ebook">
</script>

Done. You're now accepting payments.

💰 Get Paid Instantly

No payment gateway setup
No merchant account
No complex integrations
Money arrives immediately

🎨 Fully Customizable

Colors & Branding

html

<script src="https://402x.io/widget.js"
        data-type="button"
        data-price="10.00"
        data-label="Support My Work"
        data-color="#FF6B6B"
        data-style="rounded">
</script>

Match Your Brand

Custom colors
Custom fonts
Custom button text
Light/dark mode
Size options

📊 Built-In Analytics

See what's working:

Total payments received
Conversion rate
Traffic sources
Peak payment times
Geographic distribution

1. Pay Button

Perfect for: One-time purchases, tips, simple payments

html

<script src="https://402x.io/widget.js"
        data-type="button"
        data-price="5.00"
        data-label="Buy Now">
</script>

Result: [Buy Now - $5.00]

Use Cases:

"Buy my ebook"
"Download premium template"
"Support my work"
"Unlock bonus content"

Perfect for: Tips, donations, pay-what-you-want

html

<script src="https://402x.io/widget.js"
        data-type="donation"
        data-amounts="[1, 5, 10, 25]"
        data-custom="true">
</script>

Result: Choose amount: [$1] [$5] [$10] [$25] [Custom]

Use Cases:

Creator tips
Charity donations
Support buttons
Crowdfunding

3. Gated Download

Perfect for: Selling files, ebooks, templates

html

<script src="https://402x.io/widget.js"
        data-type="download"
        data-price="10.00"
        data-file="https://yoursite.com/ebook.pdf"
        data-label="Get the Ebook">
</script>

User Experience:

Click "Get the Ebook - $10.00"
Pay
File downloads automatically

Use Cases:

Ebooks
Design templates
Stock photos
Music/audio files
Software downloads

Perfect for: Gating article content, videos, premium sections

html

<div class="x402-paywall" 
     data-price="0.50"
     data-preview="100">
  
  <h2>Your Premium Article</h2>
  <p>First 100 words visible as preview...</p>
  <p class="premium-content">Rest of article locked...</p>
  
</div>
<script src="https://402x.io/paywall.js"></script>

User Experience:

Reads preview
Clicks "Unlock for $0.50"
Pays
Content instantly unlocked

5. Pricing Calculator

Perfect for: Services, custom pricing, variable products

html

<script src="https://402x.io/widget.js"
        data-type="calculator"
        data-base-price="10"
        data-calculation="quantity * basePrice">
</script>

User Experience:

Select options (quantity, add-ons, etc.)
See price update in real-time
Click to pay calculated amount

Use Cases:

Consulting services (price per hour)
Bulk purchases (price per unit)
Custom products (price by options)

6. Subscription Button

Perfect for: Recurring revenue, memberships

html

<script src="https://402x.io/widget.js"
        data-type="subscription"
        data-price="10.00"
        data-frequency="monthly"
        data-label="Subscribe for $10/month">
</script>

Result: [Subscribe for $10/month]

Use Cases:

Newsletter subscriptions
Membership access
Recurring donations
Premium content access

Use Cases

Content Creators

Bloggers Add a paywall to premium articles:

html

<div class="x402-paywall" data-price="1.00">
  <!-- Your premium blog post -->
</div>

YouTubers Link to paid resources in video descriptions:

html

<script data-type="button" 
        data-price="5.00"
        data-label="Get My Video Template">
</script>

Podcasters Offer bonus episodes:

html

<script data-type="button"
        data-price="2.00"
        data-label="Unlock Bonus Episode">
</script>

Educators & Course Creators

Sell Courses

html

<script data-type="button"
        data-price="99.00"
        data-label="Enroll Now">
</script>

Worksheets & Resources

html

<script data-type="download"
        data-price="5.00"
        data-file="/worksheet.pdf">
</script>

Office Hours

html

<script data-type="button"
        data-price="50.00"
        data-label="Book 1-Hour Session">
</script>

Artists & Designers

Sell Digital Art

html

<script data-type="download"
        data-price="20.00"
        data-file="/high-res-artwork.png"
        data-label="Download High-Res">
</script>

Design Templates

html

<script data-type="download"
        data-price="15.00"
        data-file="/figma-template.fig">
</script>

Commissions

html

<script data-type="button"
        data-price="100.00"
        data-label="Commission Artwork">
</script>

Small Businesses

Digital Products

html

<script data-type="button"
        data-price="29.99"
        data-label="Buy Now">
</script>

Consultations

html

<script data-type="calculator"
        data-base-price="100"
        data-label="Book Consultation">
</script>

Event Tickets

html

<script data-type="button"
        data-price="25.00"
        data-label="Get Your Ticket">
</script>

Freelancers

Portfolio Downloads Gate case studies or detailed portfolios:

html

<script data-type="paywall"
        data-price="5.00">
</script>

Proposal Templates Sell your templates:

html

<script data-type="download"
        data-price="10.00"
        data-file="/proposal-template.docx">
</script>

Step 1: Choose Type

Pay Button
Donation
Download
Paywall
Calculator
Subscription

Step 2: Configure

Set price
Add description
Choose file (if download)
Set custom text

Step 3: Customize

Pick colors
Select button style
Choose size
Preview changes

Step 4: Deploy

Copy embed code
Paste into website
Done!

Try the Builder

Visit widgets.402x.io to create your first widget in under 60 seconds.

Customization Options

Visual Customization

html

<script src="https://402x.io/widget.js"
        data-type="button"
        data-price="10.00"
        data-label="Buy Now"
        
        <!-- Appearance -->
        data-color="#4A90E2"
        data-text-color="#FFFFFF"
        data-style="rounded"
        data-size="large"
        
        <!-- Behavior -->
        data-success-url="/thank-you"
        data-cancel-url="/canceled"
        
        <!-- Branding -->
        data-logo="/logo.svg"
        data-company="Your Brand">
</script>

Style Options

Button Styles:

rounded: Rounded corners
square: Sharp corners
pill: Fully rounded
minimal: Text-only link

Sizes:

small: Compact
medium: Default
large: Prominent
full: Full width

Themes:

light: Light background
dark: Dark background
auto: Match user's system preference

Platform Integration

WordPress

Plugin Install:

bash

# Install from WordPress admin
Plugins → Add New → Search "402x Widgets"

Shortcode:

[402x type="button" price="5.00" label="Buy Now"]

Squarespace

Add as Code Block:

html

<script src="https://402x.io/widget.js" 
        data-type="button" 
        data-price="10.00">
</script>

Wix

Add HTML Embed:

html

<script src="https://402x.io/widget.js"
        data-type="donation">
</script>

Notion

Use Embed Block:

https://widgets.402x.io/embed?type=button&price=5

Webflow

Add Custom Code:

html

<script src="https://402x.io/widget.js"></script>

Static Sites (HTML)

Just paste the code:

html

<!DOCTYPE html>
<html>
<body>
  <h1>My Product</h1>
  <script src="https://402x.io/widget.js"
          data-type="button"
          data-price="10.00">
  </script>
</body>
</html>

Advanced Features

Success/Failure Callbacks

html

<script src="https://402x.io/widget.js"
        data-type="button"
        data-price="10.00"
        data-on-success="handleSuccess"
        data-on-cancel="handleCancel">
</script>

<script>
function handleSuccess(payment) {
  console.log('Payment successful!', payment);
  // Redirect, show message, etc.
}

function handleCancel() {
  console.log('Payment canceled');
}
</script>

Custom Metadata

Track additional information:

html

<script src="https://402x.io/widget.js"
        data-type="button"
        data-price="10.00"
        data-metadata='{"product": "ebook", "sku": "EB001"}'>
</script>

Dynamic Pricing

Change price based on user input:

html

<select id="quantity">
  <option value="1">1 - $10</option>
  <option value="5">5 - $45</option>
  <option value="10">10 - $80</option>
</select>

<script src="https://402x.io/widget.js"
        data-type="button"
        data-price-dynamic="true"
        data-price-function="calculatePrice">
</script>

<script>
function calculatePrice() {
  const qty = document.getElementById('quantity').value;
  const prices = { 1: 10, 5: 45, 10: 80 };
  return prices[qty];
}
</script>

Gated Content with Preview

html

<div class="x402-paywall" 
     data-price="2.00"
     data-preview="200">
  
  <article>
    <h1>Premium Article</h1>
    <p>This first paragraph is free to read...</p>
    <p>And this one too...</p>
    
    <!-- Everything after 200 words is locked -->
    <p class="premium">But this requires payment...</p>
    <p class="premium">And so does this...</p>
  </article>
  
</div>

Analytics Dashboard

Track widget performance:

Metrics Available

Total Revenue: All-time earnings
Conversion Rate: Clicks to payments
Popular Widgets: Which widgets earn most
Traffic Sources: Where payments come from
Geographic Data: Where your customers are
Time Analysis: Peak payment times

Dashboard View

┌─────────────────────────────────────┐
│ Widget Performance (Last 30 Days)  │
├─────────────────────────────────────┤
│ Ebook Button                        │
│ 245 clicks → 37 payments (15%)      │
│ Revenue: $370                        │
├─────────────────────────────────────┤
│ Donation Widget                     │
│ 892 views → 64 donations (7%)       │
│ Revenue: $284                        │
└─────────────────────────────────────┘

Security & Trust

Payment Security

All payments processed securely
No credit card data touches your site
PCI compliant
Encrypted transactions

Content Protection

Download links are one-time use
Paywalls can't be bypassed
Watermarking available for files

Refund Policies

Set your own refund window:

html

<script data-refund-window="86400">
<!-- 24-hour refund policy -->
</script>

Pricing

Widgets are free to create and use.

You only pay a small fee on successful payments:

2% platform fee on each transaction
No monthly fees
No setup costs
No hidden charges

Example:

Customer pays $10
You receive $9.80
Platform takes $0.20

Getting Started

Visit widgets.402x.io

2. Customize

Choose style, set price, configure options

3. Copy Code

html

<script src="https://402x.io/widget.js"...>

4. Embed

Paste into your website

5. Earn

Start receiving payments!

Examples in the Wild

Example 1: Indie Author

Widget: Download button
Product: Ebook ($9.99)
Result: 500 sales in first month = $4,950 revenue

Example 2: Designer

Widget: Pay button
Product: Figma template ($15)
Result: 200 sales/month = $2,940 revenue

Example 3: Blogger

Widget: Paywall
Product: Premium articles ($0.50)
Result: 2,000 unlocks/month = $980 revenue

Example 4: Musician

Widget: Donation
Product: Tips/support
Result: Average $3.50/donation, 100/month = $350

FAQ

Do I need a website to use widgets?

You can use them anywhere HTML is accepted - websites, emails, Notion pages, etc.

Can I change the price later?

Yes, update the code and the price changes instantly.

What if a customer doesn't receive their download?

Download links are automatically sent to their email as backup.

Can I use multiple widgets on one page?

Yes! Add as many as you want.

Do widgets work on mobile?

Yes, they're fully responsive and mobile-optimized.

Can I customize the payment experience?

Yes, you can customize colors, text, and behavior.

Comparison: Widgets vs. Alternatives

Feature	402x Widgets	Stripe Payment Links	Gumroad	PayPal Buttons
Setup Time	2 minutes	10 minutes	15 minutes	10 minutes
Coding Required	No	No	No	No
Platform Fee	2%	2.9% + $0.30	9%	3.5% + $0.30
Instant Payout	Yes	No (2-7 days)	No (weekly)	No (1-3 days)
Micropayments	Yes ($0.01+)	Expensive (<$5)	Yes	Expensive (<$5)
No Account Needed	Yes	No	No	No
Customization	Full	Limited	Limited	Limited

Next Steps

Create your first widget → Widget Builder
Browse examples → Widget Gallery
Get help → Getting Started Guide

Start Earning Today

From idea to live payment button in under 2 minutes. No coding, no complexity, no delays.

Explore More Use Cases

402x Paywalls: Advanced content monetization
402x APIs: Monetize API endpoints
402x Communities: Economic moderation

402x Widgets ​

No Code. Instant Payments. ​

The Simplest Way to Accept Micropayments ​

What Are 402x Widgets? ​

Types of Widgets ​

Key Features ​

🎨 No Coding Required ​

⚡ Instant Setup ​

💰 Get Paid Instantly ​

🎨 Fully Customizable ​

📊 Built-In Analytics ​

Widget Types ​

1. Pay Button ​

2. Donation Widget ​

3. Gated Download ​

4. Paywall Widget ​

5. Pricing Calculator ​

6. Subscription Button ​

Use Cases ​

Content Creators ​

Educators & Course Creators ​

Artists & Designers ​

Small Businesses ​

Freelancers ​

Widget Builder ​

Create Your Widget (No Code) ​

Customization Options ​

Visual Customization ​

Style Options ​

Platform Integration ​

WordPress ​

Squarespace ​

Wix ​

Notion ​

Webflow ​

Static Sites (HTML) ​

Advanced Features ​

Success/Failure Callbacks ​

Custom Metadata ​

Dynamic Pricing ​

Gated Content with Preview ​

Analytics Dashboard ​

Metrics Available ​

Dashboard View ​

Security & Trust ​

Payment Security ​

Content Protection ​

Refund Policies ​

Pricing ​

Getting Started ​

1. Create Widget ​

2. Customize ​

3. Copy Code ​

4. Embed ​

5. Earn ​

Examples in the Wild ​

Example 1: Indie Author ​

Example 2: Designer ​

Example 3: Blogger ​

Example 4: Musician ​

FAQ ​

Comparison: Widgets vs. Alternatives ​

Next Steps ​

402x Widgets

No Code. Instant Payments.

The Simplest Way to Accept Micropayments

What Are 402x Widgets?

Types of Widgets

Key Features

🎨 No Coding Required

⚡ Instant Setup

💰 Get Paid Instantly

🎨 Fully Customizable

📊 Built-In Analytics

Widget Types

1. Pay Button

2. Donation Widget

3. Gated Download

4. Paywall Widget

5. Pricing Calculator

6. Subscription Button

Use Cases

Content Creators

Educators & Course Creators

Artists & Designers

Small Businesses

Freelancers

Widget Builder

Create Your Widget (No Code)

Customization Options

Visual Customization

Style Options

Platform Integration

WordPress

Squarespace

Wix

Notion

Webflow

Static Sites (HTML)

Advanced Features

Success/Failure Callbacks

Custom Metadata

Dynamic Pricing

Gated Content with Preview

Analytics Dashboard

Metrics Available

Dashboard View

Security & Trust

Payment Security

Content Protection

Refund Policies

Pricing

Getting Started

1. Create Widget

2. Customize

3. Copy Code

4. Embed

5. Earn

Examples in the Wild

Example 1: Indie Author

Example 2: Designer

Example 3: Blogger

Example 4: Musician

FAQ

Comparison: Widgets vs. Alternatives

Next Steps