Paid Members App logo
  • Tutorials
  • Pricing
Paid Members AppTM
  • Sign In
  • Sign Up

Tutorial Menu

General
  • Welcome
  • What is Paid Members App branding
  • No-code Customer Portal
  • No-code Stripe Tax
  • How to add Stripe coupons or promo codes
  • How to send emails from a custom domain
Duda
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to set up your site navigation
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to customize your Stripe button
    • How to add a v2 Stripe button
    • How to add coupons to Stripe
Webflow
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to customize your Stripe button
    • How to add a v2 Stripe button
Weebly
  • Primary Tutorials
    • How to migrate from our Weebly App
    • How to install our app
    • How to add a login link
    • How to set up your site navigation
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to collect your customers name
    • How to customize your Stripe button
    • More Stripe tutorials...
Wordpress
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to customize your Stripe button
    • How to add a v2 Stripe button
    • How to add coupons to Stripe
Shopify
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to add a v2 Stripe button
    • How to add coupons to Stripe
Wix
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to white out your member pages
  • Stripe Tutorials
    • How to add Stripe Payment Links
Squarespace
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a signup popup
    • How to set up your site navigation
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to Collect Your Customers Name
    • How to Customize Your Button
Static HTML
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to white out your member pages
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to customize your Stripe button
    • How to add a v2 Stripe button
    • How to add coupons to Stripe
Native Apps

This section is for users who have installed one of our native apps from an app store.

Weebly App

How to Embed a Stripe Payment Button in Webflow

It's easy to create and embed a Stripe payment button into your Webflow website, just follow these steps:

Pre-requisite: Please watch Embed custom HTML - Webflow tutorial

 

Video: Here is the guide in video format (same as steps shown below with images)

 

Video: Here is the guide with text and images:

 

1.) In Paid Members App, click Setup Checklist

Click setup checklist

2.) Connect to Stripe if you have not done so yet.

Click connect to stripe

3.) Click 'Create payment buttons'

Click create payment buttons

4.) Click either One-time Payment or Subscription

Click one time payment or subscription

5.) Click either Legacy Payment Button or New Checkout Button

Click legacy payment or new checkout

6.) Fill in your button details and choose the Stripe plan for which you want to make a payment button. If you don't see all your plans, click the 'Sync w/ Stripe' button to pull in your updated plans. *You may see the word "SKU" or "Plan" or "Price" depending on which type of button you are making.

Click fill payment button details

7.) If you do not yet have a Stripe plan, click '+ New Plan' to create a new plan. This will generate a new plan in your Stripe account too. Amazing! *You may see the word "SKU" or "Plan" or "Price" depending on which type of button you are making.

Click new plan

8.) Click 'Create Button'

9.) Click 'Copy to Clipboard'

Click copy to clipboard in payment buttons

10.) Make sure you are logged into your Webflow editor.

11.) Click on the pages panel on the left and choose a page or create a new page:

Pages panel

13.) In the Elements section in the Components area, drag in the 'Embed' element

Webflow widgets embed

14.) Delete any exsiting text in the HTML box and then paste in your code and click 'Save'.

Paste html

15.) Then close the 'HTML Content' box. You may or might not see you button in the Webflow code editor, so simply click 'Publish' and look at your live website page.

Save and publish

16.) On your published page you will have a Stripe button. If you used our original Stripe payment button, it will pop up on your website. If you chose Stripe's Checkout button, it will redirect your customer to Stripe for payment.

Stripe pay1

Stripe pay2