## Using this component To create pay buttons: - You first need to have a Payburner Wallet (click here to install from the Google Chrome Store) - In your Payburner Wallet, click on your profile icon, and then open `Pay Button Manager`. You will then see the Manager - Click on the `+ shopping cart ` icon and then enter the information for your pay button. Note that there are two types of paybuttons -- ones with a fixed price and ones without a fixed price. Fixed price buttons could be used for purchasing a specific item, for example. Non-fixed priced buttons could be used for a shopping cart payment where the price is dynamic and calculated. - Once the pay button has been created, Click on the `more` icon and then select `Embed`. You will receive instructions for installing the pay button. You will see specific instructions for embedding your paybutton: There are two key parts of embedding a paybutton in a simple HTML page. First you must import two scripts: - `<script src="https://www.payburner.com/payburner.js"></script>` in the head of your index.html to import payburner. - `<script src='https://unpkg.com/@payburner/paybutton.js@^0.0.14/dist/pay-button.js'></script>` in the head of your index.html to load the component Note that the order is important -- first payburner.js, then paybutton.js. Payburner.js is the library connects the page to the Payburner Browser Extension. Paybutton.js is a web component for adding the paybutton to your page. With the two scripts imported, you can now specify paybuttons anywhere on your page. - Then you can use the element anywhere in your template, JSX, html etc <pay-button buttonid="7b2d5583-a178-434d-8048-516f784f8f92" ></pay-button> Click here for a Simple Example
Creating Pay Buttons Print
Created by: Chris Opler
Modified on: Fri, 7 Aug, 2020 at 6:59 AM
Did you find it helpful?Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.