Button example for simply forwarding URL parameters on to next page without adding any new parameters. Used on /resorts index page when selecting the resort they'd like to stay at.
<div class="centerbuttons">
<a class="ClaimOfferOL offerbutton brz-btn" href="https://www.westgatepromotions.com/orlandolakes/">Activate Discount</a>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Get the button element
var button = document.querySelector(".ClaimOfferOL");
// Get the current URL query string
var queryString = window.location.search;
// If there are query parameters in the URL
if (queryString) {
// Update the button's href attribute to include the query string
button.href += queryString;
}
});
</script>
Button example for forwarding URL parameters on to next page AND adding new parameters. Used at the bottom of the resort landing pages when selecting the package they'd like to purchase ($149 or $249). This button can add a resort parameter to forward the specific resort to the checkout page/form, as well as the package (either $149/$249 package).
<div class="centerbuttons">
<a class="ClaimOfferOL149 offerbutton brz-btn" href="https://www.westgatepromotions.com/checkout/">RESERVE NOW</a>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Get the button element
var button = document.querySelector(".ClaimOfferOL149");
// Get the current URL query string
var queryString = window.location.search;
// Additional custom parameter
var additionalParam = "&desprice=167.62&deswotaxes=149&desnights=2&desname=ORLANDO&deshotel=204&desroom=CE%201%20BDRM%20STD%20(52)"; // Modify this line as needed
// If there are query parameters in the URL
if (queryString) {
// Update the button's href attribute to include the query string
button.href += queryString + additionalParam;
} else {
// If there are no existing query parameters, just add the custom parameter
button.href += "?" + additionalParam.substr(1); // Remove the leading "&"
}
});
</script>
.offerbutton {
color: rgba(var(--brz-global-color7), 1)!important;
border: 5px solid rgba(var(--brz-global-color8), 1)!important;
background-color: rgba(var(--brz-global-color1), 1)!important;
font-family: var(--brz-buttonfontfamily, initial)!important;
font-weight: var(--brz-buttonfontweight, initial)!important;
font-size: var(--brz-buttonfontsize, initial)!important;
line-height: var(--brz-buttonlineheight, initial)!important;
letter-spacing: var(--brz-buttonletterspacing, initial)!important;
flex-flow: row-reverse nowrap!important;
padding: 14px 42px!important;
text-decoration: none!important;
text-transform: uppercase!important;
transition-duration: 0.50s!important;
transition-property: filter, color, background, border-color, box-shadow!important;
transition: background .3s ease,color .3s ease,border-color .3s ease!important;
}
.offerbutton:before {
padding-left:7px;
content: " \279E";
}
.offerbutton:hover {
background-color: rgba(var(--brz-global-color1), 0.8)!important;
}
div.centerbuttons {
text-align:center;
}