Support topics:
- The widget will not load on a dealer site
- The installation looks correct, but I still can't see the widget
- The widget still won't load, or loads intermittently
- The widget loads, but I expected a banner
- What if my site header (or other site elements) are covering part of the Edmunds Trade- In Tool widget?
The widget will not load on a dealer site
Each Edmunds Trade-in Widget installation requires two specific HTML tags, as described in your original installation instructions. If either tag is missing or malformed, the widget will not load.
Be sure to follow HTML standards when inserting these tags. For instance, Microsoft "smart" quotation marks or extra spaces within the tags can cause rendering issues.
The Edmunds Unified Container script tag
Make sure the page has one — and only one — copy of this tag in the HTML <head> section, or wherever "raw HTML widgets" are installed on the site:
<script async src="https://content-container.edmunds.com/{DealerId}.js" type="text/javascript"></script>
The {DealerId} value must match the dealership's unique Dealer ID value. This unique value can be found in the original installation instructions. For example, a Dealer ID of "12345" would require a script tag like this:
<script async src="https://content-container.edmunds.com/12345.js" type="text/javascript"></script>
The script tag will only work if the site domain has been associated with the Dealer ID value. To confirm a site domain association or request a Dealer ID for a test site domain, send an email to webprovidersupport@edmunds.com.
The Edmunds Trade-in Widget div tag
Make sure the page has one — and only one — copy of this tag in the HTML <body> section:
<div class="edmunds-tradein"></div>
The tag may also contain an optional data-display attribute, as in this example:
<div class="edmunds-tradein" data-display="standard-autocomplete"></div>
The installation looks correct, but I still can't see the widget
When the widget loads, its HTML markup will appear inside the Trade-in Widget div tag. Therefore, the tag must be placed in a user-visible area of the HTML <body> section, or it will be hidden.
One data-display attribute value, "no-banner-overlay", hides the widget even when installed correctly. Additional work is necessary to make this version of the widget visible. For help setting up the "no-banner-overlay" variant, reach out to the Edmunds Implementation team at webprovidersupport@edmunds.com.
The widget still won't load, or loads intermittently
If you have followed the above steps without success, or the widget is loading intermittently, we are here to help. Reach out to the Edmunds Implementation team at webprovidersupport@edmunds.com.
The widget loads, but I expected a banner
The Edmunds Trade-in Widget has several display variations, each optimized for a specific page type, as described in the original installation instructions. These variations are activated through the "data-display" tag attribute. If the wrong attribute value is used, the widget may not appear as expected.
Sample banner placements are available at our demo site: https://trade-in.edmunds.com/demo-site-internal-only
Supported data-display tag attribute values are:
- "standard-trigger": a click-triggered banner widget
- "standard-autocomplete": an autocomplete banner widget
- "reduced-height-autocomplete": an autocomplete banner widget with reduced vertical height
- "no-banner-overlay": a hidden widget instance that is exposed by an external CTA click
If you have any other data-display tag attribute value, update to a supported value or reach out to the Edmunds Implementation team at webprovidersupport@edmunds.com.
What if my site header (or other site elements) are covering part of the Edmunds Trade- In Tool widget?
Web pages are built with z-indexing rules to determine which element is visible when two elements occupy the same space. Floating "sticky" headers are typically assigned z-indexes that ensure the header covers the site's main content. If you install your Edmunds Trade-In widget banner within the site's main content, the Edmunds Trade-In Tool widget banner and overlay may be covered by your floating "sticky" header.
In this scenario, we recommend you install your Edmunds Trade-In Tool widget as hidden, placed outside of your site's main content, then in your site's main content create your own button that opens the Edmunds Trade-In Tool overlay. When opened by button click, the Edmunds Trade-In Tool overlay should now be fully visible.