EMBED CARSTORY VDP CODE SNIPPET
Step 1:
Include the CarStory ILMR <div> in the VDP page code where you’d like the widget to be displayed.
<div class="inline-report" data-carstory-vin="PUT VIN HERE" style="height: 100%"></div>
Please note that "PUT VIN HERE" needs to be replaced with actual VIN.
Step 2:
Add this script block toward the bottom of the VDP page, before the closing tag:
<script async type="text/javascript" src="//widget.carstory.com/v1.0/inline.js"></script>
<script>
window.CarStoryConfig = {
referrer: "PLACE_REFERRER_HERE"
};
</script>
All done!
You've finished VDP implantation!
Now, Add CarStory Badges to your SRP
CarStory Market Reports also include SRP badges that display deal ratings and other valuable vehicle features. These SRP badges can be made clickable during implementation, but are not hyperlinked by default.
"REFERRER" USE:
During the inventory on-boarding process, your dealership may have been assigned a "Referrer ID" to use in your CarStory code. It is critical this ID be utilized (if assigned). This value, a word, goes inside the quotation marks. You can leave the quotation marks and simply replace the text PLACE_REFERRER_HERE.
INSTALLATION NOTES:
The CarStory Inline Market Report is 100% responsive and will adapt to any size container you place it in.
Placing this script (from Step 2) at the bottom of the page will allow faster page load time and ensure that all CarStory Market Report styles have been downloaded before loading the widget HTML.
If you don’t have a responsive site, please remember to add this code to your mobile site template.
Feel like you skipped a step?
Before adding CarStory to your site, your inventory feed must be connected to our analytics engine.
This is a simple process and usually takes less than 24 hours.
If you have not completed this step, please signup for Market Reports on carstory.ai/signup or email support@carstory.com.