How to Use the Visual Composer Plugin in Your Posts

Do you have the Visual Composer plugin, but are confused on how to use it? In this post we will show you how to create a post on your WordPress website using Visual Composer. Start off by going to your WordPress website, and log in. We will move forward as though you already have Visual Composer downloaded, if not check out our other post How to Install a New Plugin on Your WordPress Website. When you have logged in, you’ll be taken to your dashboard. Before you begin the actual post itself, we will want to make sure that Visual Composer is ready to use. Click on the tab ‘visual composer’ and you’ll be taken to the general settings. Go over to role manager and find the drop-down box ‘post types’ you want to make sure that is set for custom and make sure the ‘posts’ box under it is checked to. Save those changes, then we are going to go to posts and add a new post. Here is where you add any title you wish, first we are going to look at how to use the backend editor of visual composer. When you click back-end editor, we are taken to the Visual Composer options. Yu have 3 buttons: Element, Add Text Block, and Add Template. Element is just a way to say add a button, any kind of text, images, really anything you want to do to customize your post. If you click on element, you’ll be taken into all the options you have, more can be added with different plugins installed. We will start with adding a row, next, click the plus sign in the middle and add a text box. The text box comes with filler text that you can simply delete and make your own. If you hit save changes, then you can hover over the text box and find the green tab that allows you to edit, duplicate, or trash your text box. A great thing that Visual Composer allows you to do, is make column, start out with two. It will add a column on the right, that you can fill with an image to go along with your text. If you need help uploading an image, check out our other tutorial, How to Add Images, Videos and PDF Documents to Your WordPress Website. You have many options for how to have your image in your text, you can scroll through those and make any adjustments you like, then hit ‘save changes’. If you have multiple rows and columns, you can drag them into any position you like and make it personalized to you. Something we, at Mesa Digital Marketing, like about Visual Composer is the ability to add custom spacing to your post. If you click the big plus, you’ll be taken to the elements list where you click the ‘empty space’ option. From there you can drag it anywhere you like. From there your blog post is ready to go and you can hit publish or schedule for a later date. You can see what it looks like, and edit any parts necessary and republish if needed.

If you look at your phone and don’t like the how it looks on there, there are two ways to fix that. First, you will want to make something full width. If you have Bridge, this is an easy step to do, some simple programs don’t have that feature. the other way to do so is to go into the mobile usage of Visual Composer. We’ll first create a row, then add a row to the inside of that first row. the outside row will be one column, then the inside row, you can make two columns. Next, add the text and images like we did before and create the lay out like we had previously. Duplicate that whole things and in the first set of rows, click the pencil on the first row, we can go to ‘responsive options’ and you can click ‘hide on small devices’ to allow this layout to only show up on a desktop computer. On the next set we are going to do that edit process again and make it only on mobile. We can hit publish and make sure all our pages work on mobile and desktop. These are just a few options you can use while making your post with Visual Composer, we hope you enjoyed and that you’ll come back soon for future tutorials.

Let us help you grow your business!