Download plugin code
- Kopieer plugin code 1 (script) en plaats deze in je zoek en boek pagina
- Plaats bij BookingPluginObj.ApiKey de api key die je hebt ontvangen van Denk Digitaal
- Maak een nieuwe pagina en stel deze in op volledige breedte 100%
- Kopieer plugin code 2 (script) en plaats deze in je nieuwe pagina
- Kopieer de URL van je nieuwe pagina
- Ga terug naar je zoek en boek pagina
- Verwijder https://demo.recronizer.nl/zoek-en-boek-resultaat/ uit het script en plaats hier de URL van je nieuwe pagina
- Pas eventueel de kleurcodes aan in het script op beide pagina’
<script src=”https://recronizer.com/Scripts/RecronizerBooking_v1.js” ></script>
<div id=”divBookingPlugin”></div>
<script type=”text/javascript”>
(function () {
//This is the post function,inside this you can write whatever UI,CSS related changes you want to do
function postExecutionFunction()
{
jQuery(‘#recroBookingMain #btnReservation’).attr(‘style’, ‘display:none !important’);
jQuery(‘#recroBookingMain #btnReservation’).removeClass(“bk-btn”);
jQuery(‘#recroBookingMain #btnInPageNext’).attr(‘style’, ‘display:block !important’);
jQuery(‘#recroBookingMain #btnInPageNext’).addClass(“bk-btn”);
}
var BookingPluginObj = {};
BookingPluginObj.ApiKey = “QQ_M1e_-SJ-2nMLUbDgrKQwsNo4iTvtmyF48_NkQ”;
BookingPluginObj.Language = “nl”;
BookingPluginObj.OrderType = “”;
BookingPluginObj.FilterObjectTypeId = “”;
BookingPluginObj.DisplayObjectTypeId = “”;
BookingPluginObj.ObjectId = “”;
BookingPluginObj.Version = “obj”;
BookingPluginObj.MainBookingURL = “https://demo.recronizer.nl/zoek-en-boek-resultaat/”;
BookingPluginObj.GoogleAnalyticsKey = “”;
BookingPluginObj.PackageId = “”;
BookingPluginObj.CustomPeriod = “”;
BookingPluginObj.ThankYouPageURL = “”;
BookingPluginObj.ShowOnlinePaymentButton = “”;
BookingPluginObj.HideSalutation = “”;
BookingPluginObj.CustomFilterType = “filter”;//Value=”filter” ,your above version property must have value ‘obj’ (Version = “obj”), if you provide value then do not pass “FilterObjectTypeId” and “DisplayObjectTypeId”
BookingPluginObj.ShowImageGallery = “”;
BookingPluginObj.ShowDescription = “”;
BookingPluginObj.InitialColorCode = “#3c8dbc”;
BookingPluginObj.ButtonColorCode = “#F39200”;
BookingPluginObj.ButtonHoverColorCode = “#e26e0e”;
BookingPluginObj.PriceColorCode = “”;
BookingPluginObj.FooterBackgroundColorCode= “”;
BookingPluginObj.FooterPriceTextColorCode= “”;
BookingPluginObj.FooterButtonTextColorCode= “”;
BookingPluginObj.FooterButtonHoverTextColorCode= “”;
BookingPluginObj.FooterButtonBackgroundColorCode= “”;
BookingPluginObj.FooterButtonHoverBackgroundColorCode= “”;
BookingPluginObj.FooterReservationButtonTextColorCode= “”;
BookingPluginObj.FooterReservationButtonHoverTextColorCode= “”;
BookingPluginObj.FooterReservationButtonBackgroundColorCode= “”;
BookingPluginObj.FooterReservationButtonHoverBackgroundColorCode= “”;
BookingPluginObj.FooterQuestionMarkBackgroundColorCode = “”;
//if you want to make OBJ work as inpage add below line function,otherwise remove it
//if you want to make any color code changes then write that code inside function
BookingPluginObj.Postfunction = postExecutionFunction
initRecroBooking(BookingPluginObj);
})();
</script>
<script src=”https://recronizer.com/Scripts/RecronizerBooking_v1.js” ></script>
<div id=”divBookingPlugin”></div>
<script type=”text/javascript”>
(function () {
//This is the post function,inside this you can write whatever UI,CSS related changes you want to do
function postExecutionFunction()
{
jQuery(‘#recroBookingMain #btnReservation’).attr(‘style’, ‘display:none !important’);
jQuery(‘#recroBookingMain #btnReservation’).removeClass(“bk-btn”);
jQuery(‘#recroBookingMain #btnInPageNext’).attr(‘style’, ‘display:block !important’);
jQuery(‘#recroBookingMain #btnInPageNext’).addClass(“bk-btn”);
}
var BookingPluginObj = {};
BookingPluginObj.ApiKey = “QQ_M1e_-SJ-2nMLUbDgrKQwsNo4iTvtmyF48_NkQ”;
BookingPluginObj.Language = “nl”;
BookingPluginObj.OrderType = “”;
BookingPluginObj.FilterObjectTypeId = “”;
BookingPluginObj.DisplayObjectTypeId = “”;
BookingPluginObj.ObjectId = “”;
BookingPluginObj.Version = “obj”;
BookingPluginObj.MainBookingURL = “”;
BookingPluginObj.GoogleAnalyticsKey = “”;
BookingPluginObj.PackageId = “”;
BookingPluginObj.CustomPeriod = “”;
BookingPluginObj.ThankYouPageURL = “”;
BookingPluginObj.ShowOnlinePaymentButton = “”;
BookingPluginObj.HideSalutation = “”;
BookingPluginObj.CustomFilterType = “filter”;//Value=”filter” ,your above version property must have value ‘obj’ (Version = “obj”), if you provide value then do not pass “FilterObjectTypeId” and “DisplayObjectTypeId”
BookingPluginObj.ShowImageGallery = “”;
BookingPluginObj.ShowDescription = “”;
BookingPluginObj.InitialColorCode = “#3c8dbc”;
BookingPluginObj.ButtonColorCode = “#F39200”;
BookingPluginObj.ButtonHoverColorCode = “#e26e0e”;
BookingPluginObj.PriceColorCode = “”;
BookingPluginObj.FooterBackgroundColorCode= “”;
BookingPluginObj.FooterPriceTextColorCode= “”;
BookingPluginObj.FooterButtonTextColorCode= “”;
BookingPluginObj.FooterButtonHoverTextColorCode= “”;
BookingPluginObj.FooterButtonBackgroundColorCode= “”;
BookingPluginObj.FooterButtonHoverBackgroundColorCode= “”;
BookingPluginObj.FooterReservationButtonTextColorCode= “”;
BookingPluginObj.FooterReservationButtonHoverTextColorCode= “”;
BookingPluginObj.FooterReservationButtonBackgroundColorCode= “”;
BookingPluginObj.FooterReservationButtonHoverBackgroundColorCode= “”;
BookingPluginObj.FooterQuestionMarkBackgroundColorCode = “”;
//if you want to make OBJ work as inpage add below line function,otherwise remove it
//if you want to make any color code changes then write that code inside function
//BookingPluginObj.Postfunction = postExecutionFunction//
initRecroBooking(BookingPluginObj);
})();
</script>