Theme setting up

One Click Install Demo

With HomeID, you can build a fully functional website just by clicking a button and install our demo data or click 5.2.1 Create A New Page to step by step. Your BEYOT installation will be set up with what we have on our demo website, and you can use it as a template to develop your own website.

Go to Beyot Theme >> Install Demo

Content Block

Then choose option button to install demo as you want:

Only Setting: Click this button to install only Demo settings

Install: Click this button to install all settings with demo data of HomeID

Content Block

The process would be displayed on import status bars so you will know when it is finished and your data is ready(Image below use Beyot theme).

Content Block

You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings > Permalinks.

Content Block
DONE. Now, you can visit your website to view demo.

Import Demo Content

If you are new to WordPress and have problems with setting up the theme you might want to import the demo content file that comes with the BEYOT. The following actions will import some dummy posts and pages from the live preview:

Go to menu Tools > Import
Select WordPress from the list

Content Block

If you haven't installed the WordPress import plugin, a popup window will appears and ask you to install it. Just click Install Now. When the installation progress is completed, click Activate Plugin & Run Importer. If you have installed this plugin, skip to next step.

Content Block
Content Block

Click Browse and select demo-data.xml file from the download package (Demo Data on path: wp-content\plugins\homeid-addons\assets\demo-data\main)

Content Block
Content Block

Click Upload file and import

Content Block

When you are asked to import author, you can create new author or import to existing author. You also should check the Download checkbox and import file attachments.

Display asked to import author, selected and continue

Content Block

After completing all above steps, open frontend link to see your result and compare with my demo https://homeid.g5plus.net/home-01/

If you don't want to use the demo content pack, you can read the instructions on how to work with our theme built-in Page Builder below to make your own pages.

Creat a new page

You can create any number of pages with content. Our theme includes several page templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin.

If you DID NOT One Click Install Demo, you will need to MANUALLY CREATE your Home and other pages. Here’s how to build a new page:

You could consult our video guide on How to create page using WPBakery Page Builder

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Content Block

Step 2 – Input a new name for your page, and click BACKEND EDITOR to build page by WPBakery Page Builder or click FRONTEND EDITOR to build page by WPBakery Page Builder on the frontend (make sure that you have installed WPBakery Page Builder plugin).

Content Block

Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.

Don't click BACKEND EDITOR: It means that you could input content to Classic Mode Area, then go to Step 3
Click "BACKEND EDITOR": your screen could be like this

Content Block

Step 3 – Setup values for Page Settings which will affect to this page only and override options set in the Preset (if this page apply any Preset) or Theme Options..

You could consult our guide on How to use Preset for more details on How to apply Preset to a Page/Post

Content Block

Any option that was set to be Default or Customize Off means that it will use the value of equivalence option you have set in Preset (if this page apply any Preset) or Theme Options. Insert a different value to override the Preset/ Theme Option value.

Step 4 – Set your Parent page (It’s usually set to No Parent).

Step 5 – Set featured image for your page (optional)

Next, you can publish this page and set it as your frontpage. You could consult (Settings a static page as Home) section.

Building Hompage

Now you can start fiddling with WPBakery Page Builder to build your home page with any design that you like.

In case you don't have time for experience with it, you can switch to Classic Mode and use one of the shortcode sets provided below to build your frontshop based on one of the pre-made home page we offer.

To create a page similar to Homepage in our the demo, choose the Classic Mode and switch to the Text tab, then paste this code into the content of your page:

Page Pre Built Content

Home 01
Home 02
Home 03
Home 04
Home 05
Home 06
Home 07
Home 08

Build OnePage

Home OnePage aims to focus the user's attention to the content that they want. When you choose an item on Main Menu of OnePage, it immediately navigates to the section that you've chosen

If you want to build your Home OnePage please consult our guide below:

Step 1 - You just have to create a Menu with Links as items.

Content Block

Step 2 - Go to your homepage, anywhere you want the menu item to navigate to section, please edit row by WPBakery Page Builder and type id on field: Row ID (make sure that the Row ID is the same as menu item URL)

Content Block

Sidebars and Widgets

In this section will provide a list of pre-defined sidebars as well as their locations on a page, so that you will find it easier when pulling out widgets to set up your site.

Content Block

Contact Form

You can do step by step as image below to build contact form

Add New Contact Form

Content Block
Content Block

You can visit Contact Form 7 Plugin to further details. Or copy and paste content to Form field like this:

Example Value Content for Contact Form

You can also consult a lot of our contact forms have been created here:

Content Block
Copyright © 2022 - G5Theme
On this page
Check