Create a new page

Create a new page

Once the Visual Composer is installed, you are ready to create your first page using it. To do so, navigate to Pages -> Add New with Visual Composer.The editor window (with an option to add an element) will be displayed on the left. Your page will be displayed on the right. To add an element, click on the element thumbnail from the list. For example, click on the text block element to add a text block.The row and section are master elements that allow adding other elements within them. Once a row is added, you can divide it into columns under row settings. You can either select predefined layouts or enter custom column layouts (percentage, fractions, and pixels are accepted).To add any element within a row hover onto it and click on the 「Add」 option (plus icon). This will allow you to select any element from the editor that can be added to the row.To edit an element, simply right-click on it and select 「Edit」. You can move an element from one place to another by clicking (hold it) and dragging it around your page. You can move elements from one row to another or move rows and columns.A single image or a group of images can be displayed using elements such as Single Image and Image Gallery respectively. To add an image, upload it via the WordPress media library and select it from the element settings.Each element has its own design options which allow controlling its padding, margin, and border along with the background and animation. Design options allow you to style any element to your liking and adapt it for different devices.The Visual Composer Hub option in the editor will provide you access to the library which has a wide range of elements, templates, and building blocks. A premium license activation will allow downloading all elements while the free version has a specific list of available elements.Once the page is ready, you can preview or publish it using the publishing options available in the editor.

Insights

Insights

Visual Composer Insights is an inbuilt analytical tool that automatically analyzes your page content and provides qualitative and quantitative feedback.The Insights checks help you to create content that will rank higher (SEO), will be more accessible, and will load faster (site performance).You can access Insights from the navigation bar. The color next to the bell icon will indicate errors (red), warnings (yellow), and success (green).There are following checks available:

Title

Description

Empty content

The empty content message shows up when you haven』t added any content to the page you are working with.

Title length

Page title (or title tag) is a short description of your webpage that appears at the top of search engine results pages. The optimal length for the page title is between 10 to 60 symbols.

Content length

The length of your text provides the search engine with clues to determine your content and focus keywords. The recommended minimum of your text is 300 words, but the longer your content is, the more on-topic information you can offer to your site』s visitors.

Paragraph length

Properly sized paragraphs improve the readability of your text. If your paragraph contains more than 200 words, people won』t be able to scan and process the core idea easily.

Missing H1

H1 indicates a heading and describes the topic of your page. The topic heading is an influential ranking factor and often the most visually notable content on your page. Every page needs only one H1 tag that focuses on one keyword phrase, or sentence.

NoIndex

If you set a "noindex" directive for your page or post, this will exclude your content from search results.

Image ALT attribute

The alt text (alternative text) is added to describe the image in case the file can』t be displayed. Alternative text is important for screen readers, it also helps search engines to understand more about your page or the page you』re linking to.

Image size

The size of an image file impacts both the performance and SEO ranking of your page. The larger the file size, the slower your site loads. The faster the site, the easier it is for the search engine』s bot to analyze and add a page into a web search.

Internal/External links

Those two link types are components of the search engine』s algorithm to calculate your site position on search engine results pages. External links point from one website to another, but internal links tie the information within your own website.

Google Analytics code

Google Analytics Tag collects and sends data from your website to the Google Analytics platform.

Contrast check

Automatic content contrast check for meeting WCAG 2.0 accessibility standards.

In addition to Insights, Visual Composer Notification Center is located in the next tab. There you can find links to useful articles and tutorials curated by the Visual Composer team.Note: In some cases, you can ignore some of the warnings if they are not required. For example, if you don't want your page to appear in the search results, pay no attention to the no index warning from the Visual Composer Insights.