Generator

Preview  flex blue 20x1
Color Scheme
Size Ratio
Color Scheme
Logo Variant
Amount

Depending on the current product's amount the banner will show different wording.

JavaScript Code
Use for slightly more flexibilty
<script
  src="https://www.paypal.com/sdk/js?client-id=CLIENT_ID&components=messages">
</script>

<script>
  paypal.Messages({
    amount: 300,         // inbetween means 199 - 5000
    style: {
      layout: 'flex',    // flex text
//    logo: {
//      type: 'primary', // TEXT: primary alternative inline none
//      color: 'black'   // TEXT: black white
//    },
      color: 'blue',     // FLEX: white gray blue black
      ratio: '8x1'       // FLEX: 8x1 20x1 1x1 1x4
  }).render("#my-paypal-installment-banner");
</script>

<div id="my-paypal-installmant-banner"</div>
HTML Code
Use for the easiest integration
<script
  src="https://www.paypal.com/sdk/js?client-id=CLIENT_ID&components=messages">
</script>

<div
  data-pp-message
  data-pp-amount="100"
  data-pp-style-layout="flex"
  data-pp-style-color="gray"
  data-pp-style-ratio="8x1">
</div>
Copy to Clipboard

Graphical Banners

Text BannersMind the added text through displaying the amount range.