Konnectio Core Frontend Integration.
FreshBooking for Octopus PMS in the same way you'd install any other plugin.
[konnectio-availability]
`
You can add custom properties to the availability shortcode like so:
`
[konnectio-availability panel-padding="24px"]
`
The availability shortcode supports the following properties (the default property settings are listed in the right side of the arrows):
`js
[
'accent-color' => '#e7c55e',
'button-background' => '#e7c55e',
'button-border' => null,
'button-border-radius' => '4px',
'button-color' => '#000000',
'button-font-family' => 'inherit',
'button-font-size' => '14px',
'button-font-weight' => '400',
'button-text-transform' => 'uppercase',
'font-color' => '#666',
'font-family' => 'inherit',
'font-size' => '18px',
'header-color' => '#000000',
'header-font-size' => '42px',
'input-background' => '#fff',
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
'input-border-radius' => '0px',
'label-font-weight' => 'bold',
'label-padding' => '6px',
'panel-background' => 'rgba(255, 255, 255, 0.8)',
'panel-border' => null,
'panel-border-radius' => '8px',
'panel-padding' => '24px'
]
`
$3
The hotel shortcode can be inserted anywhere on the wordpress site using the following name:
`
[konnectio-hotel]
`
The hotel shortcode supports the following properties:
`js
[
'accent-color' => '#e7c55e',
'button-background' => '#e7c55e',
'button-border-radius' => '4px',
'button-border' => null,
'button-color' => '#000000',
'button-font-family' => 'inherit',
'button-font-size' => '14px',
'button-font-weight' => '400',
'button-text-transform' => 'uppercase',
'danger-color' => '#afa997',
'font-color' => '#666',
'font-family' => 'inherit',
'font-size' => '18px',
'gray-color' => 'grey',
'header-color' => '#000000',
'header-layout' => 'default',
'input-background' => '#ffffff',
'input-border-radius' => '0px',
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
'label-font-weight' => 'bold',
'label-padding' => '6px',
'layout' => 'selective',
'loading-color' => '#666',
'packages-title-max-lines' => '1',
'panel-background' => '#ffffff',
'panel-border-radius' => '8px',
'panel-border' => null,
'panel-padding' => '24px',
'success-color' => '#e7c55e'
]
`
$3
The gift card shortcode can be inserted anywhere on the wordpress site using the following name:
`
[konnectio-gift-card]
`
The gift card shortcode supports the following properties:
`js
[
'accent-color' => '#e7c55e',
'button-background' => '#e7c55e',
'button-border' => null,
'button-border-radius' => '4px',
'button-color' => '#000000',
'button-font-family' => 'inherit',
'button-font-size' => '14px',
'button-text-transform' => 'uppercase',
'button-font-weight' => '400',
'font-color' => '#666',
'font-family' => 'inherit',
'font-size' => '18px',
'font-weight' => '400',
'gray-color' => 'grey',
'header-color' => '#000000',
'header-font-size' => '32px',
'input-background' => '#ffffff',
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
'input-border-radius' => '0px',
'label-font-weight' => 'bold',
'label-padding' => '6px',
'loading-color' => '#666',
'panel-background' => '#ffffff',
'panel-border' => null,
'panel-border-radius' => '8px',
'panel-padding' => '24px',
'place-type' => '0',
'success-color' => '#e7c55e'
]
`
$3
The gift card validation shortcode can be inserted anywhere on the wordpress site using the following name:
`
[konnectio-gift-card-validation]
`
The gift card validation shortcode supports the following properties:
`js
[
'accent-color' => '#e7c55e',
'button-background' => '#e7c55e',
'button-border' => null,
'button-border-radius' => '4px',
'button-color' => '#000000',
'button-font-family' => 'inherit',
'button-font-size' => '14px',
'button-text-transform' => 'uppercase',
'button-font-weight' => '400',
'font-color' => '#666',
'font-family' => 'inherit',
'font-size' => '18px',
'font-weight' => '400',
'gray-color' => 'grey',
'header-color' => '#000000',
'header-font-size' => '32px',
'input-background' => '#ffffff',
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
'input-border-radius' => '0px',
'label-font-weight' => 'bold',
'label-padding' => '6px',
'loading-color' => '#666',
'panel-background' => '#ffffff',
'panel-border' => null,
'panel-border-radius' => '8px',
'panel-padding' => '24px'
]
`
$3
The event shortcode can be inserted anywhere on the wordpress site using the following name:
`
[konnectio-event]
`
The event validation shortcode supports the following properties:
`js
[
'accent-color' => '#e7c55e',
'button-background' => '#e7c55e',
'button-border-radius' => '4px',
'button-border' => null,
'button-color' => '#000000',
'button-font-family' => 'inherit',
'button-font-size' => '14px',
'button-font-weight' => '400',
'button-text-transform' => 'uppercase',
'danger-color' => '#afa997',
'font-color' => '#666',
'font-family' => 'inherit',
'font-size' => '18px',
'gray-color' => 'grey',
'header-color' => '#000000',
'input-background' => '#ffffff',
'input-border-radius' => '0px',
'input-border' => '1px solid rgba(0, 0, 0, 0.15)',
'label-font-weight' => 'bold',
'label-padding' => '6px',
'loading-color' => '#666',
'panel-background' => '#ffffff',
'panel-border-radius' => '8px',
'panel-border' => null,
'panel-padding' => '24px',
'success-color' => '#e7c55e'
]
`
Configuration
The FreshBooking WordPress plugin can be configured from the FreshBooking` page within the WordPress administration panel.