Plugin / BookingBug Online Booking & Appointment Widget

Installation

There are two methods of installation, depending on your set-up. The first one is more straightforward, but if this does not work, then please try the second method.

Method 1 : Installation through WordPress control panel.

1. Log into your WordPress account using the administrator’s username and password.
2. Click Plugins > Add New from the left menu.
3. At the top right corner of your page, click Install Plugins.
4. This will take you to a search page. In the search box, type ‘bookingbug’ and click Search Plugins.
5. The BookingBug plugin should then appear at the top of the list. Click Install on the right-hand side.
6. When this plugin has installed, you will need to click Activate to activate this plugin.

Method 2 : Downloading the PHP plugin file

1. In your BookingBug account, navigate to Publish > WordPress Plugin
2. Click the Download PHP plugin and download the attached zipped plugin
3. Log into your WordPress account using the administrator’s username and password.
4. Click Plugins > Add New from the left menu.
5. Click Upload a new plugin and browse to your downloaded plugin
6. Click Activate at the bottom of the plugin.
7. Your now ready to integrate your BookingBug widget in your WordPress site

BookingBug Sidebar Widgets

To place your installed plugin into the sidebar as a widget:

1. Log into your WordPress site account
2. Click Appearance > Widgets from the left menu
3. The BookingBug widget should now be under Available Widgets if it has installed successfully. You can now 1. click and drag the widget to the right to where you would like to place it under Sidebar.
4. Log into your BookingBug account. Copy the BookingBug ID code from the top-right corner of the page.
5. Back on the WordPress page, under BookingBug ID, paste the BookingBug ID you had just copied. You can also 1. change the title of your widget here.
6. Click Save.

You can also chose to use a widget for just a single service instead of your entire calendar. You can find this option in your BookingBug account under Publish > Single Widgets.

Usage in a post

In any post or static page on your blog, you can use the shortcode to directly embed a BookingBug widget in your site:
1. Log into your BookingBug account
1. Under Publish, you can either choose either Customize Widgets or Single Widgets. You will then find a Show WordPress Shortcode button, which will then generate a pre-built shortcode for your blog, customized to your style and design

The basic parameters are :

• id=’xxx’ – Your BookingBug ID (as displayed in the top right corner when logged into BookingBug) or with widget id of a single service that you offer under Publish->Single Widgets in BookingBug
• palette=’yyy’ – An optional Palette. Create and save a palette under ‘smart widgets’ and use the palette name to skin your widget to your site

• style=’large’ – A style of widget, the options are :

  • “large” : A large 730 * 570 widget for a full screen entry
  • “medium” : A narrower 570 * 570 widget
  • “medium-small” : A 440 * 570 widget – fits in most blogs
  • “small” : A very small 180 * 240 widget for sidebars
  • “wide” : A wide, but not very high widget that is 730 * 240

e.g.
[bookingbug id=’ukw12345′ palette=’custom’ style=’medium-small’]