Ocean Honda Whittier | Trade-in Plugin Installation Docs

To embed the "Value Your Trade" form into a web page, copy the snippet below into your page editor. The snippet will generate the iframe dynamically on the page.

<div id="dxFrame"></div>
<script src="//cdn.dealerx.com/external/trade/dx-trade.js" account_id="l0h2sEUX" id="dxScript" type="text/javascript"></script>

This is best used on full pages. We also provide a modal version and creatives (banners, buttons, etc.) suitable for use on any page.

Example Output

Ocean Honda Whittier Demo

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 in the <head> tag on the page. Preferably just before the closing </head>

<script src="https://cdn.dealerx.com/external/trade/dx-trade-vdp.js" account_id="l0h2sEUX" 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.


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


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


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


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


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


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


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


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