Jazzy

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 Plugin Wizard

Cherry Plugin 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 Cherry Plugin Wizard is installed you will be able to see Cherry Plugin Wizard tab in your administration panel. Go to this tab, and Cherry Plugin 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. Cherry Plugin Wizard will offer you to do just that.

Menu Settings Screen

Demo Content Installation

Cherry Plugin 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

Cherry PopUps

This plugin is used to display popups of your projects on a site page. It has its own settings page which allows to save, reset and set default options. With its help you will be able to create various kinds of popups and manage them the way you like.

About

Popup Options

Each popup has its own settings which are gathered in Popup settings.

General Settings Sections

About
  • popup layout type
    choose popup layout type (center, fullwidth center, fullwidth bottom);
  • show/hide animation
    choose show/hide animation effects(fade, scale, move up);
  • base style preset
    popup controls base color styles(default, light, dark, blue, red);
  • container background type
    container background type (fill-color, image);
  • container background color
    popup container background color;
  • container background image
    choose container background image;
  • container opacity
    container opacity (active for fill-color type);
  • popup width
    popup container width;
  • popup height
    popup container height.

Overlay

About
  • type of overlay
  • disabled
    disable the overlay;
  • fill-color
    background fill-cover;
  • overlay background color
    choose overlay background color;
  • overlay opacity
    set overlay background opacity;
  • overlay background image
    set overlay background image;
  • use Overlay as close button
    clicking on the overlay closes the popup.

"Open" Page Settings

About
  • "open page popup appear event
    set an event to which a popup will be opened;
  • close page popup display in
    pages identification for the default popup;
  • on page load
    page complete load event;
  • inactivity time after
    inactivity time event;
  • on page scrolling
    page scrolling progress event.
  • open delay
    set the time delay when the page loads.

"Close" Page Settings

About

Close page popup appear event

  • outside viewport
    set top border for mouse cursor;
  • page unfocus
    user sets focus on another page or app in the system.

Advanced Settings

About
  • template
    template file for content.

Popup Identification on Static Page

If standard settings are not enough for identifying a visible section, there is a metablock that allows you to add a particular popup to any static page. To find the metablock open any page of your website in the and scroll down to the Cherry Popups section.

About

You can assign 2 popups simultaneously. One at the beginning, and another one at the end of section.

Plugin Options

All plugin settings are gathered in Popups > Settings

General Settings Sections

Here ou can define where and for which users to display popups.

About
  • enable popups
    enable/disable plugin functions globally for the site;
  • enable plugin on mobile devices
    show/hide popups on mobile devices;
  • enable for logged users
    show/hide popups for logged in users.

Open Page Settings

About
  • default open page popup
    default open page popup identity;
  • open page popup display in
    pages identification for the default popup.

Close Page Settings

About
  • default close page popup
    default close page popup identity;
  • close page popup display in
    pages identification for the default popup.

Mailing List Manager

MailChimp mailing list settings:

About
  • mailChimp API key
    add MailChimp Api key (how to get);
  • mailChimp list ID
    profile list id (how to get);

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.

Cherry Testimonials

Unveil customers' feedback on your services to look more reliable to prospects. This easy-to-use plugin

This Cherry Testomonials . is designed to help you add testimonials and reviews to the site and customize their look in accordance with the design of the website. Testimonials can also be added via shortcodes to any page or post.

With Cherry Testimonials, you can prove your testimonials aren't fake and were written by real people. Besides the testimonial itself, it's possible to reveal a lot of details about its author. They include his name, photo, email, company he works in, his position, and link to the site of that company or his personal blog. Note that you can hide the email, position, company's name, and photo, if a customer doesn't want you to reveal any of that data.

    
Menu Settings Screen

Adding new testimonials

To add a new testimonial, find Testimonials tab in the WordPress sidebar and press Add New button.

    
Menu Settings Screen

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.

Elementor Page Builder

Elementor Page Builder is the most advanced frontend drag & drop page builder. It helps to add functionality to your website with the help of its easy-to-use customizable modules.

Insert Columns dialog

Detailed Elementor Page Builder documentation can be found here.

After installation and activation of Elementor plugin, you can set up it in WordPress Dashboard in Settings section in Elementor menu as seen below.

Insert Columns dialog

Detailed Elementor General Settings documentation can be found here.

Jet Elements

Jet Elements is a large set of additional modules located inside Elementor Page Builder plugin that help to add more functionality and extra useful features to your website.

Detailed documentation about Jet Elements can be found here.

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.

Simple file downloader

Simple File Downloader plugin will let admin user to add download links to any posts/pages in simplest way and hassle free. Allows all your site visitors to download any files from your website without any user restriction.

Smart Slider 3

This Smart Slider 3 is all you need for creating beautiful slideshows, YouTube and Vimeo slides, with smooth transitions, effects and animations. It creates slides from your WordPress posts, even more it has a complete easy-to-use slide editor with different layers.

Automatic Installation

  • search for Smart Slider 3 through Plugins > Add New interface;

  • find the plugin box of Smart Slider 3 and click on the Install Now button;

  • then activate the Smart Slider 3 plugin;

  • create a new slider: Click on the Smart Slider menu, click on the create slider button. Then you can add images and videos as slide and you can customize your slides with layers;

  • then copy the shortcode from the Publish slider box and paste it into a post or a page.

Manual Installation

  • download Smart Slider 3;

  • upload the Smart Slider 3 through Plugins > Add New > Upload interface or upload smart-slider-3 folder to the /wp-content/plugins/ directory;

  • activate the Smart Slider 3 plugin through the Plugins menu in WordPress;

  • create a new slider: Click on the Smart Slider menu, click on the create slider button. Then you can add images and videos as slide and you can customize your slides with layers.

Detailed documentation about Smart Slider 3 can be found here.

TM Mega Menu

This TM Mega Menu plugin allows you to create multi-column menu drop-downs. It also lets you display necessary information in the main menu.

After the plugin is installed and activated, you can navigate to Appearance > Menus in the WordPress dashboard. Hover over the menu tab and click the Mega Menu icon.

About

Here you can work with Mega Menu:

  • enable Mega Menu for current item
    this property allows to enadle/disable Mega Menu for the items of the general menu strusture;
  • settings
    this tab defines subitems behaviour: here you can group sub items to columns, define the number of columns, container columns number; here you can also set layout and position for the current Mega menu;
  • media
    this tab allows to select item icon, item arrow, show or hide menu link text, show or hide sub-menu arrow.
About

TM WooCommerce Ajax Filters

TM WooCommerce Ajax Filters plugin helps to implement the filters that are necessary to make the search of products much easier. When the Ajax Filter is working, the products will be displayed in accordance of the filter that was selected. The plugin makes it easy for customers to find all the necessary goods they are looking for.

TM WooCommerce Compare Wishlist

TM WooCommerce Compare Wishlist is designed as an addition to the TM WooCommerce Package and gives your store even more functionality. With its help visitors will be able to add various kinds of products to the wishlist and compare pages. The plugin actually combines two separate widgets and installs them with a single click of a mouse.

TM WoooCommerce Package

This TM Woocommerce Package from TZemez. It brings a set of widgets that will help you make the site work to the full potential.

Here is the full list of widgets available:

  • about store widget;
  • banners grid widget;
  • custom menu widget;
  • product categories widget;
  • products carousel widget;
  • products smart box widget.

Navigate to the Widgets section to customize the listed widgets.

TM WooCommerce Quick View

TM WooCommerce Quick View plugin helps to add Quick View button to the blocks where WooCommerce products are listed. It makes the process of choosing the product much easier for the customers so that they can view the products much quicker.

About

WooCommerce

Sell any products quickly and easily with the help of this professional WooCommerce plugin It will be a perfect fit for both store owners and developers.

About 30% of all modern stores are powered by this plugin. It can be used for selling physical or digital products and even affiliate goods. It gives you access to hundreds of free and premium extensions that will help you optimize your business. Choose a proper extension to create bookings, memberships, recruiting subscriptions, various shipping and payment options and much more. This WooCommerce plugin gives you full controll of the store from managing taxes and customer accounts to changing the design.

Installing WooCommerce:

  • log in to your WordPress Admin panel;

  • go to Plugins > Add New;

  • type WooCommerce into the Search Plugins field and hit Enter. Once found, you can view details on the point release, rating and description;

  • click Install Now. After clicking the link, you’ll be asked to confirm this action;

  • click Yes, and WordPress completes the installation.

WooCommerce Menu Items

  • orders
    this section allows you to see and manage all orders;
  • coupons
    in the Coupons sections site owners can create various kinds of discount campaigns and coupons to provide customers with the top of the line service;
  • reports
    reports section gives you statistics on sales, coupons, campaigns, etc;
  • settings
    configure the WooCommerce plugin from this section;
  • system status
    this section will become in hand during troubleshooting. The System Status Report gives you all information of the plugin setup and all potential conflicts;
  • add-ons
    in this section you can browse for some new free and premium extensions that will bring even more functionality to your site;
  • booster tools
    information about all available WooCommerce tools can be found in this section. The enabled tools will be displayed in the right column.

Find more information about this plugin on the official homepage.

WooCommerce Currency Switcher

This advanced WooCommerce Currency Switcher plugin adds a simple currency switcher widget to the website.

Installing WooCommerce Currency Switcher

  1. Download WooCommerce Currency Swircher to your plugin directory or simply install it via WordPress admin interface.

  2. Activate the plugin using Activate option under the plugin on Installed Plugins page.

  3. To use Currency Switcher, please, navigate to WooCommerce > Settings tab on the left of the Dashboard and locate Currency tab in the top settings panel. Here you can manage currencies. To learn how to use Currency Switcher, please, proceed to reading plugin documentation.

NOTE: You can use any two currencies in the free version of the plugin (by default, it is EUR and USD, but you can change them to your needed currencies). However, You can get a premium version in order to add more currencies to the switcher.

You can also check How to Manage Currency Switcher tutorial.

Woocommerce Social Media Share Buttons

Add all kinds of social share buttons with the help of this

Woocommerce Social Media Share Buttons plugin

The plugin is quite flexible and can be adjusted in accordance with specifictions of your store.

Installing Woocommerce Social Media Share Buttons

  • download the Woocommerce Social Media Share Buttons plugin(woocommerce-social-media-share-buttons.zip file);

  • extract the zip file to the /wp-content/plugins/ directory;

  • activate the plugin through the plugins menu in the WordPress admin area;

  • configure your share buttons via the share buttons menu option in the left admin area menu.

WordPress Social Login

This WordPress Social Login plugin allows your website readers and customers to register on using their existing social accounts IDs, eliminating the need to fill out registration forms and remember usernames and passwords. Also, it gives opportunity to control your users access to your website as well as to import users contact list from Google Gmail, Facebook, Windows Live and LinkedIn.