How to Embed a Stripe Payment Button in Weebly
It's easy to create and embed a Stripe payment button into your Weebly website, just follow these steps:
1.) In Paid Members App, click Setup Checklist
2.) Connect to Stripe if you have not done so yet.
3.) Click 'Create payment buttons'
4.) Click either One-time Payment or Subscription
5.) Click either Legacy Payment Button or New Checkout Button
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.
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.
8.) Click 'Create Button'
9.) Click 'Copy to Clipboard'
10.) Make sure you are logged into your Weebly editor.
11.) Click 'Edit Website':
12.) Click 'Pages':
13.) Choose an existing page where you want to embed the payment button or click the + icon to create a new 'Standard page', give the page a name and click "Done".
14.) Click 'Build'
15.) Drag in the 'Embed Code' element
16.) Click the text that says 'Click to Set Static HTML' > then click "Edit Static HTML". We recommend clicking the position centered icon to center your button.
17.) Paste in the code you copied from the clipboard. Then click anywhere on the screen outside the HTML box. You may or might not see you button in the Weebly code editor, so simply publish your site and look at your live website page.
