Directory

← Back

paypal-express-checkout

Polymer 2 wrapper for the Paypal Express Checkout button

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/morbidick/paypal-express-checkout on 2019-05-10 ]

Polymer 2 wrapper for the Paypal Express Checkout button

Published on webcomponents.org

Button flow demo

Components

<paypal-button-express>

To work around paypals issue with ShadowDOM this element opens the paypal button in an embedded iframe and communicates via postMessage.

<paypal-button-express
  sandbox
  sandbox-id="my-id"
  amount="1.00"
  reference="your-payment-reference"
></paypal-button-express>

<paypal-button-form>

Using the (older) paypal form api, a robuster checkout can be accomplished. To get notified about payments you have to set notify to an IPN url on your site.

<paypal-button-form
  paypal-id="id@example.org"
  amount="1.00"
  reference="your-payment-reference"
></paypal-button-form>

Polymer build

To build include the paypal.html in your polymer.json.

"extraDependencies": [
  "bower_components/paypal-express-checkout/paypal.html"
]

Development

# Get dependencies
$ npm install

# Demo site
$ npm start

# Run tests
$ npm test

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • polymer#Polymer/polymer#^2.0.0
Released
2018-01-23
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

paypal-express-checkout - Vaadin Add-on Directory

Polymer 2 wrapper for the Paypal Express Checkout button paypal-express-checkout - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/morbidick/paypal-express-checkout](https://github.com//morbidick/paypal-express-checkout/blob/v1.0.1/README.md) on 2019-05-10 ]** # Polymer 2 wrapper for the Paypal Express Checkout button [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/morbidick/paypal-express-checkout) ![Button flow demo](demo/flow.gif) ## Components ### \ To work around [paypals issue with ShadowDOM](https://github.com/paypal/paypal-checkout/issues/353) this element opens the paypal button in an embedded iframe and communicates via `postMessage`. ````html ```` ### \ Using the (older) [paypal form api](https://developer.paypal.com/docs/classic/paypal-payments-standard/integration-guide/formbasics/), a robuster checkout can be accomplished. To get notified about payments you have to set `notify` to an [IPN](https://developer.paypal.com/docs/classic/products/instant-payment-notification/) url on your site. ````html ```` ## Polymer build To build include the paypal.html in your `polymer.json`. ```json "extraDependencies": [ "bower_components/paypal-express-checkout/paypal.html" ] ``` ## Development ```bash # Get dependencies $ npm install # Demo site $ npm start # Run tests $ npm test ```
Online