Thank you for choosing Blossom Spa Pro theme!

We hope you enjoy this beautiful and fashionable Blossom Spa WordPress theme which we have designed especially for you to create a lively and eye-catching website for your Spa and Salon business.

Our team created it with a lot of hard work and love. And we want your website to blossom with our Blossom Spa Pro theme.

About This Theme Documentation:

This documentation covers the installation, the usage, and the different settings available in the customizer of the theme.

The main goal of the documentation is to provide you the guidance and walk-through to set up the theme on your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. So, we encourage you to go through this document and keep it handy for reference.

If you have any questions about the theme or need any kind of assistance with anything related to the theme, please feel free open a support ticket. Our support team will be happy to assist you.

In this documentation, first, we’ll make sure that everything is ready for the installation, then we’ll set up the theme, and cover some initial configuration and customization options.

How to use this Documentation?

We recommend you to go through each step of the documentation to have a better understanding of the theme and its features.

However, if you are looking for a specific section, you can easily navigate using our table of contents given below.

If you want to find a specific keyword, hit “Ctrl+F” on your browser to start searching.

Table of Contents

Requirements for Getting Started

Make sure Blossom Spa Pro is compatible with your WordPress version.

Blossom Spa Pro will work with 4.7 and above versions of WordPress.

However, for the best experience, added features, and updated security patches, we recommend you to update your WordPress to the latest version.

If you haven’t downloaded WordPress already, you can download it from the WordPress repository via https://wordpress.org/download/

Checklist for Getting Started

  • Check the WordPress Version and Update it
  • Install and Activate Blossom Spa Pro theme
  • Install Necessary Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.

Recommended Image Size (in px)

Blossom Spa Pro Schema: 600 X 60

Blossom Spa Pro Single: 1920 X 700

Blossom Spa Pro Service: 480 X 324

Blossom Spa Pro Pricing: 390 X 208

Blossom Spa Pro Team: 270 X 300

Blossom Spa Pro Shop: 540 X 540

Blossom Spa Pro Shop two: 486 X 540

Blossom Spa Pro Special: 90 X 90

Blossom Spa Pro Gallery: 370, 247

Blossom Spa Pro Blog list: 640 X 480

Blossom Spa Pro Blog classic: 776 X 517

Blossom Spa Pro Related: 110 X 83

How to Check and Update the WordPress version

  • Log in to the WordPress admin panel.
  • Go to Dashboard >Updates
  • Update WordPress if there is an update available

How to Install and Activate Blossom Spa Pro Theme

Once you have updated to the latest version of WordPress, save the downloaded Blossom Spa Pro theme file (blossom-spa-pro.zip) somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

The Blossom Spa Pro theme file includes:

A WordPress Theme Files (in .zip format) — This (blossom-spa-pro.zip) is a compressed WordPress theme file containing all of the required templates, images, and icons required for the theme to function properly.

Note for Safari users (macOS): If you are using Safari to download the theme file, the file may unzip automatically. So, make sure your theme file is in .zip format. Here’s how to stop Safari from automatically unzipping your .zip file.

Now, to install and activate the theme follow these steps or the above gif:

  • Log in to WordPress Dashboard
  • Go to Appearance > Themes
  • Click on Add New button

  • Click on Upload Theme

  • Click on “Choose File…”, select the “blossom-spa-pro.zip” file from your computer and click Open

  • Click Install Now

  • After the theme is installed, click on Activate to use the theme on your website

Installing Recommended Plugins

You must install and activate the following plugins to get the best out of Blossom Spa Pro theme.

BlossomThemes Email Newsletter by Blossom Themes:

This plugin is needed to add newsletter subscription form on the newsletter section. The plugin also creates a newsletter widget that can be used in the sidebars.

BlossomThemes Instagram Feed by Blossom Themes:

This plugin lets you add an Instagram feed to your website. The plugin also generates Instagram shortcode that you can add in your posts and Instagram widget that you can add in the sidebars.

BlossomThemes Toolkit by Blossom Themes:

This plugin generates 20 very useful widgets for you to use. It creates widgets like popular posts, advertisement box, author bio, social media feed, etc.

Regenerate Thumbnails by Alex Mills (Viper007Bond):

If you have existing content, this will help you update your images thumbnail sizes. To update the thumbnails, you must run this plugin.

Contact Form 7 by Takayuki Miyoshi:

Contact Form 7 helps you add and manage multiple contact forms.

One Click Demo Import

One Click Demo Import plugin helps to easily import the theme files with a single click.

 

WooCommerce

WooCommerce is a free eCommerce plugin which helps you to set up an online store free of cost.

How to Install Recommended Plugin

  • Login to your WordPress Admin panel
  • Go to Appearance> Install Plugins

  • Click “Install” to install the plugins

  • Click “Activate” to activate and use the plugins

Setting Up the Front/Landing/Home Page

To get started with customizing the theme, you first need to set up a front page. If you want to make your website look like the demo, you should select the Front page as Static Page. So, first, we will create a homepage and blog page and then configure them.

Creating Home Page

  • Login to your WordPress Admin Panel
  • Go to Pages > Add New

  • Enter the Page Title for the Page. You do not need to enter anything in the content section for creating a home page
  • Click on Publish

Creating Blog Page

  • Login to your WordPress Admin Panel
  • Go to Pages > Add New

  • Enter the Page Title for the Page. Give the name as Blog as you are creating a blog page
  • Click Publish

Configuring Home Page and Blog Page

  • Log in to the WordPress Admin Panel
  • Go to Appearance>Customize > Default Settings> Static Front Page
  • Select A static page under Your homepage displays

Site Identity (Add/Edit a Logo and Favicon)

  • Log in to the WordPress Admin Panel
  • Go to Appearance > Customize > Site Identity
  • Click Select Logo and upload your logo
  • Click on Select Image and Upload second logo. Second logo will be displayed while scrolling down the page when the sticky header is enabled.
  • Enter Site Title and Tagline
  • Check Display Site Title and Tagline if you want to show your website’s name and tagline
  • Click Select Image and upload Image for Site Icon (favicon)
  • Select the Font Family and Font Style for the site title
  • Select the Site Title Font Size and Site Title Color
  • Click on Publish

Appearance Settings

You can change the appearance of your website using this settings panel.

Colors

You can change the background color of your website using this settings panel.

Please follow the below steps to change the background color of the website.

  • Login to your WordPress admin panel
  • Go to Appearance> Customize> Appearance Settings> Colors
  • Select the color of your choice
  • Click on Publish

Background Image

You can change the Background Image of your website using this settings panel.

Please follow the below steps to change the background image of your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Appearance Settings> Background Image
  • Upload the image you want to keep as website background
  • Select the Image Preset, Image Position and Image Size.
  • Click on Publish

Note: You can also use from the given pattern as background if you don’t want to use an image as the background.

Layout Settings

Header Layout

You can change the header layout of your website using this settings panel.

Please follow the below steps to change the header layout of your website:

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Header Layout
  • Select the Header Layout of your choice
  • Click on Publish

Single Post Layout

You can change the single post layout of your website using this settings panel.

Please follow the below steps to change the single post layout of your website:

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Single Post Layout
  • Select the Single Post Layout of your choice
  • Click on Publish

Blog Page Layout

You can choose the blog page layout of your website from this settings panel.

Please follow the below steps to select a blog layout for your website.

  • Login to your WordPress admin panel
  • Go to Appearance> Customize> Layout Settings> Blog Page Layout
  • Select the Blog Page layout as per your choice
  • Click on Publish

General Sidebar Layout

You can select sidebar layout for different pages such as post, page, default sidebar.

Please follow the below steps to select the sidebar for different pages of your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> General Sidebar Layout
  • Select the Sidebar Layout for Page, Post, and Default Sidebar layout.
  • Click on Publish

Pagination

Please follow the below steps to select pagination type on your website.

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Layout Settings> Pagination
  • Select the Pagination Type
  • Click on Publish

Typography (Change Fonts)

You can change the Primary Font and Secondary Font along with the Font size of your website using this settings panel.

Please follow the below method to change the typography of your website:

  • Log in to the WordPress Admin Panel
  • Go to Appearance> Customize> Appearance Settings> Typography
  • Select the content type to change its typography
  • Configure Font family, Style, and Size.
  • Click on Publish

Front Page Settings

You can set up a static image, video, or a slider on your banner section. The banner will be displayed at the top of your website.

To set up your banner:

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose either Banner as Slider, Static/Video CTA Banner, Static/Video Newsletter Banner or Disable Banner (if you do not want banner at all)
  • Click on Publish

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose Banner as Slider

Slider Content

Slider using Latest Posts

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section> Banner as Slider
  • Select Slider Content Style as Latest Posts
  • Select the Number if Slides & Banner Caption Layout
  • Enter the Banner Button1 Label and Banner Button1 Link
  • Enter the Banner Button2 Label and Banner Button2 Link
  • Enable Slider Auto transition. (Blue is Enabled)
  • Enable Slider Loop. (Blue is Enabled)
  • Enable Slider Caption. (Blue is Enabled)
  • Enable Full-size image in Slider. (Blue is Enabled)
  • Select Slider Animation
  • Click on Publish

Slider using Category

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section> Banner as Slider
  • Select Slider Content Style as Category
  • Select the Slider Category
  • Select Banner Caption Layout
  • Enter the Banner Button1 Label and Banner Button1 Link
  • Enter the Banner Button2 Label and Banner Button2 Link
  • Enable Slider Auto transition. (Blue is Enabled)
  • Enable Slider Loop. (Blue is Enabled)
  • Enable Slider Caption. (Blue is Enabled)
  • Enable Full-size image in Slider. (Blue is Enabled)
  • Select Slider Animation
  • Click on Publish

Slider using Pages

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section> Banner as Slider
  • Select Slider Content Style as Pages
  • Select the Slider Pages
  • Select Banner Caption Layout
  • Enter the Banner Button1 Label and Banner Button1 Link
  • Enter the Banner Button2 Label and Banner Button2 Link
  • Enable Slider Auto transition. (Blue is Enabled)
  • Enable Slider Loop. (Blue is Enabled)
  • Enable Slider Caption. (Blue is Enabled)
  • Enable Full-size image in Slider. (Blue is Enabled)
  • Select Slider Animation
  • Click on Publish

Custom Slider

  • Log in to WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Banner Section> Banner as Slider
  • Click on Add new Slide
  • Click on Add Image to add the slider image
  • Enter the Title, Subtitle, and Link
  • Add more slider in a similar fashion if you wish to add more.
  • Select Banner Caption Layout
  • Enter the Banner Button1 Label and Banner Button1 Link
  • Enter the Banner Button2 Label and Banner Button2 Link
  • Enable Slider Auto transition. (Blue is Enabled)
  • Enable Slider Loop. (Blue is Enabled)
  • Enable Slider Caption. (Blue is Enabled)
  • Enable Full-size image in Slider. (Blue is Enabled)
  • Select Slider Animation
  • Click on Publish

Static/Video CTA Banner

Please follow the below steps to add a Static/Video CTA Banner on the banner section of your website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose Static/Video CTA Banner under Banner Options.
  • Upload the Header Video or Enter the YouTube URL of the video. Also, you can upload images in the banner section by clicking on Add new image. If you add both video and image in the banner section at the same time, it will only show video by default.
  • Enter the Title and SubTitle
  • Select the Banner Caption Layout
  • Enter the Banner Button1 Label and Banner Button1 Link
  • Enter the Banner Button2 Label and Banner Button2 Link
  • Click on Publish

Static/Video Newsletter Banner

Please follow the below steps to add a Static/Video Newsletter Banner on the banner section of your website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose Static/Video Newsletter Banner under Banner Options.
  • Upload the Header Video or Enter the YouTube URL of the video. Also, you can upload images in the banner section by clicking on Add new image. If you add both video and image in the banner section at the same time, it will only show video by default.
  • Enter the Banner Newsletter Shortcode. (Go to Dashboard> BlossomThemes Email Newsletter> Add New to create a Newsletter and copy its shortcode.)
  • Select Banner Caption Layout
  • Click on Publish

Service Section

You can add various services offered by your Spa in this section as given below:

Note: Make sure you have installed and activated BlossomThemes Toolkit plugin before adding service section on your homepage.

Please follow the below steps to add services in the service section on your homepage.

  • Login to your WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Service Section.
  • Click Add a Widget.
  • Select Text Widget

  • Enter the Section Title and Description
  • Again, click on Add a Widget

  • Select the Blossom: Icon text widget.

  • Enter the Service Title, Description, Upload image or select from predefined icons.
  • Enter Read More Label and Read More Link
  • Add More Services in the similar manner
  • Click on Publish

About Section

Please follow the below steps to configure About Section on your homepage.

  • Login to your WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > About Section.
  • Click Add a Widget.
  • Select Blossom: Featured Page Widget.

  • Choose the About Page from which the content for this section would be fetched. You need to create a separate page with content for this section. You can create an About page by going to Pages> Add New.
  • Select Show Full Page Content to show full page content in the About Section.
  • Checkbox to show featured image in the Service section
  • Select the image alignment
  • Checkbox Show Read More option and enter the Read More Text
  • Click on Done
  • Click on Publish

Popular Procedure Section

You can showcase the most popular procedures or high selling services in this section.

Please follow the below steps to add popular services/procedures on the homepage of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Popular Procedures Section
  • Enter the Popular Procedures Section Title, Procedures Section Subtitle
  • Enter the Popular Procedures Section Description
  • Click on Add New Pages
  • Select the Pages for the Services you want to show in this section. You need to create a separate page to display in the Popular Procedures Section and Select them.
  • Click on Publish

Call To Action Section

Please follow the below steps to add a call to action section on the homepage of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Call To Action Section
  • Click on Add a Widget
  • Select Blossom: Call To Action Widget

  • Enter the Section Title and Description
  • Select the Number of Call-to-Action Buttons you want to display
  • Enter the buttons Link
  • Select the Button Alignment
  • Select the Background Color or Upload Image
  • Click on Done
  • Click on Publish

Service Two Section

You can add more services if you wish to in this section of the front page of your website.

Please follow the below steps to add services to the Service Two Section.

  • Login to your WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Service Section.
  • Click Add a Widget.
  • Select the Blossom: Icon text widget.

  • Enter the Service Title, Description, Upload image or select from predefined icons.
  • Enter Read More Label and Read More Link
  • Add more services in a similar manner if you wish to.
  • Click on Add a Widget and Select the Image Widget to show the image beside the services
  • Click on Publish

Special Pricing Section

You can add products with special pricing and discounted rates in this section of the homepage.

Please follow the below steps to configure special pricing section on your homepage.

  • Login to your WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Special Pricing Section
  • Enter Special Pricing Section Title, Subtitle and Description
  • Disable Child Categories to show top parent categories in the special pricing section
  • Click on Publish

Note: The special pricing products would be fetched from WooCommerce Discounted Products and displayed in Special Pricing Section on the homepage.

Service Three Section

You can add additional services offered by your Spa in this section.

Please follow the below steps to configure service three section.

  • Login to your WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Service Section.
  • Click Add a Widget.
  • Select Text Widget to add Section Title and Description
  • Enter the Section Title and Section Description
  • Click on Add a Widget
  • Select the Blossom: Icon text widget.

  • Enter the Service Title, Description, Upload image or select from predefined icons.
  • Enter Read More Label and Read More Link
  • Click on Publish

Pricing Table Section

You can add various packages and prices of the services offered by your Spa in this section of the homepage.

Please follow the below steps to configure the pricing table section.

  • Login to your WordPress Admin Panel
  • Go to Appearance > Customize > Front Page Settings > Pricing Table Section.
  • Click Add a Widget.
  • Select Text Widget to add Section Title and Description
  • Click Add a Widget.
  • Select Blossom: Pricing Table

  • Select the Plan Type
  • Enter the Title, Currency, Price and Per Value
  • Upload an Image for the plan
  • Click on Add Item to add Feature of the plan
  • Enter the Featured Link and Label
  • Add more plans in similar manner
  • Click on Publish

Call To Action Two Section

Please follow the below steps to add a call to action section on the homepage of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Call To Action Two Section
  • Click on Add a Widget
  • Select Blossom: Call To Action Widget

  • Enter Section Title and Description
  • Select the number of Call to Action Buttons you want to display
  • Enter the Button Label and Button Link
  • Select the Button Alignment
  • Upload the background image for the section
  • Click on Done
  • Click on Publish

Team Section

Please follow the below steps to add your Spa Team members on the homepage of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Team Section
  • Enter the Team Section Title, Subtitle and Description
  • Click on Add a Widget
  • Select Blossom: Team Member Widget

  • Enter the Name, Designation and Description of the team member.
  • Upload an image of the person
  • Enter the social media link of the member
  • Add more team member in similar manner
  • Click on Done
  • Click on Publish

Blog Section

You can display recent articles of your blog post in this section of the homepage.

Please follow the below steps to add blog section on the homepage of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Blog Section
  • Enter the Blog Title, Subtitle and Description
  • Enter Read More Label and View All Label
  • Click on Publish

Note: This section automatically fetches three recent articles to display in the Blog section

Gallery Section

You can showcase your spa images in the gallery section.

Please follow the below steps to configure gallery section on the front page of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Gallery Section
  • Enter the Button Label & Button URL
  • Click on Add a Widget & select Text Widget

  • Enter the Section Title, Description & Subtitle

  • Again, Click on Add a Widget
  • Select Gallery Widget

  • Enter the Title & Click on Add Images
  • Upload as many images as you want to display in the gallery
  • Click on Create a New Gallery

  • Select the Image Size as Gallery Image

  • Click on Insert Gallery

  • Click on Done
  • Click on Publish

Testimonial Section

You can add your client testimonials in this section of the homepage.

Please follow the below steps to configure Testimonial section on the homepage of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Testimonial Section
  • Enter Testimonial Section Title, SubTitle, and Description
  • Click on Add a Widget
  • Select Blossom: Testimonial widget

  • Enter the client Name, Designation, and Testimonial
  • Upload an image of the client
  • Click on Done
  • Add More testimonial in similar way if you want to
  • Click on Publish

Products Section

You can display different products you sell in this section of the homepage.

Please follow the below steps to configure product section on the homepage of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Products Section
  • Enter the Section Title, Subtitle, and Description
  • Select the Number of Products you want to display on the homepage
  • Click on Publish

Note: The products would be fetched from WooCommerce Products and displayed in Product Section on the homepage.

Map Section

Please follow the below steps to configure your location map on your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Map Section
  • Click on Add a Widget & Select Custom HTML

  • Enter the Google Map Shortcode
  • Click on Done
  • Again, click on Add a Widget
  • Select a Text Widget

  • Enter the Title & Contact Form Shortcode

  • Click on Done
  • Click on Publish

Contact Section

You can add your contact option such as map, contact form, phone number, email and opening hours of your salon or spa in this section of the homepage.

Please follow the below steps to configure contact section on the homepage of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Contact Section
  • Click on Add a Widget
  • Select Blossom: Contact Widget

  • Enter the Title and Description of the section
  • Enter the Telephone number, Email Address, Address and Social Icon
  • Click on Done

  • Again, Click on Add a Widget
  • Select Text Widget

  • Enter the Title & Description (Opening Hours title and description)
  • Click on Done
  • Click on Publish

Sort Front Page Section

You can sort different section of the homepage as per your desire using this settings panel.

Please follow the below steps to sort the homepage sections of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> Sort Front Page Section
  • Hold the section you want to sort with mouse click and drag and drop up or down as per your wish. Place the section and release the mouse click
  • Click on Publish

One Page Settings

You can configure one page website using this settings panel.

Please follow the below steps to configure one page website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> Front Page Settings> One Page Settings
  • Enable Section Menu to make homepage one page scrolling with section menu
  • Enable Home Link to display “Home” link in the section menu
  • Enter the Menu Label for different sections of the homepage
  • Click on Publish

Service Page Settings

You can configure the service page of your website using this settings panel.

You should to be on the service page to customize it. Hence, you should create a service page before customizing it.

Please follow the below steps to create a Service Page.

  • Login to your WordPress Admin panel
  • Go to Pages> Add New
  • Enter the Page Title
  • Select the Service Page as Template
  • Click on Publish

Service Template Section

You can add a background image in the service page using this settings panel.

Note: If the Service Page has a featured image then you don’t need to add a background image as it would be overridden by Featured Image.

Please follow the below steps to add a background image on the service page.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Service Page Section> Service Template Section
  • Click on Select Image
  • Upload an Image
  • Click on Publish

Service Template Widget

Please follow the below steps to configure the Service Template Widget on the Service Page.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Service Page Section> Service Template Widget
  • Click on Add a Widget
  • Select Blossom: Icon Text

  • Enter the Service Title and Description
  • Click on Upload Image to upload an image. ( You can also select from the predefined icons instead of image.)
  • Enter the Read More Label and Read More Link
  • Add more services in similar way
  • Click on Publish

Contact Page Settings

You can configure the Contact page of your website using this settings panel.

You should to be on the contact page to customize it. Hence, you should create a contact page before customizing it.

Please follow the below steps to create a Service Page.

  • Login to your WordPress Admin panel
  • Go to Pages> Add New
  • Enter the Page Title
  • Select the Contact Page as Template
  • Click on Publish

Contact Template Section

You can add a background image in the contact page using this settings panel.

Note: If the Contact Page has a featured image then you don’t need to add a background image as it would be overridden by Featured Image.

Please follow the below steps to add a background image on the contact page.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Contact Page Settings> Contact Template Section
  • Click on Select Image
  • Upload an Image
  • Click on Publish

Contact Template Map Widget

You can embed Google Map on the contact page using this settings panel.

Please follow the below steps to embed Google Maps on contact page of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Contact Page Settings> Google Map Settings
  • Click on Add a Widget
  • Select Custom HTML

  • Enter the Title & Google Map iframe code
  • Click on Publish

Contact Template Widget

Please follow the below steps to configure Contact Template Widget on the homepage of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Contact Page Settings> Contact Template Widget
  • Click on Add a Widget
  • Select Blossom: Contact Widget

  • Enter the Section Title, and Description
  • Enter your Telephone, Email and Address
  • Click on Add Social Links to add social media links
  • Click on Done
  • Click on Publish

Contact Template Form Widget

You can set up the contact form on contact page of your website using this settings panel.

Please follow the below steps to configure contact form on the contact page of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Contact Page Settings> Contact Form Settings
  • Click on Add a Widget & Select Text Widget

  • Enter the Title & Description
  • Enter the shortcode of contact form (Go to Dashboard> Contact> Add New> Publish. Copy the shortcodes.)
  • Click on Publish

Pricing Page Settings

You can configure the Pricing page of your website using this settings panel.

You should to be on the Pricing page to customize it. Hence, you should create a Pricing page before customizing it.

Please follow the below steps to create a Service Page.

  • Login to your WordPress Admin panel
  • Go to Pages> Add New
  • Enter the Page Title
  • Select the Pricing Page as Template
  • Click on Publish

Pricing Template Section

You can add a background image in the pricing page using this settings panel.

Note: If the Pricing Page has a featured image then you don’t need to add a background image as it would be overridden by Featured Image.

Please follow the below steps to add a background image on the pricing page.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Pricing Page Settings> Pricing Template Section
  • Click on Select Image
  • Upload an Image
  • Click on Publish

Pricing Template Widget

Please follow the below steps to configure Pricing Template Widget on the pricing page of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Pricing Page Settings> Pricing Template Widget
  • Click on Add a Widget
  • Select Blossom: Pricing Table

  • Select the Plan Type
  • Enter the Title, Currency, Price and Per Value
  • Upload an Image for the plan
  • Click on Add Item to add Feature of the plan
  • Enter the Featured Link and Label
  • Add more plans in similar manner
  • Click on Publish

FAQ Widget

You can add FAQ about the pricing using this settings panel.

Please follow the below steps to add FAQ on the pricing page of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Pricing Page Settings> FAQ Widget
  • Click on Add a Widget

  • Enter the section Title, Subtitle and Description
  • Add More FAQs in similar way
  • Click on Publish

Team Page Settings

You can configure the team page of your website using this settings panel.

You should to be on the Team page to customize it. Hence, you should create a Team page before customizing it.

Please follow the below steps to create a Team Page.

  • Login to your WordPress Admin panel
  • Go to Pages> Add New
  • Enter the Page Title
  • Select the Team Page as Template
  • Click on Publish

Team Template Section

You can add a background image in the team page using this settings panel.

Note: If the Team Page has a featured image then you don’t need to add a background image as it would be overridden by Featured Image.

Please follow the below steps to add a background image on the team page.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Team Page Settings> Team Template Section
  • Click on Select Image
  • Upload an Image
  • Click on Publish

Team Template Widget

Please follow the below steps to configure Team Template Widget on the homepage of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Team Page Settings> Team Template Widget
  • Click on Add a Widget
  • Select Blossom: Team Member

  • Enter the Name, Designation and Description of the team member.
  • Upload an image of the person
  • Enter the social media link of the member
  • Add more team member in similar manner
  • Click on Done
  • Click on Publish

Gallery Page Settings

You can configure the Gallery page of your website using this settings panel.

You should to be on the Gallery page to customize it. Hence, you should create a Gallery page before customizing it.

Please follow the below steps to create a Service Page.

  • Login to your WordPress Admin panel
  • Go to Pages> Add New
  • Enter the Page Title
  • Select the Gallery Page as Template
  • Click on Publish

Gallery Template Section

Please follow the below steps to configure the Gallery Template Section of your website.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Gallery Page Settings> Gallery Template Section
  • Click on Select image
  • Upload an Image
  • Click on Publish

Gallery Template Widget

Please follow the below steps to configure the Gallery Template widget.

  • Login to your WordPress Admin panel
  • Go to Appearance> Customize> Gallery Page Settings> Gallery Template Widget
  • Click on Add a Widget
  • Select Text Widget

  • Enter the Title, Subtitle & Description of the section

  • Again, Click on Add a Widget
  • Select Gallery Widget

  • Enter the title and click on Add Images
  • Upload the images you want to display in gallery
  • Click on Create a new gallery

  • Click on Image Size
  • Select Gallery Image

  • Click on Insert Gallery

  • Click on Publish

Portfolio Settings

You need to create a Portfolio page before performing the Portfolio settings.

Please follow the below steps to create a portfolio page.

  • Login to your WordPress Admin Panel
  • Go to Pages> Add New
  • Enter the Page Title
  • Select the Page Template as Portfolio Template
  • Click on Publish

Please follow the below step to create your Portfolios.

  • Login to your WordPress Admin Panel
  • Go to Portfolios> Add New
  • Enter the Portfolio Title & Description
  • Click on Add New Categories and Enter the category of the portfolio
  • Click on Set Featured Image & Upload an image.
  • Click on Publish

General Settings

Header Settings

You can add your phone number, email and opening hours in the header area using this settings panel.

Please follow the below steps to add the header details.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> General Settings> Header Settings
  • Enable Sticky Header to make the header stick at the top while scrolling the page
  • Enable Header Search to add a search bar in the header menu
  • Enter the Phone Label and Phone Number
  • Enter the Email Label and Email Address
  • Enter the Opening Hours Label and Opening Hours
  • Upload the Background Image
  • Click on Publish

Social Media Settings

You can add your social media links on your website using this settings panel.

Please follow the below steps to add your social media accounts in the header area of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> General Settings> Social Media Settings
  • Enable Social Media Links to add social media accounts
  • Click on Add new links
  • Select the Social Media Icon and Add the Link
  • Click on Publish

Social Sharing

You can add social sharing icons on your single posts using this settings panel to allow your visitors share your article on different social medias.

Please follow the below steps to add social sharing icons on the single posts page.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> General Settings> Social Sharing
  • Enable Social Sharing Buttons to display the social sharing buttons on single posts
  • Enable Open Graph Meta Tags if you are not using any SEO Plugins
  • Click on the eye to activate the Social Sharing Buttons
  • Click on Publish

SEO Settings

You can configure the SEO settings of your website using this settings panel.

Please follow the below steps to configure SEO settings of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> General Settings> SEO Settings
  • Enable Last Updated Post Date to allow search engine crawl your posts latest changes and help in better ranking.
  • Enable Breadcrumb to help your visitors and search engine bots to navigate to your website
  • Enter the Breadcrumb Home Text
  • Click on Publish

Posts(Blog) & Pages Setting

Please follow the below steps to configure the Posts/Blog and Page settings of your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance > Customize > General Settings > Posts (Blog) & Pages Settings
  • Enable/Disable the Prefix on Archive Pages
  • Enable Like Button in Blog to show like button on the single post
  • Enable Blog Excerpt if you want to show the summary of the posts. If enabled, select the number of words for the blog excerpt.
  • Enable Hide Author Section if you don’t want to show author section on the blog page.
  • Enable Show Related Posts to show related posts below a blog post. Enter the title for Related posts section and select the Related Post Taxonomy
  • Enable Like Button in Single Post/Page to show like button on the single post
  • Enable Show Comments to show comments in Single Post/Page.
  • Enable Hide Category if you don’t want to show the category name on the blog posts.
  • Enable Hide Author if you don’t want to show author section on the blog page.
  • Enable Hide Posted Date if you don’t want show posted date on blog posts.
  • Enable Show Featured Image to show featured image in the blog posts.
  • Click Publish.

Sidebar Settings

You can configure Blog page, Single Page, Archive Page and Default Sidebar using this settings panel.

You need to create custom sidebars for different pages going to Dashboard> Appearance> Widgets

Please follow the below steps to configure the sidebar on your website.

  • Login to your WordPress Admin Panel
  • Go to Appearance > Customize > General Settings> Sidebar Settings
  • Select the sidebar for Blog Page, Single Page, SIngle Post, Archive page and Default Sidebar
  • Click on Publish

Performance Settings

You can Enable performance settings to make your website load fast. You have options to enable/disable following performance metrics.

  • Lazy Load
  • Lazy Load Content Images
  • Defer JavaScript
  • Remove ver parameters

To change the Performance Settings

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Performance Settings
  • Enable Lazy Load to enables lazy loading of featured images.
  • Enable Lazy Load Content Images to enables lazy loading of images inside page/post content.
  • Enable/Disable Defer JavaScript
  • Enable/Disable Remove ver parameters to remove “ver” parameter from CSS and JS file calls
  • Click Publish

Instagram Settings

You can add your Instagram feed on your website from here.

To display your Instagram feed, you need to install and activate BlossomThemes Instagram Feed plugin and then, configure your Instagram profile.

Configuring Instagram Profile

  • Log in to the WordPress Admin Panel.
  • Go to BlossomThemes Instagram Feed > General

  • Enter your Instagram username
  • Enter the number of photos you want to display from your Instagram feed.
  • Enter the number of photos you want to display at a time in Number of Photos Per Row
  • Enter the Instagram Profile link text
  • Check “Show Likes/Comment” if you want to show likes and comment count of your Instagram profile on your website
  • Click Save Changes

Adding Instagram Section

  • Log in to the WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Instagram Settings
  • Enable Instagram Section. Blue is enabled
  • Click Publish

Misc Settings

You can change various settings from this menu.

To change the Misc Settings, please follow the given steps:

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings > Misc Settings
  • Enable/Disable Admin Bar (Blue is Enabled). Disabling the Admin Bar will hide the Admin panel when you view your own website
  • Enable/Disable the Lightbox (Pop-up that allows the visitors to view larger images without leaving the current page). Blue is Enabled.
  • Enable/Disable the last sticky Widget in the sidebar (Blue is Enabled). Enabling the sticky sidebar widget will show the last widget while you scroll.
  • Enable/Disable the first letter in the post/page in a Drop cap (Blue is Enabled). Disabling the drop cap will make the first letter of post/page small in size.
  • Enable Shop Page Description to add description and Enter the Description for Shop Page
  • Click Publish

Coming Soon Settings

You can display Coming Soon and website live date if your website is still in construction using this settings panel.

Please follow the below steps to display Coming Soon on your website.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings > Coming Soon Settings
  • Enable Coming Soon Page to display Coming Soon on your website.
  • Enable Coming Soon on Customizer to show coming soon page on customizer preview.
  • Upload your website or business logo in coming soon mode.
  • Enter the Coming Soon Title and Subtitle
  • Select the website Live Date
  • Upload the Background Image
  • Enter the Newsletter Shortcode if you want to display an email subscription form on your website.
  • Click on Publish

Navigation Menus (Create and Edit Menu)

You can create navigation menu from Customizer or from Dashboard. This theme supports two menus: Primary and Secondary. If you need more than two menus, you can add them in the sidebar using “Navigation Menu” widget.

Create a New Menu from Customizer

  • Login to your WordPress Dashboard.
  • Go to Appearance > Customize> Menus in the WordPress Dashboard
  • Click on Create a New menu button

  • Give a name to your menu and select whether you want to display the menu on Primary or Secondary location. If you select a primary location, the menu will be displayed below the logo. If you select the secondary location, the menu will be displayed above the logo.
  • Click Next

  • Click “Add Items” to add items (pages, posts, categories, custom links…) to the Menu
  • Click “+” icon on the items list to add the item to the menu
  • Drag and Drop the added items to rearrange them.
  • Click Publish

Create Menu from Dashboard

  • Login to your WordPress Dashboard.
  • Go to Appearance > Menus in the WordPress Dashboard

  • Click on create a new menu.

menu dash create.png

  • Give a name to your menu in Menu Name and click Create Menu button.

menu dash save.png

  • Select the items from Pages, Posts, Custom Links, or Categories and click “Add to Menu”.

menu dash add.png

  • Drag and Drop the added items to rearrange them.
  • Check the Menu location to Primary or Footer
  • Click Save Menu

Widgets

You can add the widgets to the sidebar in two ways – via Dashboard and Customizer

Adding Widgets via Customizer

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Widgets
  • Make sure you are on the page you want to add widgets to.
  • Click on the desired Sidebar or location (the one you want to add widgets to). You can add widgets on Footer as well
  • Click on Add a Widget to add widgets
  • Select desired Widgets and give a title to the widget
  • Click Add a Widget to add more widgets in the sidebar
  • Drag and reorder the widget as desired
  • Click Publish

Adding Widgets via Dashboard

  • Login to your WordPress Dashboard.
  • Go to Appearance> Widgets
  • Available widgets are listed on the left-hand side while Sidebars are listed on the right side (including the sidebars you create)
  • Drag and drop the widgets to the desired sidebars. Or, click on the widget and select the sidebar you want to add the widget to.

Footer Section

The theme has 4 widgets area in the footer. You can add various widgets to the area. To add widgets in the footer, go to Appearance> Customize>Widgets and select the Footer Location (footer one, two, three) and add the widgets.

Footer Settings

You can add your contact info and credit into the Footer area using this settings panel.

Footer Contact Settings

You can add your contact into the Footer area using this settings panel.

Please follow the below steps to add the Footer Contact details.

  • Login to your WordPress Admin Panel
  • Go to Appearance> Customize> General Settings> Header Settings
  • Enter the Phone Label and Phone Number
  • Enter the Email Label and Email Address
  • Enter the Opening Hours Label and Opening Hours
  • Enter the Opening Hours Label and Opening Hours
  • Enter your desired footer credit text
  • Enable the Hide Author Link and Hide WordPress Link
  • Click on Publish

WooCommerce

Store Notice

You can set up the store notice to display above the woocommerce products on your website using this settings panel.

Please follow the below steps to add a store notice on your shop:

  • Login to your WordPress Dashboard
  • Go to Appearance> Customize> WooCommerce> Store Notice
  • Checkbox the Store Notice option to display the store notice
  • Enter the store notice
  • Click on Publish

Product Catalog

You can configure the products to be displayed on the WooCommerce section of the website.

Please follow the below steps to configure the product catalog.

  • Login to your WordPress Dashboard
  • Go to Appearance> Customize> WooCommerce> Product Catalog
  • Select from the dropdown you want to display on Shop page. You can select to display Products, Product Categories as well as both.
  • Select from the dropdown what you want to display on the product category page. You can select from products, subcategories as well as both.
  • Select the Default Product Sorting to display on the catalog.
  • Enter the number of Products per row you want to display
  • Enter the number of rows per page you want to display
  • Click on Publish

Product Images

You can configure the product images display on product catalog.

Please follow the below steps to configure the product images.

  • Login to your WordPress Dashboard
  • Go to Appearance> Customize> WooCommerce> Product Images
  • Enter the Main image width to display main image on single product pages.
  • Enter the Thumbnail Width to display the image size used for products in the catalog
  • Select the Thumbnail Cropping
  • Click on Publish

Checkout

You can configure the Check out page using this settings panel.

Please follow the below steps to configure the check out page.

  • Login to your WordPress Dashboard
  • Go to Appearance> Customize> WooCommerce> Checkout
  • Select from the dropdown whether you want to make Company name field optional or required
  • Select from the dropdown whether you want to make Address line 2 field optional or required
  • Select from the dropdown whether you want to make Phone field optional or required
  • Checkbox to highlight required fields with an asterisk
  • Select the Privacy policy page and Terms and conditions page
  • Enter the Store Privacy Policy to show during checkout.
  • Enter the Terms and Conditions for the terms checkbox that customers need to accept.
  • Click on Publish

Additional CSS

You can add extra CSS codes here. If you want to modify the color, fonts, or any other CSS effects, you can enter the code here.

  • Login to your WordPress Dashboard
  • Go to Appearance> Additional CSS
  • Enter your code
  • Click on Publish

Useful Tips

  • We highly recommend using Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. You can create a child theme using a plugin or manually by following the official guide
  • Always keep a BackUp of your theme before making any changes to the theme

If you get any problem in using the theme, you can do the following things:

  • Deactivate the plugins, sometimes plugin conflict may cause issues with the theme. Please deactivate the unused plugins
  • Replace the latest modified code with the original code
  • If the issue pertains, feel free to contact us using our Support Ticket
Holiday Sales! Save 25%! Limited time offer. So shop now! Enter HolidaySales at checkout.