Sett opp hjemmesiden din til å kunne bruke Bilberry Widgets.
<head></head> på toppen av siden din. Denne trengs på alle sider hvor
widgets benyttes.
<script type="text/javascript">
window.BilberryWidgetsGlobal = window.BilberryWidgetsGlobal || {};
window.BilberryWidgetsGlobal.bilberryAccessToken = '<>';
window.BilberryWidgetsGlobal.termsUrl = 'https://dittdomene.no/terms';
window.BilberryWidgetsGlobal.privacyUrl = 'https://dittdomene.no/privacy';
window.BilberryWidgetsGlobal.bilberryBaseApiUrl = 'https://dinbilberry.bilberry.app';
window.BilberryWidgetsGlobal.enableExtras = true;
window.BilberryWidgetsGlobal.quickCheckout = true;
</script>
<script type="module" src="https://data.kraftlauget.no/kraftlauget/bilberry-booking/vendor.bilberry-booking.v3.js"></script>
<script type="module" src="https://data.kraftlauget.no/kraftlauget/bilberry-booking/index.bilberry-booking.v3.js"></script>
Fonter, farger og størrelser kan skreddersys slik at de passer til din profil.
<script type="text/javascript">
window.BilberryCustomTheme = {
accommodationSearchFormColor: '#6a43f9',
accommodationSearchFormColorContrast: '#FFFFFF',
accommodationSearchFormInputColor: '#FFFFFF',
accommodationSearchFormInputTextColor: '#000000',
bookingWidgetColor: '#6a43f9',
bookingWidgetColorContrast: '#FFFFFF',
bookingWidgetPrimaryColor: '#FFFFFF',
bookingWidgetInputColor: '#FFFFFF',
bookingWidgetInputTextColor: '#000000',
bookingSearchFormColor: '#6a43f9',
bookingSearchFormColorContrast: '#FFFFFF',
bookingSearchFormInputColor: '#FFFFFF',
bookingSearchFormInputTextColor: '#000000',
bookingButtonColor: '#6a43f9',
bookingButtonTextColor: '#FFFFFF',
bookingButtonStyle: 'contained',
basketIconColor: '#6a43f9',
basketIconTextColor: '#FFFFFF',
basketIconBorderColor: '#FFFFFF',
checkoutHeaderColor: '#f3f3f3',
checkoutHeaderColorContrast: '#000',
checkoutHeaderPrimaryColor: '#6a43f9',
productCardColor: '#F3F3F3',
productCardTextColor: '#000000',
productCardPrimaryColor: '#16017f',
productCardPrimaryColorContrast: '#FFFFFF',
productCardAccentColor: '#6a43f9',
productCardAccentColorContrast: '#FFFFFF',
productCardIconColor: '#16017f',
productListPadding: 16,
productOverviewPadding: 16,
inputFieldTextColor: '#000',
inputFieldLabelColor: '#000',
inputFieldBorderColor: '#000',
primaryColor: '#6a43f9',
primaryColorContrast: '#FFFFFF',
primaryButtonStyle: 'contained',
secondaryColor: '#16017f',
secondaryColorContrast: '#FFF',
secondaryButtonStyle: 'contained',
lightestGrey: '#F3F3F3',
fontFamily: '"Helvetica", "Arial", sans-serif',
fontSize: 14,
borderRadius: 4,
imageShadow: false,
h1Color: '#000',
h1Size: '48px',
h1Font: '"Helvetica", "Arial", sans-serif',
h1FontWeight: 700,
h2Color: '#000',
h2Size: '38px',
h2Font: '"Helvetica", "Arial", sans-serif',
h2FontWeight: 700,
h3Color: '#000',
h3Size: '24px',
h3Font: '"Helvetica", "Arial", sans-serif',
h3FontWeight: 500,
h4Color: '#000',
h4Size: '22px',
h4Font: '"Helvetica", "Arial", sans-serif',
h4FontWeight: 400,
h5Color: '#000',
h5Size: '1.25rem',
h5Font: '"Helvetica", "Arial", sans-serif',
h5FontWeight: 700,
h6Color: '#000',
h6Size: '1rem',
h6Font: '"Helvetica", "Arial", sans-serif',
h6FontWeight: 700,
bodyColor: '#000',
bodySize: '1rem',
bodyFont: '"Arial", sans-serif',
bodyFontWeight: 400,
linkColor: '#6a43f9',
iconUrl: 'https://example.com/images/logo.png',
errorColor: '#f44336',
disableCopyFromContactPerson: false,
linkStyle: 'underline',
navigationTabFontSize: 18,
navigationTabBorderBottom: '2px solid rgb(124, 135, 142)',
buttonFontSize: 18,
buttonFontWeight: 400,
outlinedButtonBorderWidth: 2,
containedButtonLeftRightPadding: 24,
outlinedButtonLeftRightPadding: 24,
bookingWidgetSecondaryButtonColor: '#ffffff',
};
</script>