Steps To Implement
Step 1: Follow Advertising Guide
Follow all guidelines included in the Advertising Guide for Retailers
Step 2: Use Library of Marketing Banners
To utilize Progressive Leasing's library of marketing banners, include the following on each page that displays banners:
<script src=”https://progressivelp.com/JSSnippet/ecom-lib.js?storeId=<storeid>&pluginType=GA&authName=<StoreUserName>&authPass=<StorePassword>”></script>
Your storeid, StoreUserName, and StorePassword will be provided by Progressive Leasing. You may use StoreUserName = BannerMerchant and StorePassword = Banner1 if you will be customizing the element with a URL.
Step 3: Include Custom Elements (Banners)
Include the custom element in the location of the page where you will advertise Progressive Leasing.
<pg-banner banner-type=”LEADERBOARD” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 1.jpg 728](https://files.readme.io/6fe495c-Banner_Integration_Image_1.jpg)
<pg-banner banner-type=”FULL_BANNER” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 2.jpg 468](https://files.readme.io/de22edd-Banner_Integration_Image_2.jpg)
<pg-banner banner-type=”SKY_SCRAPER” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 3.jpg 160](https://files.readme.io/50792d0-Banner_Integration_Image_3.jpg)
<pg-banner banner-type=”SKY_SCRAPER_SMALL” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 4.jpg 120](https://files.readme.io/464147d-Banner_Integration_Image_4.jpg)
<pg-banner banner-type=”RECTANGLE_BLUE” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 5.jpg 336](https://files.readme.io/0985b96-Banner_Integration_Image_5.jpg)
<pg-banner banner-type=”SQUARE_BLUE_SMALL” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 6.jpg 125](https://files.readme.io/3aae95c-Banner_Integration_Image_6.jpg)
<pg-banner banner-type=”SQUARE_BLUE” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 7.png 250](https://files.readme.io/df7fb04-Banner_Integration_Image_7.png)
<pg-banner banner-type=”LEADERBOARD_WHITE” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 8.jpg 728](https://files.readme.io/841dfc2-Banner_Integration_Image_8.jpg)
<pg-banner banner-type=”FULL_BANNER_WHITE” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 9.jpg 468](https://files.readme.io/bbd8503-Banner_Integration_Image_9.jpg)
<pg-banner banner-type=”SKY_SCRAPER_WHITE” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 10.jpg 160](https://files.readme.io/7e013ae-Banner_Integration_Image_10.jpg)
<pg-banner banner-type=”SKY_SCRAPER_WHITE_SMALL” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 11.jpg 120](https://files.readme.io/38c03ae-Banner_Integration_Image_11.jpg)
<pg-banner banner-type=”RECTANGLE_WHITE” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 12.jpg 336](https://files.readme.io/779f8b2-Banner_Integration_Image_12.jpg)
<pg-banner banner-type=”SQUARE_WHITE_SM” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 13.jpg 125](https://files.readme.io/3ece6cb-Banner_Integration_Image_13.jpg)
<pg-banner banner-type=”SQUARE_WHITE” url=”https://progleasing.com”></pg-banner>
![Banner Integration Image 14.jpg 250](https://files.readme.io/448d333-Banner_Integration_Image_14.jpg)
Step 4: Select Custom Element Attributes
The custom element requires two attributes, to be selected by the retailer:
- banner-type: Refer to the table found here for all banner types that may be used. Browse Merchant Resources for banner options.
- url: Utilize the URL field to link to your Financing & Lease Options page, your Progressive Leasing marketing page, or your Progressive Leasing application.
Step 5: Save and Verify
Save the page and verify that the desired banner type renders, and the URL directs as expected.
Step 6: Submit for Review
Provide your modified pages to Progressive Leasing for review and compliance approval.
Updated about 1 year ago