Do I need coding experience?No, not at all. Visual Composer is a good fit for both experts and beginners. With an intuitive drag and drop interface and with a range of pre-designed templates and content elements you can convert your imagination into a real website.What is the difference between the Free and Premium versions?Visual Composer free version is an ultimate page builder to get your web design project started. Visual Composer Premium unlocks a full website builder experience and gives you unlimited access to the Visual Composer Hub (a cloud marketplace of elements, templates, and extensions). You can see more details about it here.Is Visual Composer the same as WPBakery?Visual Composer Website Builder (visualcomposer.com) is a different product from WPBakery Page Builder (wpbakery.com). WPBakery Page Builder is only for the content part, while with Visual Composer Website Builder you can create a complete website. You can see in-depth information about it here: Visual Composer vs WPBakery.Do you offer after-sales support?Yes, our team is providing support and is ready to help you. Whenever you have a question simply open a ticket with us in the support portal.Is it easy to start using Visual Composer?Yes, Visual Composer is a visual tool which means it lowers the barrier for non-technical people to start their web projects. With an intuitive interface and comprehensive tutorials (including video tutorials), you will become a WordPress expert in less than a day.What will happen when my subscription expires?Visual Composer will continue working on your website even after your subscription expires. Still, an active license ensures uninterrupted access to plugin updates, content elements updates, templates updates as long as access to the Hub and our support.Plugin updates may be required to ensure compatibility with the new releases of WordPress or other WordPress-related products.Will Visual Composer work on WordPress.com?Yes, it will work on WordPress.com on a 「Business」 plan. On other plans, WordPress.com doesn』t allow us to upload third-party plugins. Another option is using a self-hosted WordPress installation on a hosting of your choice.Do you offer a free trial?No, we don't have a trial, but we have a free version available. In addition, we do offer a 30 days refund policy to cancel your Premium subscription purchases. In case you wonder how our editor looks like, we have a demo available here: http://demo.visualcomposer.com/Do you offer student discounts?Yes, If you are a current student or faculty member, you may be eligible for our Students Program. Send us a message from our contacts page from an email that you received from your University.Does Visual Composer Website Builder work with any WordPress theme?Visual Composer Website Builder works with all properly coded themes without any problems. What does 「properly coded theme」 means? There is an official WordPress Codex which states rules which need to be followed when you develop your WordPress theme.Can I use Visual Composer Website Builder with posts, pages, and custom posts?Yes! Visual Composer Website Builder can be used for pages, posts, and custom post types. We also have a role manager that you can use to enable/ disable Visual Composer for certain post types.Can I edit headers, footer, and sidebar?Yes, if you have a premium version. Header, footer, sidebar, and overall theme edit and design options are available in the Visual Composer Website Builder Premium version.Can I activate Visual Composer on staging?While activating a license, Visual Composer will automatically detect whether your site is on staging or in production. It does that by detecting if it is hosted locally, if the URL contains phrases like 「demo」, "sandbox", 「test」, 「dev」, etc.
Author 诗语
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
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.