Theme Installation Via FTP/Cpanel

To Install the theme via FTP/Cpanel follow these steps:

• Download a Copy of Theme zip file from WordPress.
• Save the downloaded theme zip file in your hard drive.
• Extract the downloaded zip file.
• Now Connect the ftp server using the FTP details and copy the extracted folder to your WordPress theme direcetory
• Now go to the Dashboard > Appearance > Themes.
• You’ll see the theme in the theme dashboard.
• Activate the theme.

Theme Installation Via WordPress Dashboard

To install the theme via WordPress Dashboard follow these steps:

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Themes.
• Click on Add New button then search Builderio in search field.
• Click Install button to theme install into the wordpress site.
• Once installed, Activate the theme.

Theme Recommendation & Configuration

To install recommended plug-in follow the below steps:

• Check in header notification after activate the theme.
• Theme recommend the plug-in Conact Form 7 like below screen shot



• Click to install the plug-in and activate to your site like screen shot.

Import Demo

Note: Before you start to demo import, You should install the theme and recommended plugin. please check Theme Installation to install theme and plugin to your site.

Note: If you import demo means no need to create post, page.

• Login to you WordPress Dashboard.
• Go to Dashboard > Tools > Import.
• Demo file located in theme folder. like this builderio/demo/builderio-demo-template.xml
• After successfully imported, you have to set homepage. We briefly explained under the title Setup Home Page.
• Next, You have to Activate Primary Menu In WordPress Dashboard > Appearance > Menus.

Import Widget

• Login to you WordPress Dashboard.
• Go to Dashboard > Plugins > Add New.
• Search the Plugin Widget Importer & Exporter on serach box like screenshot.



• Click Install and Activate the plugin for import widgets to your site
• After Activate the Plugin, Navigate to Tools > Widget Importer & Exporter.
• Import Widget file located in theme folder. like this builderio/demo/builderio-widgets.wie



• After import the widget, navigate to Appearance > Widgets > Homepage Widget Area.
• Open Our Works – Builderio Widget and Choose 8 from Number of Post and Save the widget
• Open Testimonial – Builderio Widget and Choose Clients from Category Option and Save the widget

Setup Home Page

• Go to Settings > Reading
• Set Homepage and Posts Page. Like below screenshot.

Setup Theme Options

Page Slider

You can show pages as slider on homepage.

• Go to Dashboard > Appearance > Customizer > Frontpage Section.
• Expand the Page Slider and choose the pages to show on heompage. E.g: screenshots

Contact Section

• Go to Dashboard > Appearance > Customizer > Frontpage Section.
• Expand the Page Slider and choose the pages to show on heompage. E.g: screenshots

Widget Section

You can customize the widget

• Go to Dashboard > Appearance > Widgets.
• Just Drag and Drop the Builderio Widgets into Homepage Widget Area

Top Header

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Customizer > Theme options.
• Expand the Header Options tab.
• Activate Header Top Option and fill the input values like screenshot
• Click Publish button to show on website

Contact Form Configuration

• Go to Contact > Contact Forms.
• You can see 2 contact forms on contact form grid
• Click Edit the shortcode form: id=”71″
• Click Mail tab and Add your email address in the “To” field.



• Click Save Button

Setup contact page

• Navigate to Pages > All Pages.
• Click to edit the Page Contact Us.
• Note: please take backup before you edit the page.
Note: contact page content editor should be Text mode. Then only you can use html elements.
• Please check the screenshot. we have used the shortcode from Contact Form 7

Configure Logo

Header logo option allows you to display a logo in your site replacing the default site tagline text. To configure the header logo for your site follow these steps:

• Login to you WordPress Dashboard.
• Go to Dashboard > Appearance > Customize.
• Go to General Settings > Header Logo.
• Click on Select Logo button.
• Choose the logo of your choice from the media library.
• You will be provided with the image crop functionality crop the image as per your requirement.
• Then, click on Save & Publish button.

Setup Menu

You must create a menu before you can add item to it.

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Menus.
• Click Create a new menu at the top of the page.
• Enter a name for your new menu in the Menu Name Field.
• Click the Create Menu button.

Now you can add items to the menu.

• Locate the panel entitled Pages.
• Within this panel, select the View All link to bring up a list of all the currently published Pages on your site.
• Select the Pages that you want to add by clicking the checkbox next to each Page’s title.
• Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
• Click the Save Menu button once you’ve added all the menu items you want.

Configure Header Banner

You can show banner in your site after the header

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Customizer.
• Expand the Header Image tab.
• Click Add New Image to upload new images through media library.
• Please read description we recommended banner image size before you upload image.
• Click Publish button to show on website

Configure Breadcrumb

You can setup breadcrumb to your site. customers easily navigate to previous page or related pages.

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Customizer.
• Go to Theme Options > Breadcrumb Option.
• Click Normal to activate the breadcrumb
• Click Publish button to show on website

Activate Sticky Header

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Customizer.
• Go to Theme Options > Header Option.
• Click Enable Sticky Header option to activate header sticky
• Click Publish button to show on website

Footer Top

You can display 4 footer widget areas in the Footer. To Configure these footer widgets follow these steps:

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Widgets.
• Drag and Drop the widgets of your choice to Footer One, Footer Two, Footer Three & Footer Four widget areas.
• Configure the widget contents and settings.
• Once Done, Click on Save button.

Footer Bottom

You can change copyright text to your website:

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Customizer.
• Go to Theme Options > Footer Option.
• Write Copyright Text into the Field.
• Click Publish button to show on website.

Background Image

You can set background image to your website

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Customizer.
• Expand the Backround Image tab.
• Click Select Image button to upload image through media library.
• Once Done, Click Publish button.

Background Color

You can set background color to your website

• Login into WordPress Dashboard.
• Go to Dashboard > Appearance > Customizer.
• Expand the Colors tab.
• Select Color from Background Color button.
• Click Publish button to show on website.