visual composer

How to Use content Blocks

How to Add a New Content Block?

Edit your page and add as many as content blocks you desire. If you don’t know how, follow steps below.

1- In theme panel go to Pages → All Pages, edit the page you want to customize or add a new page by clicking Add New at top of the page (I add a new page).

2- Here you see three Add items (red rectangular in image below). If you don’t know how to start working with Visual Composer(VC), there is a link knowledge base (yellow rectangular) click on that and read about working with VC on its website.

Add new items by Visual Composer

3- For adding content blocks, click on Add Element, then you will see a modal showing up like below

select content block

4- Scroll this list and select the block you want to use. If you didn’t select one, see Publisher Blocks.

5- Now a modal (pop-up) shows up (see below image). Every tab and option in this modal will be explained in next sections of Homepage blocks. So for more information read those sections.

content block setting modal

How to Manage Content Blocks Location?

Content blocks managing with VC is very user friendly (follow VC tutorials for learning more about working with VC or follow VC video tutorials).

Change location of a block: For changing location of a block, drag and drop it as showed in below gif

replacing content blocks in visual composer

Add blocks side by side: Hover the icon showed in below gif and select what the pattern you want

Change columns number in visual composer

Add an empty location: Click on + icon to add an empty column. Add a new content block to it or drag and drop an existing one.

Homepage Builder

Let’s say you selected a Homepage template as described in previous section, Pre-defined Homepage & Template, now you want to make changes into it. Publisher uses very powerful tool for this customization; Visual Composer is a well known premium plugin (costs $34) has various options and add-ons. Also Publisher has a long list of highly customizable widgets (add-on) for Visual Composer.

How Can I Build My Homepage Using Visual Composer(VC)?

We divide this large topic into small ones then handle them one by one:

  1.  How to edit Homepage
  2.  VC options
  3.  Edit Publisher Blocks and Listings

A. How to edit Homepage

1- When you are in the page click on Edit Page at top of the page

Edit homepage

2- Here you see VC handles page building originally by using Publisher Blocks and Listing

Visual Composer builds Publisher homepage

B. VC Options

You can read VC tutorials on its website or follow VC video tutorials  also searching in Google and YouTube will lead you to numerous results.

C. Edit Publisher Blocks and Listings

One of the sophisticated features of the VC is tons of add-ons for it. Many VC add-ons are available for buying at its website but Publisher provides you tenth of VC add-ons for free and highly customize-able.

Publisher provides you more than 80 add-ons free and highly customize-able.

We are going to explain this topic in an independence section Homepage Blocks, read these articles to learn how to create pages by Visual Composer.

VC for All Pages

Visual Composer is not just for homepage; it can be used for different pages. For activating VC in different pages, see below image.

Activate visual composer for all pagesIn step 3, select which pages you want to have Visual Composer activated in.