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

  2. 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.



  3. 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.