Room33

Multipurpose WordPress Theme

Booked Appointments

Booked is a powerful and easy-to-use appointment booking plugin for WordPress.

Create a Profile Page

If you would like your customers to manage their own appointments and edit their profile, you'll want to activate the profile page. It's an easy process though, just follow the guide below:

  1. Create a page and give it a title. Profile works too, but it can be whatever you want it to be.
  2. Add the [booked-login] shortcode to the page so your users can log in to view their profile.
  3. Go to the Booked Settings panel (Appointments > Settings) and choose this new page from the dropdown in the General Settings tab.

Just after installing the Contact Form 7 plugin, you’ll see a default form named Contact form 1 and a code like this:

General Settings
  • profile page
    as described above, you will choose the page you want to use for the profile from this dropdown;
  • time slot intervals
    when creating your default time slots (described below), you can choose the intervals at which you can choose your time slots. Just change it with this dropdown.
User Emails

All emails can be turned off one by one by simply removing the content of the email in the fields. If nothing is there then no email is sent. All emails have special tokens you can use in place of actual content. This content is placed into the email when it gets sent. The tokens are listed above each email form.

  • registration
    this is the email that is sent to your new users, welcoming them to your website;
  • appointment confirmation
    this email is sent to the user when they book an appointment as a confirmation that the appointment has been submitted;
  • appointment approval
    this is the email that is sent to the user when their appointment is approved;
  • appointment cancellation
    this is the email that is sent to the user if their appointment is cancelled by the website admin.
Appointment Creation

The power of Booked is that your customers can pick and choose from available time slots when they would like to book their appointment. However, in some cases the admin needs this power. You can create appointments quickly and easily using the appointment calendar:

  • click Appointments in the admin panel;
  • you will see a big calendar, showing the current month (if the current date is wrong, please make sure the correct time zone is selected from Settings > General);
  • pick the day on which you want to book the appointment;
  • choose a time slot and click the New Appointment button;
  • if this is a current customer, you can simply select them from the user dropdown;
  • if this is a new customer, you can quickly add them as a new user by using the registration fields. The first name and email are the only required fields;
  • when the appointment is booked, the user will get an email welcoming them to the site (with a username/password) as well as an appointment confirmation email. These emails can be customized/turned off from the Booked Settings panel.
Appointment Cancellation

To cancel someone's appointment, simply find the appointment on the calendar and click the × next to their name in the time slot from which you want to remove them.

Shortcode

[booked-calendar year="2016" month="7" calendar="12" switcher="true"]

Default Time Slots

Setting your default time slots is at the heart of the Booked plugin. Each day is assigned to default time slots. For example, if your business is open on Monday – Friday from 8:00am – 4:00pm and you have 2 employees available every hour, you would create 2 times slots every hour from 8–4, Monday – Friday.

Bulk Time Slot Entry

To quickly add a bunch of time slots, you can use the Bulk time slot entry option:

  • click Add at the top of the day you're adding time slots to;
  • switch to the Bulk tab;
  • for the Start time, select 8:00am;
  • for the End time, select 4:00pm;
  • leave the next dropdown as Every 1 hour to set your time slots every hour;
  • choose 2 time slots as the last option, and then click "Add;
  • your available time slots for that day will then be added and your customers can start booking the appointments!
Single Time Slot Entry

Alternatively, you can add a single time slot to any day/time:

  • click at the top of the day you're adding time slots to;
  • choose a Start time and End time and then select how many time slots you want to add;
  • click Add and that time slot entry will be added as a default for that day.

Adding Custom Time Slots

  • go to the Booked Settings panel and then go to the Custom Time Slots tab;
  • click the Add Date(s) button;
  • choose the calendar you want to use (if applicable);
  • choose the Start Date;
  • if this is a one day setting, you can leave the End Date blank. If this is a date range, choose the End Date;
  • to add a single time slot, click the + Single Time Slot button. To bulk add time slots, click the + Bulk Time Slots button;
  • for single time slots, you'll choose how many available appointments for this time slot and then you'll choose the start and end times. Alternatively, you can check the All day checkbox to make this an all day time slot;
  • to add bulk time slots, choose how many available appointments there are, choose a start and end time for the entire span of your day, choose the time between each slot if you need a 10 minute break for example. Then choose the interval for the time slots to be entered.

For more information, please visit video tutorial.

Adding Vacation/Closed Dates

  • go to the Booked Settings panel and then go to the Custom Time Slots tab;
  • click the Add Date(s) button;
  • choose the calendar you want to use (if applicable);
  • choose the Start Date;
  • if this is a one day setting, you can leave the End Date blank. If this is a date range, choose the End Date;
  • check the Disable appointments checkbox to make this a vacation/closed date.;
  • that's it.
  • For more information, please visit video tutorial.

Cherry Data Importer

This plugin will help you export posts, comments, widgets, settings etc., from one site to another. With a single click of a button the plugin generates an XML file that can be imported to another website.

After the installation the plugin adds a new block - Demo Content where you can export or import the content.

About

Note: The images are not exported separately, they are downloaded from the server during the import.

File Import

To import the content, you need to upload the XML file and press Start Import.

Once the import begins you will see a box with progress bars.

    
About

After the import is complete you can view the site or customize it.

About

File Export

To export the data, you only need to press an Export button and an XML file will be created automatically.

About

Array Structure

XML importer settings. Features:

  • enabled
    enable/disable XML importer;
  • use_upload
    show/hide the files upload form;
  • path
    path to the pre-installed sample-data;
  • import
    import settings;
  • chunk_size
    number of processed items at 1 importing step. The less this number is, the more steps will be during the importing process, and less time will be spent for 1 step. For this reason, it is strongly recommended to reduce this number for the themes with large sample data to avoid problems with importing files on weak servers;
  • remap
    data post-processing settings. Here you need to add keys with posts IDs that can be changed during the import;
  • post_meta
    post metadata settings;
  • term_meta
    terms metadata settings;
  • options
    options.

Export Settings

  • message
    message displayed in the export block;
  • logo
    url of the logo displayed in the export block;
  • options
    options array for the additional export.
  • success links
    associative array of links displayed on successful installation page. Link ID is used as a key. The plugin contains IDs for the homepage and for customizer;
  • label
    link text;
  • type
    type of displayed button (default, primary, success, danger, warning);
  • target
    _balnk, _self;
  • url
    link url.

Cherry Sidebar Manager

This Cherry Sidebar Manager is designed to create custom sidebars with specific sets of widgets and define custom sidebars on pages.

To add a new sidebar, go to the Appearance > Widgets section and click Create a new sidebar.

About
About

Input Sidebar name and Sidebar description. Then click Creating Sidebars

About
About

You can arrange your widgets set in your sidebar by adding the new ones, changing the order of widgets and removing the unused ones.

Avaliable Post Sidebar Areas
About

Cherry Team Members

The plugin Cherry Team Members is specially designed to make it easier for the businesses to display info about their team and personnel. It contains a full set of options and tools that will help adjust the profile in accordance with the skills and the position of the members. Let’s take a closer look at the plugin on the front end.

Menu Settings Screen
  • properties
    here you can see all the available posts;
  • types
    in this section you can create various real estate types;
  • tags
    add proper tags;
  • features
    add all necessary features to the post;
  • settings
    here you can find all the settings for the plugin.

Contact form 7

Contact form 7 plugin can manage multiple contact forms. It also lets you customize the form and the mail contents flexibly with simple markup.

Displaying a Form

Let’s start with displaying a form on your page. First, open the Contact > Contact Forms menu in your WordPress administration panel.

You can manage multiple contact forms there.

About

Just after installing the Contact Form 7 plugin, you’ll see a default form - Contact form 1 and a code like this:

 [contact-form-7 id="2526" title="Contact form 1"] 

Copy this code. Then open (Pages > Edit) of the page where you wish to place the contact form. A popular practice is creating a page named Contact for the contact form page. Paste the code you've copied into the contents of the page.

Now your contact form setup is complete. Your site visitors can now find the form and start submitting messages to you.

Next, let’s see how you can customize your form and mail content.

Customizing a Form

Title for this contact form is just a label for a contact form and is used for administrative purposes only. You can use any title you like, e.g. Job Application Form and so on.

About

In the form you can enter different tag generators. They can be generated automatically.

  • text - form-tag generator for text;
  • email - form-tag generator for email;
  • text - form-tag generator for text;
  • tel - form-tag generator for phone numbers;
  • date - form-tag generator for date input;
  • text area - form-tag generator for text areas;
  • drop-down menu - form-tag generator for drop-down menus;
  • checkboxes - form-tag generator for adding chackboxes;
  • acceptance - form-tag generator for creating acceptance checkbox;
  • quiz - form-tag generator for creating a quiz;
  • reCapthca - form-tag generator for adding a captcha;
  • file - form-tag generator for adding files;
  • submit - form-tag generator for creating submit form.

You can also customize the form content using HTML and form tags. Line breaks and blank lines in this field are automatically formatted with <br/> and <p> HTML tags.

Tag generators (3). By using these tag generators, you can generate form-tags without knowledge of them.

For more information about form-tags, see How Tags Work.

Mail Tab
About

You can edit the mail template for the mail which is sent in response to a form submission. You can use mail-tags in these fields.

An additional mail template is also available. It is called Mail(2) and its content can differ from the primary Mail template.

For more information, see Setting Up Mail page.

Messages Tab
About

You can edit various kinds of messages, including Validation errors occurred, Please fill in the required field, etc.

Make sure that you enter only plain text here.

HTML tags and entities are not allowed in the message fields.

Additional Settings Tab
About

You can add customization code snippets here. For more details, see Contact Form 7.

Power Builder

Power builder is a brand new drag and drop page builder. It allows even non developers to build top-quality and fully functional sites for any kind of business.

Power Builder Integrator

Power Builder Integrator is specially designed to help users integrate 3d party plugins into the Content Builder.

Shortcode Widget

This Shortcode Widget plugin adds a text-like widget that allows you to write shortcode in it. (just whats missing in the default text widget). To test the widget you can add the widget and use the shortcode “[shortcode_widget_test]”, it will display “It works” on the frontend and this will confirm the widget does work.

Installing the Shortcode Widget

  1. Add the plugin’s folder in the WordPress’ plugin directory.

  2. Activate the plugin.

  3. You are now ready to use the Shortcode Widget from the Widgets section.

The Events Calendar

This Events Calendar plugin allows to rapidly create events, view calendar month with dofferent tooltips, view various lists, search events, view upcoming events.

Plugin Settings

  • number of events to show per page;

  • show comments;

  • include events in main blog loop;

  • events URL slug;

  • single event URL slug;

  • default currency symbol;

  • duplicate venues and organizers.

Map Settings

  • enable google maps;

  • google maps default zoom level.

Timezone Settings

  • timezone mode;

  • show timezone.

The Events Calendar Shortcode

This plugin adds a shortcode for use with The Events Calendar Plugin. With this plugin, just add the shortcode on a page to display a list of your events. For example to show next 8 events in the category festival:

[ecs-list-events cat="festival" limit="8"]

Shortcode Options

  • basic shortcode
    [ecs-list-events];
  • cat – represents single event category
    [ecs-list-events cat=]'festival'];
  • limit – total number of events to show
    [ecs-list-events limit='3'];
  • order – order of the events to be shown
    value can be ‘ASC’ or ‘DESC’. Default is ‘ASC’. Order is based on event date. [ecs-list-events order='DESC'];
  • date – to show or hide date
    value can be ‘true’ or ‘false’. Default is true. [ecs-list-events eventdetails='false'];
  • venue – to show or hide the venue
    value can be ‘true’ or ‘false’. Default is false. [ecs-list-events venue='true'];
  • excerpt – to show or hide the excerpt and set excerpt length
    [ecs-list-events excerpt='true'] displays excerpt with length 100;
  • thumb – to show or hide thumbnail image
    [ecs-list-events thumb='true'] displays post thumbnail in default thumbnail dimension from media settings;
  • message – message to show when there are no events
    defaults to ‘There are no upcoming events at this time’;
  • viewall – determines whether to show ‘View all events’ or not
    values can be ‘true’ or ‘false’. Default to ‘true’ [ecs-list-events cat='festival' limit='3' order='DESC' viewall='false'];
  • contentorder – manage the order of content with commas
    default to title, thumbnail, excerpt, date, venue. [ecs-list-events cat='festival' limit='3' order='DESC' viewall='false' contentorder='title, thumbnail, excerpt, date, venue'];
  • month – show only specific Month
    type ‘current’ for displaying current month only [ecs-list-events cat=’festival’ month=’2015-06′];
  • past – show outdated events
    [ecs-list-events cat='festival' past='yes'];
  • key – order with start date
    [ecs-list-events cat='festival' key='start date'].

TinyMCE Small Tag

TinyMCE Small Tag Plugin allows to add button in TinyMCE and wrap selected text in a small tags.

TM Wizard

TM Wizard is a powerful instrument that allows you to install all the necessary plugins and demo-content in an easy and effortless way.

To install it you must go to Plugins tab in your administration panel. There you'll see the following notice.

Menu Settings Screen

Just click on Begin installing plugin link, and the installation will begin.

After TM Wizard is installed you will be able to see TM Wizard tab in your administration panel. Go to this tab, and TM Wizard will offer you to install the bunch of recommended plugins to your theme.

Menu Settings Screen
Menu Settings Screen

You can also select which particular plugins you want to be installed. To do it you just have to select them from the list that wil appear on your page. Then click on Next button and proceed to the installation process.

Menu Settings Screen
Menu Settings Screen

When the plugins are installed it is time to install demo content for your theme. TM Wizard will offer you to do just that.

Menu Settings Screen

Demo Content Installation

TM Wizard will offer you several scenarios how to install demo content to your theme.

  • Append demo content to my existing content
    this option will append the demo content for your theme with your existing content.
  • Replace my existing content with demo content
    this option will rewrite your previous existing content with the demo content.
  • Skip demo content installation
    by choosing this option you refuse to install demo content for your theme.

When the installation will be over you'll see the following notice.

Menu Settings Screen