Thank you for trying MountVacation's DMC Widget!
To insert MountVacation's DMC widget to your web page follow next 3 steps.
MountVacation's DMC widget need 2 elements (placeholders) in your web page to to place the visual part of the widget.
div element with an id mv-dmc-widget-holder <div id="mv-dmc-widget-holder"></div> defines where you want mini Search html code to appear. E.g.: checkin - checkout date fields & search button.
div element with an id mv-dmc-results-holder <div id="mv-dmc-results-holder"></div> defines where you want Search Results to appear. E.g.: facilities with images & book button. This holder is best to place it in fully width part of your webpage.
Place them in your html template.
You've received DMC ID to email address you provided in the contract. Replace it with the stars in code below.
If you prefere widget in other language than English (en) you also need to change the language part of the string ...-en.js.
We are offering widget in following 8 languages:
Copy the code below to the clipboard & paste it in <head> section or just above your closing </body> tag of your web site.
<script src="http://widgets.mountvacationmedia.com/dmc/****-widget-en.js"></script>Sample of Rtc-Krvavec widget url:
<script src="http://widgets.mountvacationmedia.com/dmc/4022-widget-si.js"></script>Indeed! Now, you should be ready to go! Try to open your webpage's url to see your MountVacation's DMC widget in action!
You don't see MountVacation's DMC widget on your webpage's url?
Our widgets use jQuery & jQuery UI for date picker control. Check, if your webpage is already using this libraries.
At least jQuery 1.4.4 is requried.
Type jQuery.fn.jquery into browser's console window while your web page is open. If you don't get any response the jQuery library is missing. To include the library in your web page, put the following line in <head> section of web page:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>Usually clients already have included jQuery library. Typical only jQuery UI library is missing. To include the library in your web page, put the following line in <head> section of your web page:
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>You still don't see MountVacation's DMC widget on your webpage's url?
Please, drop us an email and our IT team will do it's best to help you ;)
You can integrate Mountvacation.com reservation app as iFrame without custom widget.
MountVacation's DMC widget need element (placeholder) in your web page to to place the visual part of the application.
Div element with an id mv-dmc-results-holder <div id="mv-dmc-results-holder"></div> defines where you want Search Results to appear. E.g.: facilities with images & book button. This holder is best to place it in fully width part of your webpage. Place it in your html template.
You've received DMC ID to email address you provided in the contract. Replace it with the stars in code below.
If you prefere widget in other language than English (en) you also need to change the language part of the string ...-en.js.
We are offering widget in following 8 languages:
Copy the code below to the clipboard & paste it in <head> section or just above your closing </body> tag of your web site.
<script type="text/javascript">
var mvShowOnlyIframe = true;
</script>
<script src="http://widgets.mountvacationmedia.com/dmc/****-widget-en.js"></script>