Trade-in Modal Installation Docs

This piece is built to work on any page that you want to include access to the trade-in feature. We have provided several creative sizes to fit in most situations including banners, slides and buttons. These creatives can be placed on your pages main content areas, sidebars, footers, headers, etc.

Installation is a 2 step process. Include the script file in the footer (or as low on the page as possible). Once the script is in place, select the creative you want to use and paste the code snippet in the proper location in your page editor

Step 1: include this script before the closing </body> tag on the page.

<script src="https://cdn.dealerx.com/external/trade/dx-trade-vdp.js" account_id="" id="dxScript" type="text/javascript"></script>

Step 2: Select the button or banner that best fits the space where you want to include the link and copy that creative's code in your page editor.

215x56

<a href="#" class="loadTrade"><img src="https://cdn.dealerx.com/external/trade/img/dx_kbb_215x56.png" width="100%" style="max-width: 215px;"></a>


254x82

<a href="#" class="loadTrade"><img src="https://cdn.dealerx.com/external/trade/img/dx_kbb_254x82.png" width="100%" style="max-width: 254px;"></a>


480x110

<a href="#" class="loadTrade"><img src="https://cdn.dealerx.com/external/trade/img/dx_kbb_480x110.png" width="100%" style="max-width: 480px;"></a>


480x211

<a href="#" class="loadTrade"><img src="https://cdn.dealerx.com/external/trade/img/dx_kbb_480x211.png" width="100%" style="max-width: 480px;"></a>


768x150

<a href="#" class="loadTrade"><img src="https://cdn.dealerx.com/external/trade/img/dx_kbb_768x150.png" width="100%" style="max-width: 768px;"></a>


768x338

<a href="#" class="loadTrade"><img src="https://cdn.dealerx.com/external/trade/img/dx_kbb_768x338.png" width="100%" style="max-width: 768px;"></a>


1024x200

<a href="#" class="loadTrade"><img src="https://cdn.dealerx.com/external/trade/img/dx_kbb_1024x200.png" width="100%" style="max-width: 1024px;"></a>


1024x450

<a href="#" class="loadTrade"><img src="https://cdn.dealerx.com/external/trade/img/dx_kbb_1024x450.png" width="100%" style="max-width: 1024px;"></a>