omnivo

<blockquote>
<a href="https://pluginjungle.com/downloads/booking-calendar/" rel="nofollow ugc">Omnivo Booking Calendar</a> | <a href="https://wordpress.org/support/plugin/hbook/">Support Forum</a> | <a href="https://pluginjungle.com/contact/" rel="nofollow ugc">Contact US</a>
</blockquote>
Omnivo is here to provide a range of tools within the calendar plugin. Weather you are looking for calendar for your events or booking calendar, Omnivo is the best plugin for both cases.
After installing the plugin on your WordPress website, you should be able to create and publish your first event in just a few minutes.
What you get is a fully customizable booking calendar for displaying your company’s events and tickets.
You are able to:
<ul>
<li>Create events from dashboard</li>
<li>Create Event Categories</li>
<li>Customize booking calendar colors</li>
<li>Import events from Google Calendar</li>
<li>Export Booking Calendar</li>
<li>Send booking calendar confirmation to your clients </li>
</ul>
To start using booking calendar plugin you need to upload and activate the plugin in your WordPress repository. The plugin will appear on your dashboard with several sections.
For starters, go to the events section and create event categories for booking calendar.This section allows to categorize your events and provide your visitors a better experience. Also build columns for the calendar to feature the events in the selected columns of your booking calendar.
Next create event pages and add new events to booking calendar. You can add them manually from events section or import (Google Calendar) from Calendar section. For the latter you will need to add your Google calendar ID to your Booking Calendar.
To display all the events you will need to go to the calendar section, here you can all the important configurations of your booking calendar:
<ul>
<li>Shortcode Generator,</li>
<li>Event Post Type,</li>
<li>Email Configurations,</li>
<li>Google Calendar options,</li>
</ul>
After creating categories, columns and events go to booking calendar’s shortcode section to combine all these events in one calendar. Here you are able to work on main configurations, change colors, set booking options and add custom CSS.
Booking Calendar Shortcode Main Configurations:
<ul>
<li>Choose between the Booking Calendar events to display by holding the Ctrl/Command button</li>
<li>Choose the event category and hour categories</li>
<li>Select hour measure for event hours</li>
<li>Choose a filter style</li>
</ul>
<ol>
<li>Dropdown List</li>
<li>Tabs</li>
</ol>
<ul>
<li>Choose a filter kind and filter booking calendar’s events by:</li>
</ul>
<ol>
<li>Event</li>
<li>Event Category</li>
<li>By Event and Event Category</li>
</ol>
<ul>
<li>Create Filter Label</li>
<li>Choose between 5 Event block layout types for your booking calendar</li>
<li>Choose between tyme formats or create a custom time format</li>
<li>Align the booking calendar’s text</li>
<li>Give your booking calendar an ID</li>
<li>Specify timetable row height in pixels.</li>
<li>Make your booking calendar responsive with a simple click</li>
<li>Specify if you want do display description in mobile mode </li>
<li>Change generate PDF label if needed</li>
<li>Choose between PDF fonts</li>
</ul>
<ol>
<li>Lato</li>
<li>Dejavu Sans</li>
</ol>
And many other options to hide or display some field in your booking calendar.
Change colors for a better view of booking calendar plugin. You are able to change colors of:
<ul>
<li>Calendar box background and hover background</li>
<li>Calendar box text and hover text</li>
<li>Calendar box hours text and hover text</li>
<li>Filter control background </li>
<li>Booking calendar row 1 and row 2 style background</li>
<li>PDF button text and button background </li>
<li>PDF button hover text and hover background </li>
<li>Booking button text and background</li>
<li>Booking button hover text and background</li>
<li>Booked button text and background </li>
<li>Unavailable button text and background</li>
<li>Booking clandar’s available Slots</li>
</ul>
Select Fonts for your booking calendar:
<ul>
<li>Just write Font name in the empty field for booking calendar font</li>
<li>Choose the Font size in pixels</li>
</ul>
Go to booking section to make changes on booking options.
<ul>
<li>Specify if the ‘Book now’ button should be displayed.</li>
<li>Specify if the ‘available slots’ information should be displayed.</li>
<li>Specify text label for ‘slot available’ information singular and plural </li>
<li>Choose a default booking view for the Booking Calendar</li>
</ul>
<ol>
<li>User</li>
<li>Guest</li>
</ol>
<ul>
<li>Allow/disallow guest booking option</li>
<li>Generate booking calendar’s booking and booked labels</li>
<li>Select a label for unavailable bookings</li>
<li>Select Popup booking label of the booking calendar</li>
<li>Choose popup login, continue and cancel labels</li>
<li>Allow/disallow showing the terms and conditions checkbox</li>
<li>Write a message for terms and conditions checkbox</li>
<li>Write a booking popup message for the booking calendar </li>
<li>Customize the popup message with HTML coding</li>
<li>Write a booking popup thank you message for the booking calendar in HTML</li>
</ul>
Go to Booking calendar Email configurations and specify:
<ul>
<li>The admin name</li>
<li>The admin email</li>
<li>The email subject</li>
<li>The message with HTML</li>
</ul>
Also you may enable or disable debug options and customize Admin SMTP settings if needed.
When you have an event bookings go to Calendar bookings section to view or export the bookings.
Besides this valuable functionalities that you get with the plugin, you will also get best plugin support and the most requested updates.

Booking Calendar – Event Calendar

Create or Import events to demonstrate on your WordPress website. Booking Calendar has all required…

codepeople

The Calendar Event Multi View is an event calendar for WordPress websites that features multiple visualization modes and multiple predefined styles.
<h4>Features:</h4>
<ul>
<li>Classic month view (like Google Calendar)</li>
<li>Multi-month view (show a configurable number of months at once)</li>
<li>Day view</li>
<li>Week view</li>
<li>Multiple configurations for the views, the same view can be used in a very different way</li>
<li>Allows multiple views for the same event calendar on the same page</li>
<li>Configurable start day of the week</li>
<li>Can be setup to edit the events from the public website</li>
<li>You can select which button show/display (ex: navigation buttons, refresh button, others…)</li>
<li>The event calendar information can be displayed in many ways: Title + tooltip on mouse over or Title + tooltip on mouse click</li>
<li>Events can have a location and an extended rich text description</li>
<li>Multiple selectable colors to highlight events in the calendar</li>
<li>Events can be linked to other pages.</li>
<li>Can display images directly on the calendar cells</li>
<li>Can be easily published in a page or post by using its shortcode or visual publish button</li>
<li>Can be setup to use a 12 or 24 hour clock.</li>
<li>Can be setup to display only the weekdays needed</li>
<li>Fast Ajax load for the events data</li>
<li>Recurring events / repeat events like Google Calendar</li>
</ul>
You can see 20 sample visualization modes and an online demo at: https://wordpress.dwbooster.com/calendars/cp-multi-view-calendar
Languages Included in the Calendar
<ul>
<li>Czech</li>
<li>Danish</li>
<li>Dutch</li>
<li>English</li>
<li>French</li>
<li>German</li>
<li>Italian</li>
<li>Norwegian</li>
<li>Polish</li>
<li>Portuguese</li>
<li>Russian</li>
<li>Slovak</li>
<li>Slovenian</li>
<li>Spanish</li>
</ul>
If your language is not listed here feel free to open a support ticket and it will be added asap.
Update note
New: The latest update features a new interface for easily editing a previously inserted event calendar views and preview buttons for a faster verification of how they will look in the website.
<h4>Import / Export events using iCal</h4>
The option to import events from iCal files and export the calendar events to iCal files is currently available in the Platinum version of the plugin (commercial version). The iCal / .ics files supported are compatible with the Google Calendar iCal format.
<h4>Settings in the insertion area</h4>
To insert the calendar form into some content or post use the insertion area that will appear below the editor when editing contents. It looks like the following image:
https://wordpress.dwbooster.com/UserFiles/Image/cp-multiview-calendar/insert-calendar.png
The fields on the event calendar insertion area (shown in the above image) are the following:
<ul>
<li>MultiCalendar: Which of the calendars will be shown.</li>
<li>Calendar Views: The views that will be included in the event calendar.</li>
<li>Default View: Which of the calendar views will appear as default.</li>
<li>Start day of the week: The start day of the week (Ex: Sunday, Monday, …).</li>
<li>CSS Style: Select one of the CSS styles available to render the calendar.</li>
<li>Palette Color: The palette color used for the events in the calendar.</li>
<li>Allow edition: Check this box if the event calendar will allow edition on the public website.</li>
<li>Other buttons: Select the buttons that will be displayed on the top of the calendar.</li>
<li>Number of Months for nMonths View: Number of months shown at the same time in the nMonths View.</li>
<li>Other parameters for nMonths View: Other parameters for the nMonths View (more info below).</li>
<li>Other parameters: Other parameters that apply to all calendar views (more info below).</li>
</ul>
<h4>Adding custom parameters</h4>
The additional parameters should be added into the “Other Parameters” box in the event calendar insertion area. These parameters must be comma separated and will overwrite the initial configuration selected for the event calendar.
The “Other Parameters” box can be found in the following location (click to enlarge image): https://wordpress.dwbooster.com/demos/multi-view/screenshots/additional-parameters.png
<h4>Adding custom CSS Styles</h4>
The custom CSS styles can be added into the “Customization area >> Add Custom Styles” (at the bottom of the page that contains the list of calendars).
<h4>Sample calendar views</h4>
The following area some sample views. You can apply or mix configurations to get your own calendar views in addition to the following samples:
<ol>
<li>
View day only: Event calendar configured with the “day” view option only, the “Default View” should be “day”. The views “Week”, “Month”, “nMonth” should be unchecked. To fix the height, just add (for example) the parameter “height:400”. Sample: https://wordpress.dwbooster.com/demos/multi-view/01-view-day-only.html
</li>
<li>
View week only: Event calendar configured with the view week option only; the “Week” view should be enabled and the default view should be “week”. The views “Day”, “Month” and “nMonth” should be disabled. To fix the height, just add (for example) the parameter “height:400”. Sample: https://wordpress.dwbooster.com/demos/multi-view/02-view-week-only.html
</li>
<li>
View month only: Event calendar configured with the view month option only. To get this enable the “Month” view and set the default view to “month”. The views “Day”, “Week” and “nMonth” should be unchecked. To fix the height, just add (for example) the parameter “height:400”. Sample: https://wordpress.dwbooster.com/demos/multi-view/03-view-month-only.html
</li>
<li>
View n-Months only: Event calendar configured with the view n-Months option only. This can be done by setting the amount of months to display in the event calendar to 12, enable only the “n-Month” view and setting the “Default View” to “nMonth”. All the other views and buttons should be unchecked. In the styles for this sample we have selected to fix the calendar width. Sample: https://wordpress.dwbooster.com/demos/multi-view/04-view-n-months-only.html
</li>
<li>
Small event calendar: You can configure the calendar just like a single small event calendar. This can be done by selecting the n-Months view and setting the “Number of Months for nMonths View” dropdown select box to 1. Sample: https://wordpress.dwbooster.com/demos/multi-view/05-small-calendar.html
</li>
<li>
n-Month view, only one month, large view: Event calendar with the n-Month view configured to display a single month in a large view. To get this result enable only the “n-Month” view and add the styles specified in the following sample page: https://wordpress.dwbooster.com/demos/multi-view/06-one-month-large-view.html
</li>
<li>
n-Month view with 2 months using all the width: To get this result in the calendar enable only the “n-Month” view, set the “Number of Months for nMonths View” dropdown select box to 2 and add the styles specified in the following sample page to fix the width of both the event calendar area and the width of each month: https://wordpress.dwbooster.com/demos/multi-view/07-two-months-using-all-the-width.html
</li>
<li>
n-Month view, 3 months with vertical align: The first settings needed to get this calendar configuration is to enable only the “n-Month” view and set the “Number of Months for nMonths View” dropdown select box to show 3 months. After that proceed to add some CSS styles to fix the width to the desired column width. This way you can publish the calendar in the sidebar of your website. Sample: https://wordpress.dwbooster.com/demos/multi-view/08-various-months-with-vertical-align.html
</li>
<li>
Tooltip displayed on month,week and day view: In this event calendar sample, when you click over an event in the calendar, a floating tooltip panel with additional information is displayed. This type of tooltip is available for the month, week and day views. The n-Month view has a different type of tooltip panel. To enable the tooltips, the parameter “showtooltipdwm” must be set to “true” (or enable it by checking the checkbox in the visual configuration). In addition to these parameters, add also the styles mentioned in the following page as instructed: https://wordpress.dwbooster.com/demos/multi-view/09-tooltip-displayed.html
</li>
<li>
Lighter view for events and center align: This calendar sample features the month, week and day views showing the events with a more lighter view: a color border is used instead filled backgrounds and the text is centered. The tooltips are already enabled for this sample; to enable the tooltips you can do that by checking the tooltip checkbox in the visual configuration or just by setting parameter “showtooltipdwm” to “true”, this is also explained in other demos. To get the more lighter view you can add the styles indicated at this page: https://wordpress.dwbooster.com/demos/multi-view/10-lighter-view-center-align.html
</li>
<li>
Multi-line event description: Event calendar that displays a multi-line event description in the month, week and day views, this is useful to display more information directly over the calendar. Only two CSS rules should be added to the styles to get this configuration. It will work with any selection of parameters if you are using one of the mentioned views. Check the detailed instructions at this page: https://wordpress.dwbooster.com/demos/multi-view/11-multi-line-event-description.html
</li>
<li>
Images and HTML formatting in tooltip: The tooltips on the calendar can show images and formatted text. There are some styles that can be used to show/hide/customize the title, location, description and time: these styles are the CSS classes named “bubbletitle”, “bubblelocation”, “bubbledescription” and “bubbletime”. In this sample we have used only the class “bubbletime” to align it at the bottom of the content/image: https://wordpress.dwbooster.com/demos/multi-view/12-images-and-html-formatting-in-tooltip.html
</li>
<li>
Images directly on the calendar cells: You can use this plugin like a picture calendar. The images should be added to the event description and the css rules mentioned in the following page to complete the formatting: https://wordpress.dwbooster.com/demos/multi-view/13-images-directly-on-the-calendar-cells.html
</li>
<li>
Show only from Monday to Friday: In this event sample we have disabled the Saturday and Sunday since this is a common configuration. In the “viewWeekDays” parameter, each number in the array represents a weekday from Sunday to Saturday. An zero means that the weekday is disabled (not shown) and a 1 means that the day is enabled (shown). Details at: https://wordpress.dwbooster.com/demos/multi-view/14-show-only-from-monday-to-friday.html
</li>
<li>
Using 12 or 24 hour clock: This calendar supports both the 12 and the 24 hour clock (also known as military time). The 24-hour clock is enabled as default; if you prefer to use the 12-hour clock then just set the parameter “militaryTime” to “false”. Sample: https://wordpress.dwbooster.com/demos/multi-view/15-using-12-or-24-hour-clock.html
</li>
<li>
Showing the n-Days view: With this event calendar view you can display many days in a view similar to the single day view. First you should enable the “nDays” view and then set the number of days to view on each calendar page. The parameters are viewNDays:true for enabling the view, numberOfDays:10 for setting the number of days and viewdefault:”nDays” to make it the default view if needed. Sample: https://wordpress.dwbooster.com/demos/multi-view/16-n-days-view.html
</li>
<li>
Selecting hours to be shown: In some applications you may want to select only some hours to be shown in the event calendar, for example working hours. In the “Days”, “nDays” and “Week” views you can select the range of hours to be shown be setting the start and end hours. Three parameters must be specified for this: the start hour hoursStart:8, the end hour hoursEnd:17 and the height of a single hour cell cellheight:60. Hours are in military time, so 17 means 5:00pm. Sample: https://wordpress.dwbooster.com/demos/multi-view/17-selecting-hours-to-be-shown.html
</li>
<li>
Using drop-down lists for location and title: The location and title that are part of each event’s description in the calendar are open/editable fields by default but you can convert them in drop-down lists to make them easier to edit and keep the data consistency. Sample and detailed instructions: https://wordpress.dwbooster.com/demos/multi-view/18-lists-for-location-and-title.html
</li>
<li>
Multi-column day view, location or title: In this event calendar sample the location and title have been converted in drop-down lists as explained in the previous sample #18. In addition to that now we have selected to use the “title” field as the column header in the day view, this way the events are placed in different columns agrupated by their titles. The same can be done with the location instead the title. Sample and detailed instructions: https://wordpress.dwbooster.com/demos/multi-view/19-multi-column-day-view.html
</li>
<li>
Day view with location & title grid: The event calendar day view can be modified to show the title and location as headers of the rows and column instead the default single columns and the hour in the row header. This is useful to display informations agrupated by title and location on each day. Sample and detailed instructions: https://wordpress.dwbooster.com/demos/multi-view/20-day-view-with-location-title-grid.html
</li>
</ol>

CP Multi View Event Calendar

Event calendar for WordPress websites that features multiple visualization modes.

Booking Calendar – Event Calendar vs CP Multi View Event Calendar