Thank you for choosing Blossom Coach Free theme!

We hope you enjoy this feminine corporate WordPress theme, which we designed especially for you to create a lively and eye-catching website for coaches, motivators, and leaders.

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

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.

Requirements for Getting Started
Make sure Blossom Coach is compatible with your WordPress version.

Blossom Coach 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 WordPress Version and Update it.
  • Install and Activate Blossom Coach WordPress 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)

Slider /Banner Image: 1920 x 700 px

Single Blog Page ( with Sidebar):  810 x 500 px

Single Blog Page ( without Sidebar): 1170 x 578 px

How to Check and Update the WordPress version:

  • Log in to the WordPress admin panel.
  • Go to Dashboard >Updates and update the theme if there is any update available.

How to Install and Activate Blossom Coach Theme

After you have the latest version of WordPress, save the downloaded Blossom Coach theme file (blossom-coach.zip) somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

The Blossom Coach theme file includes:

A WordPress Theme Files (in .zip format) — This (blossom-coach.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.

(GIF of installing the new theme is required here)

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 “Browse…”, select the “blossom-coach.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 Coach 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 12 very useful widgets for you to use. It creates widgets like popular posts, advertisement box, author bio, social media feed, etc.

Contact Form 7 by Takayuki Miyoshi: Contact Form 7 helps you add and manage multiple contact forms.

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.

How to Install Recommended Plugin:

  • Go to Appearance> Install Plugins

 

  • Click “Install” to install the plugins.

  • Click “Activate” to activate the plugins.

Site Identity (Add Logo, Name, and Tagline on your website)

You can change the name and logo of your website here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Site Identity
  • Click Select Logo and upload your logo.
  • Enter Site Title and Tagline.
  • Check Display Site Title and Tagline.
  • Click Select Image and upload Image for Site Icon (favicon).
  • Choose Font Family and Style for Site Title and Tagline.
  • Choose Site Title Font Size.
  • Click Publish.

Site Identity- Blossom Coach

Homepage Setup

Configure the Home Page and Blog Page

  • Log in to WordPress Admin Panel.
  • Go to Appearance>Customize >Homepage Settings (Static Front Page in the earlier version of WordPress)
  • Select A static page under Your homepage displays.
  • If you are using this theme in a fresh WordPress installation, go to next point. If you are using this theme in an old WordPress, choose the page you want to set homepage as Homepage and choose the page you want to set as a blog page as Posts Page.
  • Click Publish.

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

For a static image/video in the Banner Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose static/video under Banner Options. Choose Disable Banner Section if you do not want banner at all. 

Static Image in banner Section of Blossom coach Documentation

  • Click Select Video and upload video for your banner section. (Upload your video in .mp4 format and minimize its file size) You can also enter Youtube video URL.
  • Click Add new image to upload a new image for your banner section. Recommended size for your banner Image is 1920 x 700 px.
  • Enter the Blossom Themes Email Newsletter Shortcode under Banner Newsletter. ( Please read Newsletter Settings for instruction on how to generate shortcode using Blossom Themes Email Newsletter Plugin )
  • Click Publish. 

Static Image or Video Banner for Blossom Coach Documentation

For Slider in the Banner Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Front Page Settings > Banner Section
  • Choose Banner as Slider under Banner Options. Choose Disable Banner Section if you do not want banner at all.

Banner Option Slider for Blossom Coach

  • Select either Latest Posts or Category under Slider Content Style.
  • Choose a Slider Category if you have selected Category under Slider Content Style. ( The posts under the selected category will appear on your slider. The post category and post title will appear on your slider.)

  • Enter the Number of Slides that you want to display if you have selected Latest Posts under Slider Content Style. ( The post category and post title will appear on your slider.)

  • Choose Slider Animation.
  • Click Publish.

Client Section

Client Section of Blossom Coach WordPress Theme

You can add some of your renown client’s logos in this section.

Note: Make sure you have installed and activated BlossomThemes Toolkit plugin for this section to work as desired.

  • Go to Appearance > Customize > Front Page Settings > Client Section.
  • Click Add a Widget.
  • Select Blossom: Client Logo widget.

Client Section Blossom Coach

  • Enter a title for the section. Check display logo in black and white if you want the logo to be displayed in black and white.
  • Click Add Another Logo. Enter a featured link or click upload to upload a logo.
  • Click Done.

  • Click Publish.

About Section

Note: Make sure you have installed and activated BlossomThemes Toolkit plugin for this section to work as desired.

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

  • Choose a page for the section. Check Show Page Full Content to show the entire content of the selected post under the section. Check Show Featured Image to display the featured image of the selected page under the section. Choose Image Alignment. Check Show Read More to display “Read More” link under the section.  Enter the text for “Read More” link.

  • Click Done.
  • Click Publish.

Call to Action Section

Note: Make sure you have installed and activated BlossomThemes Toolkit plugin for this section to work as desired.

  • Go to Appearance > Customize > Front Page Settings > Call To Action Widget.
  • Click Add a Widget.
  • Select the Blossom: Call to Action widget.

  • Enter Title and Description for your Call to Action Section. Choose the number of Call to Action Buttons.  Enter Button 1 Label and Button 1 link. Enter Button 2 Label and Button 2 link. ( if you have selected two Call to Action Buttons). Choose Button Alignment. Choose a background color for the section or upload an image by clicking on Upload Image button.
  • Click Done.

  • Click Publish.

Testimonial Section

Testimonial Section of Blossom Coach

 

Note: Make sure you have installed and activated BlossomThemes Toolkit plugin for this section to work as desired.

  • Go to Appearance > Customize > Front Page Settings > Testimonial Widget.
  • Click Add a Widget.
  • Select  Blossom: Testimonial Widget.

  • Enter the name, designation, and testimonial from the client. Upload an image of the testifier. Click Done. You can add more testimonials by clicking on Add a widget. Add more Blossom: Testimonial Widget for entering testifier’s detail.

  • Click Publish.

Service Section 

Service Section of Blossom Coach.

Note: Make sure you have installed and activated BlossomThemes Toolkit plugin for this section to work as desired.

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

  • Under ” Blossom: Icon Text ” widget, enter Title, Description, upload an image or choose an icon. Enter Read More Label and Read More Link for your service. Click Done.

  • Click Add more  ” Blossom: Icon Text” Widgets to add more services.
  • Click Publish.

Blog Section:

Blog Section of Blossom Coach

  • Go to Appearance > Customize > Front Page Settings > Blog Section.
  • Enable blog section to display blog section on the homepage.
  • Enter a title of the section
  • Enter Read more Label and View All Label.
  • Click Publish.

Simple Call to Action Section

Note: Make sure you have installed and activated BlossomThemes Toolkit plugin for this section to work as desired.

  • Go to Appearance > Customize > Front Page Settings > Call To Action Widget.
  • Click Add a Widget.
  • Select the Blossom: Call to Action widget.

 

  • Enter Title and Description for your Call to Action Section. Choose the number of Call to Action Buttons.  Enter Button 1 Label and Button 1 link. Enter Button 2 Label and Button 2 link. ( if you have selected two Call to Action Buttons). Choose Button Alignment. Choose a background color for the section or upload an image by clicking on Upload Image button.
  • Click Done.

  • Click Publish.

Contact Section:

Blossom Coach Contact Section Documentation

Note: Make sure you have installed and activated BlossomThemes Toolkit plugin for this section to work as desired.

  • Go to Appearance > Customize > Front Page Settings > Contact Section.
  • Click Add a Widget.
  • Select the Blossom: Contact widget.

  • Enter your title, description, telephone, email, and address.
  • Check Open Social Link in New Tab to open social link in new tab.
  • Click on Add Social Icon.  Search and select the desired social icon and enter their respective link. You can add more social icons by clicking “Add Social Icon”.
  • Click on Done.

  • Click Add a widget.  Add Text widget.
  • Enter Title. Text and Contact Fom 7 Id. ( Please install, activate and use Contact form 7 plugin to generate shortcode for the form)
  • Click Publish.

Add/Configure Contact Form

You must install and activate Contact Form 7 Plugin to add or configure contact forms. After you activate the plugin, follow these steps.

  • Go to Dashboard>Contact> Add New 
  • Enter the name of the contact form in the title section. Configure other settings according to Contact Form 7 Documentation 
  • Enter the Fields and Labels for contact form in Form tab
  • In the Mail tab, you can configure the email address for receiving the emails from the contact form
  • In the Messages tab, you can edit the various messages for the form.
  • In the Additional Settings tab, you can add extra code to modify the contact form.
  • Click Save to update the changes.
  • Copy the shortcode generated and paste it in the Text widget in the Appearance> Customize> Frontpage Settings> Contact section. 

Colors (Change Color of the Theme)

You can change the primary, background, button, header, and footer color of the theme from here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize >Appearance Setting> Colors
  • Click on “Select Color” and pick a color to change the primary color and background color.
  • Click Publish when you are satisfied.

Background Image:

You can add a background image to your website from here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Appearance Settings > Background Image
  • Click on “Select image” button to add the background image.
  • Click Publish when you are satisfied.

Typography

  • Go to Appearance > Customize > Appearance Settings > Typography
  • Select a primary font and a secondary font.
  • Click Publish when you are satisfied.

Blog Layout

Blossom Coach has three blog layouts. You can choose your favorite using this panel.

  • Go to Appearance > Customize >Layout Settings>Blog Layout
  • Select a layout.
  • Click Publish when you are satisfied.

Blog Layout of Blossom Coach Documentation

General Sidebar Layout

  • Go to Appearance > Customize >Layout Settings>General Sidebar Layout
  • Select  Page sidebar layout, Post sidebar layout, and default sidebar layout.
  • Page Sidebar Layout is the sidebar layout for pages. This will override the general sidebar layout.
  • Post Sidebar Layout is the sidebar layout for the individual post. This will override the general sidebar layout.
  • Default Sidebar Layout is the layout for the whole site.
  • Click Publish when you are satisfied.

Header Settings

  • Go to Appearance > Customize > General Settings > Header Settings
  • Enable Header Search to show Search button in the header.
  • Enter the phone number and email of your organization.
  • Enter the BlossomThemes Email Newsletters Shortcode. ( Make sure you have installed, activated, and generated shortcode using Blossom Themes Email Newsletter plugin)
  • Click Publish.

Header Settings for Blossom Coach Documentation

Social Media Settings

  • Go to Appearance > Customize > General Settings > Social Media Settings
  • Enable Social Links to display social media links in the header.
  • Click “Add new links” button to add a social media icon.
  • Select a social media icon and enter the respective social media profile link.
  • Click Publish.

Social Media Settings documentation

SEO Settings

  • Go to Appearance > Customize > General Settings > SEO Settings
  • Enable Last Update Post Date to display the last updated dated post date. 
  • Click Publish

Post ( Blog) & Pages Settings

  • Go to Appearance > Customize > General Settings > Posts (Blog) & Pages Settings
  • Enable Blog Excerpt if you want to show the summary of the posts. If enabled, select the number of words for the blog excerpt and enter read more label.
  • Enable Show Related Posts to show related posts below a blog post. Enter the title for Related posts section.
  • 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.

Newsletter Settings

Note: Make sure you have installed and activated  BlossomThemes Email Newsletters plugin. Use the plugin to generate shortcode for the newsletter.

Creating Newsletter

  • Log in to WordPress Admin Panel.
  • Go to BlossomThemes Email Newsletter > Add New

  • Enter the title of the newsletter.
  • Select the options in the Field Settings. Select “Name and Email” if you want users to enter their Name and Email to subscribe to your newsletters, otherwise select “Email”.
  • Enter Name and Email placeholder.
  • Enter the label for Submit button.
  • Enter Form note. The note will be displayed below the Title.

  • From the Appearance Settings, edit the appearance of the newsletter form.
  • Click on Publish to create the newsletter.

Configuring Newsletters

  • Log in to WordPress Admin Panel.
  • Go to BlossomThemes Email Newsletter > Settings
  • Select the email platform – Mailchimp, Mailerlite, or ConvertKit.
  • Enter the API key of the email platform.
  • Select whether to display Popup text of Page when a visitor subscribes to your newsletter. If you select popup text, enter a message. If you select page, select the page you want to show.
  • Click Save Changes.

 Newsletter Section

  • Go to Appearance > Customize > General Settings > Newsletter Settings
  • Enable Newsletter Section to display newsletter section on the homepage.
  • Enter the short code of the newsletter shortcode generated using BlossomThemes Newsletter Plugin. The Shortcode can be found on the left side of the Newsletter. (BlossomThemes Email Newsletter > All Newsletter> ( Your Newsletter Name))

  • Click Publish.

Newsletter setting for Blossom Theme

Navigation Menus (Create and Edit Menu)

You can create navigation menu from Customizer or from Dashboard. This theme has one menu. If you need more than one menu, you can add them to 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 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 the primary location, the menu will be displayed below the logo. If you select the secondary location, the menu will be displayed above 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.

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

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

  • 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.

Remove  Widget

  • Go to Appearance> Customize>Widget
  • Click the desired Widget Area ( Right Sidebar, Footer One, Footer Two etc)
  • Click the widget you want to delete and click Delete.
  • Click Save Changes.

Footer Settings

The theme allows you to add your own desired copyright text in the footer area of the page. To do this:

  • Log in to your WordPress Dashboard.
  • Go to Appearance > Customize > Footer Settings
  • Enter your text in the provided space.
  • Click Publish when satisfied.

Additional CSS

You can add extra CSS codes here to customize the appearance and layout of your site.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Additional CSS
  • Enter your code.
  • Click Publish when you are done.

Note:

When using a keyboard to navigate:

  • In the editing area, the Tab key enters a tab character.
  • To move away from this area, press the Esc key followed by the Tab key.
  • Screen reader users: when in forms mode, you may need to press the escape key twice.

The edit field automatically highlights code syntax. You can disable this in your user profile to work in plain text mode.

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.