Baby Care Pro Theme Documentation

Introduction

You're welcome for purchasing our WordPress theme. This documentation's several sections each demonstrate how to set up and administer a WordPress website from scratch.

What is WordPress CMS?

WordPress is an open source website creation tool that uses PHP and MySQL as its foundation. It is a robust blogging platform and a totally free content management system (CMS). Using this CMS, you may create reliable online applications and websites. To manage it, you scarcely need any technological expertise or understanding. Because of its many benefits, including ease of use and flexibility, WordPress has emerged as the most popular website construction tool on the market.Learn More

What is a WordPress template

A WordPress template serves as the skin for websites built using the WordPress content management system. A WordPress template is incredibly simple to setup. You may quickly modify the appearance of your WordPress website by installing a new template. A WordPress template comes with all the necessary source files, and you are free to change and expand it however you see fit.

Help and Support

Click here for help and support :
Support

File Structure

The template bundle that you downloaded is divided into various directories. Let's examine the contents of each folder:

  • Screenshots -contains template screenshot. Not for production.
  • theme -includes WordPress theme files
  • "industrial-pro" -This folder contains all of the files required for the theme.
  • "tg-baby-care-pro.zip" -contains licence information
  • "license.txt" -contains license details
  • "readme.txt" -contain information on the theme's image path, font usage, and script usage

TG KEY ACTIVATION

The following are the steps for activating a TG Key.

Use the License Key that you will receive through Email to Activate License.

The process to Activate License. is as follows.

Go to Dashboard >> Appearance >> TG Key Activation >> Enter Key>>Save Changes.

After Entering The Key >> Activate Licence.

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

You can activate your Licence Key. in this manner.

Template Installation

The process of installing a template is very straightforward and easy.

1-Install a theme using wordpress admin

First, log in to your WordPress admin dashboard.

Next, navigate to the "Appearance" menu and select "Themes."


Once you are on the themes page, click on the "Add New" button located at the top of the page.


3. Click on upload theme button.


4. Click on Choose file button then select your tg-baby-care-pro.zip theme and click on install now button.


Congratulations!! Your theme have been successfully installed.

Section Color/Font Pallette

The method of changing the colour or font is extremely simple. These choices are available in all customizer areas. It is a comprehensive graphic that demonstrates the font and colour palette. You can change the colour and font of the headings, paragraphs, and buttons with a single click.

Depending on the number of options accessible in each area, there is an option to change the colour scheme for the headings, title/text, paragraphs, button text, and button background.

Default Color/Font settings

One-Click Demo Content Importer

To set up your theme, simply click to import sample content. You can follow the instructions in this article to develop your website for website creation.

Go to Dashboard >> Appearance >> TG Setup Wizard

Click on "Start Now".


Click on "Install plugin".


Click on "Demo Import".

Fetch Demo content

This theme supports the standard Site Identity area that WordPress provides, and we have added some options to this section.

Set up your home page by following these instructions.

  • 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.

    You can label it anything you like, such as "home." then choose the "Home page" template from the template options.



  • 2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home


  • When you're finished, you can view the entire demo on the top page.

How to set up Home Page

Setup Top Bar

In order to set up Top Bar Section,

Go to Appearance >> Customize >> Theme Settings >>Top Bar



Use these guidelines to set up Top Bar.

  • Top Bar Contact Title Color: The colour of the contact title can be changed.
  • Top Bar contact Title Font family : You Can Alter The Font Family For Contact Title
  • Top Bar Contact Details Color: Color of Contact Details May Be Modified.
  • Top Bar contact details Font family:Font Family for Contact Information is Modifiable.
  • Top Bar contact icon Color :You Can Change Contact icon Color.
  • Header Background Color : The header can have a coloured backdrop.
  • Top Bar Background image (1520px x 50px) : The background image can be added.
  • Header Main title Color: You can alter the main colour of the header.
  • Header Main title Font family : The title's font family can be changed.

Setup Header

In order to set up Header Section,

Go to Appearance >> Customize >> Theme Settings >>Header Section



Follow these instructions to setup Header.

  • Menu Item Color: The header can have a coloured backdrop.
  • Menu Item Fonts : The background image can be added.
  • Menu Item Hover Color: You can alter the main colour of the header.
  • Menu DropDown Background Color:The title's font family can be changed.
  • Menu DropDown Item Color :You Can Change color of menu dropdown item color.
  • Menu DropDown Item Hover Color: You Can color of menu dropdown on hover.
  • Menubar Background Color : Menubar background colour is modifiable.
  • Button title Color: The colour of the button title is editable.
  • Button title Font family : The button title's font family can be changed.

Phone



Follow these instructions to setup Header.

  • Phone Icon and Text Font Size:The background of the header may be coloured.
  • Phone Icon and Text Fonts : You can include the backdrop picture.
  • Phone Icon and Text Color: The header's primary colour can be changed.
  • Phone Icon and Text Font Weight: The header's primary colour can be changed.

Setup Slider



Follow the below steps to setup the slider

Go to Appearance -> Customize -> Theme Settings -> Slider Settings



  • Setting Options : Includes settings for Slider display enable/disable option. With this setting, you can enable/disable this paragraph. This environment is crucial. If you want this section to show on your website, leave the option enabled; if you don't, pick the disable option, and this section will no longer be visible on your website.
  • Number of Slider To Show:Let you to choose how many sliders to display.
  • Slider Image: The photos for the slider can be set here.
  • Slider Heading Title: Here, you may choose whether the slider's title will appear.
  • Slider Text: You can choose to have the text appear on a darker image.
  • Slider Heading Color:Permit setting the slider's header colour.
  • Slider Heading Fonts: You can set the font of Slider heading with this option.
  • Slider Text Color:This option allows you to set the color of slider text.
  • Slider Text Fonts: You can set the font of Slider heading with this option.

To setup the Site Icon

Go to Appearance -> Customize -> Site Identity



  • Logo :From this page, you can add the Slider Icon.
  • Site Title: The Site Title can be added in this area.
  • Tagline: The tagline can be included in this section.
  • Site Icon: From this part, you can add the site icon.

Setup About Section



In order to proceed with About Us,

Go to Appearance -> Customize -> Theme Settings ->About Section



Follow these instructions to setup About Section section

  • Do you want this section: Includes settings for About display enable / disable option.
  • Section Background Color: You can add a background colour here, and your site will display it when you do.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • About Image: You can add Icon Image Here and the Image will be displayed in About Section section of your site.
  • Sub Title Color: You can add Sub Title Color here and the About Section Sub Title Color will be displayed of your site.
  • Sub Title Font Family: You can add Sub Title Font Family here and the Sub Title Font Family will be displayed in About Section of your site.
  • Title Color: You can add Title Color here and the Title Color will be displayed of your site.
  • Title Font Family: You can add Title Font Family here and the About Section Title Font Family will be displayed of your site.
  • Text Color: You can add Text Color here and the About Section Text Color will be displayed of your site.
  • Text Font Family: You can add Para Font Family and the Para Font Family will be displayed of your site.

Services Section



Go to Customize >> Theme Settings >> Services Section



  • Setting Options: includes options to allow or disable the display of Our Causes.
  • Section Background Color: You can add a background colour here, and your site will display it when you do.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • Service Sub Title Color: Here, you can include the Service Sub Title Color.
  • Service Sub Title Font Family: Here, you may insert the Service Sub Title Font Family.
  • Service Title color: Here, the font family for the service title will be displayed on your website.
  • Service Title Font Family: Here, the font family for the service title will be displayed on your website.
  • Service Text Color: Service Text Color can be added here.
  • Service Text Font Family The Service Text Font Family can be added here.

Our Product Section





Follow the procedures listed below to set up the following section.

1. Go to Dashboard -> Products -> Add New



2. Add the Cources Section, Go to Appearance -> Customize -> Theme Settings -> Upcoming Products Section

3. Moreover, you can change the background and text colours in that section.



Follow these instructions to setup Upcoming Product Section.

  • Setting Options: includes settings for the ability to enable or disable course display.
  • Section Background Color: You can add a background colour here, and your site will display it when you do.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • Title Color:The page will be displayed in the Cources Section area of your website if you add a Title Color here.
  • Title Font Family: Your site's section headings will be displayed after you apply the Title Font Family.
  • Sub Text Color: You can add Sub Text Color here.
  • Text Font Family: You can add Text Font Family here.
  • Product Title Color: You can add product Title Color here.
  • Product Title Font Family: The product title font family can be added here.
  • Product Text Color:Product Text Color can be added here.
  • Product Text Font Family: Product Text Font Family link is available here.
  • Enroll Button Color: Enroll Button Color can be added here.
  • View all Button Color:View all Button Color can be added here.
  • View all Button Font Family:See all Button Font Family may be added here.

Setup Our Records



In order to proceed with Our Records,

Go to Appearance -> Customize -> Theme Settings -> Our Records




In order to proceed with Our Records

  • Setting Options: includes options to enable or disable records display.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: You can use it to change the background picture for this section.
  • Counter Image: The counter image for this section can be set here.
  • Number:You can specify the quantity of any records you wish to display in this field.
  • Counter Title:You can enter the Counter Title record information here.
  • Counter Text: You can type the Counter Text for the record here.

Our Gallery



The "babysitting-day-care-pro-posttype" plugin must first be activated. You alone then add Donator.

In order to setup the following section go to Dashboard -> Gallery



To continue with the Gallery,

Go to Appearance -> Customize -> Theme Settings -> Gallery


    Do you want this section: In this part, you have the choice to "enable" or "disable" this section entirely. Simply use the deactivate option to remove the part from your website if you decide you do not want it there. And all you need to do to make this gorgeous area appear on your website is activate it.

  • Setting Options: includes options for turning on and off gallery display.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Sub Title Color: This option allows you to set Sub Title Color of section.
  • Sub Title Font Family: This option allows you to set Sub Title Font Family of section.
  • Title Color: You can choose the section's title colour with this option.
  • Title Font Family: You can choose the section's title font family with this option.
  • Text Color: This option allows you to set Sub Text Color font of section.
  • Text Font Family: You can choose the section's text font family with this option.

Our Events Section



The "babysitting-day-care-pro-posttype" plugin must first be activated. Then, you alone add Event.

In order to setup the following section go to Dashboard -> Event -> Add New



Add the Video, Go to Appearance -> Customize -> Theme Settings -> Upcoming Events Section






Follow these instructions to Setup Our Video.

  • Setting Options: Includes settings for Events display enable / disable option.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can choose the section's title colour with this option.
  • Title Font Family: You can choose the section's title font family with this option.
  • Sub Text Color: This option allows you to set Sub Text Color of section.
  • Text Font Family: You can choose the section's text font family with this option.

Our Pricing Plan





Add the Video, Go to Appearance -> Customize -> Theme Settings ->Pricing Plan



Follow these instructions to Setup Our Video.

  • Setting Options: includes options to enable or disable pricing display.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can choose the section's title colour with this option.
  • Title Font Family: You can choose the section's title font family with this option.
  • Sub Text Color: This option allows you to set Sub Text Color of section.
  • Text Font Family: You can choose the section's text font family with this option.

Our Programs





Add the Video, Go to Appearance -> Customize -> Theme Settings -> Program Section



Follow these instructions to Setup Our Video.

  • Setting Options: contains options for programme display enable and deactivate.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can choose the section's title colour with this option.
  • Title Font Family: You can choose the section's title font family with this option.
  • Sub Text Color: This option allows you to set Sub Text Color of section.
  • Text Font Family: You can choose the section's text font family with this option.

Join With Baby Care





Add the Video, Go to Appearance -> Customize -> Theme Settings ->Join Now





Follow these instructions to Setup Our Video.

  • Setting Options: Includes settings for Join Section enable / disable option.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can choose the section's title colour with this option.
  • Title Font Family: You can choose the section's title font family with this option.
  • Sub Text Color: This option allows you to set Sub Text Color of section.
  • Text Font Family: You can choose the section's text font family with this option.

Setup Team Section



The "babysitting-day-care-pro-posttype" plugin must first be activated. Afterwards, you alone add Team.

In order to setup the following section go to Dashboard -> Our Team -> Add New



Add the Video, Go to Appearance -> Customize -> Theme Settings -> Team Section




Follow these instructions to Setup Our Video.

  • Setting Options: includes options to enable or disable team display.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can choose the section's title colour with this option.
  • Title Font Family: You can choose the section's title font family with this option.
  • Sub Text Color: This option allows you to set Sub Text Color of section.
  • Text Font Family: You can choose the section's text font family with this option.
  • Team Name Color: You can change the section's Team Name Color with this option.
  • Team Name Font Family: You can change the section's Team Name Font Family with this option.
  • Team designation Color: You can change the section's Team designation colour with this option.
  • Team designation Font Family: You can choose the Font Family of the section's Team designation with this option.

Setup Latest Post



In order to proceed with Latest Post,

In order to setup the following section go to Dashboard ->Posts -> Add New



Go to Appearance -> Customize -> Theme Settings -> Recent Post


    Do you want this section: In this part, you have the choice to "enable" or "disable" this section entirely. Simply use the deactivate option to remove the part from your website if you decide you do not want it there. And all you need to do to make this gorgeous area appear on your website is activate it.

  • Background Color: Here, you can set the background color for this section.
  • Background Image: Here, you can set the background image for this section.
  • Title Color: Here, you can set the Title Color of this section here.
  • Title Font Family: This option allows you to add the Title Font Family for this section.

Sponsor



In order to proceed with Our Sponsors,

Go to App appearance -> Customize -> Theme Settings -> sponsor Section


    Do you want this section: In this part, you have the choice to "enable" or "disable" this section entirely. Simply use the deactivate option to remove the part from your website if you decide you do not want it there. And all you need to do to make this gorgeous area appear on your website is activate it.

  • Background Color: Here, you can set the background color for this section.
  • Image: Select Image

Setup Testimonial



In order to proceed with Testimonial,

The "babysitting-day-care-pro-posttype" plugin must first be activated. Only you add Testimonial after that.

Go to the following link to set up the section. Dashboard -> Testimonial -> Add New



Go to Appearance -> Customize -> Theme Settings -> testimonials Section


    Do you want this section: In this part, you have the choice to "enable" or "disable" this section entirely. Simply use the deactivate option to remove the part from your website if you decide you do not want it there. And all you need to do to make this gorgeous area appear on your website is activate it.

  • Background Color: Here, you can set the background color for this section.
  • Background Image: Here, you can set the background image for this section.
  • Title Color: Here, you can set the Title Color of this section here.
  • Title Font Family: This option allows you to add the Title Font Family for this section.

Setup Footer Text



In order to proceed with Footer,

In order to setup the following section go to Dashboard -> Appearance -> Widgets

In order to proceed with Footer Text,

Go to Appearance >> Customize >> Theme Settings >>Footer Text

Plugins

With plugins, you can increase and expand the functionality of WordPress.
How to activate plugins

If you want these features in your theme, you must activate the plugin. In order to activate the plugin in your theme, follow these instructions.

Go to Plugins >> Installed Plugins >>Babysitting Day Care Pro Posttype >>Activate


When you activate plugin, you can see four more options in your admin navigation, i.e Causes , Events , Donators , Testimonials,Our Team. You can see this five options in the admin navigation of the image because the plugin is activated.

These five sections automatically appears in your website once you activate plugin. You can see scrennshot of the same below.

Now, you can see these sections are added but contents are not there. For adding contents to these sections, follow these instructions.

Gallery Page

Need To Install Gallery Images Plugin And add the Shortcode in page.
How to activate plugins

If you want these features in your theme, you must activate the plugin. In order to activate the plugin in your theme, follow these instructions.

Go to Plugins >> Installed Plugins >>Gallery Images >>Activate


When a plugin is activated, your admin navigation will expand to include four new options: Causes, Events, Donators, Testimonials, and Our Team. Because the plugin is active, you may see these five options in the image's admin navigation.

Once you enable the plugin, these five sections are instantly added to your website. This is a screen image of the same.

You can see that some sections have been added, but their contents are missing. Use these guidelines when adding content to these areas.

In order to proceed with Gallery Section

Go to Appearance >> Customize >> Theme Settings >>Gallery Page Settings



About Us Page



In order to proceed with About Us,

Go to Appearance -> Customize -> Theme Settings ->About Section



Set up the About Section section by following these instructions.

  • Section Background Color: You can add a background colour here, and your site will display it when you do.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • About Image: You can add Icon Image Here and the Image will be displayed in About Section section of your site.
  • Sub Title Color: You can add Sub Title Color here and the About Section Sub Title Color will be displayed of your site.
  • Sub Title Font Family: You can add Sub Title Font Family here and the Sub Title Font Family will be displayed in About Section of your site.
  • Title Color: You can add Title Color here and the Title Color will be displayed of your site.
  • Title Font Family: You can add Title Font Family here and the About Section Title Font Family will be displayed of your site.
  • Text Color: You can add Text Color here and the About Section Text Color will be displayed of your site.
  • Text Font Family: You can add Para Font Family and the Para Font Family will be displayed of your site.





Add the Video, Go to Appearance -> Customize -> Theme Settings -> Pricing Plan



Follow these instructions to Setup Our Video.

  • Setting Options: contains options for programme display enable and deactivate.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can choose the section's title colour with this option.
  • Title Font Family: You can choose the section's title font family with this option.
  • Sub Text Color: This option allows you to set Sub Text Color of section.
  • Text Font Family: You can choose the section's text font family with this option.


The "babysitting-day-care-pro-posttype" plugin must first be activated. Afterwards, you alone add Team.

In order to setup the following section go to Dashboard -> Our Team -> Add New



Add the Video, Go to Appearance -> Customize -> Theme Settings -> Team Section




To setup our video, simply adhere to these directions.

  • Setting Options: includes options to enable or disable team display.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can choose the section's title colour with this option.
  • Title Font Family: You can choose the section's title font family with this option.
  • Sub Text Color: This option allows you to set Sub Text Color of section.
  • Text Font Family: You can choose the section's text font family with this option.
  • Team Name Color: You can change the section's Team Name Color with this option.
  • Team Name Font Family: You can change the section's Team Name Font Family with this option.
  • Team designation Color: You can change the section's Team designation colour with this option.
  • Team designation Font Family:You can choose the Font Family of the section's Team designation with this option.




Add the Video, Go to Appearance -> Customize -> Theme Settings ->Join Now


To setup our video, simply adhere to these directions.

  • Setting Options: includes options for joining display on and off.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can choose the section's title colour with this option.
  • Title Font Family: You can choose the section's title font family with this option.
  • Sub Text Color: This option allows you to set Sub Text Color of section.
  • Text Font Family: You can choose the section's text font family with this option.


In order to proceed with Testimonial,

The "babysitting-day-care-pro-posttype" plugin must first be activated. Only you add Testimonial after that.

In order to setup the following section go to Dashboard -> Testimonial -> Add New



Go to Appearance -> Customize -> Theme Settings -> Testimonial


    Do you want this section: You have the option to completely "enable" or "disable" this section in this section. If you decide you do not want the component on your website, just utilise the deactivate option to remove it. And all you need to do is activate it for this lovely area to show up on your website.

  • Background Color: Here, you can set the background color for this section.
  • Background Image: Here, you can set the background image for this section.
  • Title Color: Here, you can set the Title Color of this section here.
  • Title Font Family: This option allows you to add the Title Font Family for this section.

Error 404 Page



In order to proceed with Error 404 Page

Go to Appearance -> Customize -> Theme Settings ->404 Page Settings



Use these guidelines to build up a 404 error page.

  • Section Background Color: You can add a background colour here, and your site will display it when you do.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • 404 Error Image: You can add Icon Image Here and the Image will be displayed in About Section section of your site.
  • Title, Text, Color: You can add Text Color here and the Error Text Color will be displayed of your site.
  • Title, Text Font Family: You can add Para Font Family and the Para Font Family will be displayed of your site.
  • Title, Text Font size: You can add Para Font Family and the Para Font Family will be displayed of your site.

Faq Page



In order to proceed with Faq Page

Go to Appearance -> Customize -> Theme Settings ->Faq Page Settings



Follow these instructions to setup Faq Page

  • Section Background Color: You can add a background colour here, and your site will display it when you do.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • Faq Image: You can add Icon Image Here and the Image will be displayed in Error Page of your site.
  • Title, Text, Color: You can add Text Color here and the Faq Page Text Color will be displayed of your site.
  • Title, Text Font Family: You can add Para Font Family and the Para Font Family will be displayed of your site.
  • Title, Text Font size: You can add Para Font Family and the Para Font Family will be displayed of your site.

Contact Page



In order to proceed with Contact Page

Go to Appearance -> Customize -> Theme Settings ->Contact Page Settings



Plugin "Contact Form 7" must first be activated. only you add Contact after that

In order to setup the following section go to Dashboard -> Contact -> Add New



The Shortcode will be created as seen in the accompanying figure after clicking the Save button.



Follow these instructions to setup Contact Page

  • Section Background Color: You can add a background colour here, and your site will display it when you do.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • Title, Text, icon, Color: You can add Text Color here and the Faq Page Text Color will be displayed of your site.
  • Title, Text Font Family: You can add Para Font Family and the Para Font Family will be displayed of your site.
  • Title, Text, icon Font size: You can add Para Font Family and the Para Font Family will be displayed of your site.


Page Templates and sidebars

Page Templates

  • Default Template (the standard page layout with the right sidebar )
  • Home Page Template(Front page with the demo content)
  • Blog Full Width Extend (Page template with no sidebar position)
  • Blog with Left Sidebar (A page templates with left sidebar position)

  • Blog With Right Sidebar (A page template with right sidebar position)

  • Page with Left Sidebar (A page templates with left sidebar position)

  • Page With Right Sidebar (A page template with right sidebar position)

  • Contact Template (The default Contact template with no sidebar position)

Post, Categories and Post Formats


Adding category

For additional details on adding categories, see the article below:click here

  • Log in to your WordPress Administration Panel (Dashboard).

  • Click the Posts tab.

  • With that done, click Categories for blog posts.

  • Enter the name of your new category here.

  • After that, click the Add New Category button.

Simply press the Publish button.

Creating a Blog post

  • Log in to your WordPress Administration Panel (Dashboard).

  • Click the Posts tab.

  • Click the Add New tab.

  • Enter the text for your post. Please click the following link for further details on adding posts.click here


Shortcodes

A shortcode is an effective tool for creating content click here Using shortcodes is simple. Make sure the editing mode is first set toVisual.

Testimonials

Available shortcodes are

>Testimonials-[alt-affiliate-marketing-pro-testimonials]


CUSTOM WIDGETS

So as to continue with Widgets Section,

Go to Appearance Customize Theme Settings Footer Widgets.

This is how you can setup Final Footer section.

How to Setup Additional Theme AddOns

1.The plugin must first be downloaded from the source (which will be a zip file) ( Post Type plugin.zip). Then, click the Plugins » Add New page in the WordPress admin area.

2.After that, click the Upload Plugin icon at the page's top.

3.You'll arrive at the plugin upload page after doing this. Next, you must select the plugin file you already downloaded to your computer by clicking the choose file option.

4.After choosing the file, you must select the install now option.

5.The plugin file from your computer will now be uploaded to WordPress, where it will be installed. After installation is complete, a notice like this will appear.

6.To use the plugin after installation, click the link that says "Activate Plugin"