Plugin Setup

The Axle plugin lets you sign in, connect Stripe, and insert payment components directly inside Framer. You don't need to visit the dashboard for initial setup.

Opening the Plugin

1. Open your Framer project
2. Go to Plugins in the left sidebar (or press Cmd+/ on Mac)
3. Find and open Axle

The plugin opens as a panel inside the Framer editor.

Sign Up or Sign In

The plugin supports full authentication without leaving Framer.

Email & Password

1. Click Sign up or Sign in
2. Enter your email and password
3. For new accounts, you'll receive a confirmation email — click the link to verify

Google OAuth

1. Click Continue with Google
2. A browser window opens for Google authentication
3. After authorizing, the plugin automatically detects your session

Plugin Tabs

Once signed in, the plugin shows three tabs:

Components

Insert the AxleButton component directly onto your canvas. This is the fastest way to add a payment button — no need to search the Assets panel.

Templates

Browse pre-built checkout configurations to get started quickly. Templates set up common payment scenarios with recommended settings.

Account

View your account status, API key, and Stripe connection. From here you can:

• Copy your API key
• See your current plan and trial status
• Connect or reconnect Stripe

Connecting Stripe from the Plugin

You can connect your Stripe account directly from the plugin's Account tab:

1. Go to the Account tab
2. Click Connect Stripe
3. A browser window opens for Stripe's secure OAuth flow
4. Authorize Axle to access your Stripe account
5. The plugin updates automatically once connected

This is the same OAuth flow as connecting from the dashboard, just triggered from within Framer.

Next Steps

• Add Head Snippet — Required for your site to connect to Axle
• Install Component — Add the AxleButton to your page
• First Payment — Test everything end to end