Zoek & Boek Plugin

Download plugin code

  1. Kopieer plugin code 1 (script) en plaats deze in je zoek en boek pagina
  2. Plaats bij BookingPluginObj.ApiKey de api key die je hebt ontvangen van Denk Digitaal
  3. Maak een nieuwe pagina en stel deze in op volledige breedte 100%
  4. Kopieer plugin code 2 (script) en plaats deze in je nieuwe pagina
  5. Kopieer de URL van je nieuwe pagina
  6. Ga terug naar je zoek en boek pagina
  7. Verwijder https://demo.recronizer.nl/zoek-en-boek-resultaat/ uit het script en plaats hier de URL van je nieuwe pagina
  8. 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>