How to Add PayPal Credit/Pay Later Banners on Home and Category Pages

Designed to be eye catching, they inform your customers of PayPal Credit's six-month special financing or Easy Payments promotions.

To display the PayPal Credit/Pay.         Later Banners on the Home page, Category Page, or any other page, it is needed to add manually the following HTML code into your layout.

Please follow these instructions to add the messaging on your eCommerce store:

  1. Copy and configure the following HTML code:


    <div data-pp-message data-pp-placement="home" data-pp-style-layout="flex" data-pp-style-color="alternative" data-pp-style-ratio="1x1"></div>
  2. Field
    Values
    Description
    Preview
    data-pp-placement
    home
    Only for analytics data does not affect how the message renders.


    category
    Only analytics data does not affect how the message renders.

    data-pp-style-color
    blue
    Default. Blue background with white text and white logo.
    Image Placeholder

    black
    Black background with white text and white logo.
    Image Placeholder

    white
    White background with blue text, colored logo, and blue border.
    Image Placeholder

    white-no-border
    White background with blue text and colored logo.
    Image Placeholder

    gray
    Light gray background with blue text and colored logo.
    Image Placeholder

    monochrome
    White background with black text and black logo.
    Image Placeholder

    grayscale
    White background with black text and grayscale logo.
    Image Placeholder
    data-pp-style-ratio
    1x1
    Default ratio. Ratio of 1x1 that flexes between 120px and 330px wide.
    Image Placeholder


    1x4
    Ratio of 1x4 that is 160px wide.
    Image Placeholder

    8x1
    Ratio of 8x1 that flexes between 250px and 768px wide.
    Image Placeholder

    20x1
    Ratio of 20x1 that flexes between 250px and 1169px wide.
    Image Placeholder

  3. For Magento 2:








    1. Access to your Magento 2 Store Admin Panel.
    2. Go to the Content -> Elements -> Blocks option on the left side menu.
    3. Create a new block and paste your PayPal Pay Later Messaging code.
    4. Save the block using a recognizable name.
    5. Place the block anywhere on your site using a CMS Static Block widget.
    6. Once you've placed the element in your preferred page, Save Settings, Flush your Magento cache, and test.



  4. For BigCommerce:








    1. Access to your BigCommerce Admin Panel.
    2. Go to the Storefront -> Themes > Customization option on the left side menu to add a message on the Home Page.
      1. To Add a Message on the Category Page, go to Products > Product Categories and select the preferred category to place the PayPal message.
    3. Access your Home Page, and add an HTML block to paste your PayPal Pay Later Messaging code.
      1. For Category Pages, paste your content under the description section using the HTML Code tool.
    4. Save the page.
    5. Once you've placed the element in your preferred page, Save Settings.