Add a Block to Columns with the Frontend Editor of Visual Composer

Add a Block to Columns with the Front-End Editor of Visual Composer

Get a copy of the transcript of this guide (pdf)

append-an-element-to-a-column-with-the-front-end-editor-of-visual-composer

Use front-end editor of Visual Composer

It is really easy to add another element to a column in the front-end editor of the Visual Composer. Let’s try to add an element. To do that, hover your mouse over a column and you can see an orange button at the top.

Add a Text Block element

append-an-element-to-a-column-with-the-front-end-editor-of-visual-composer-2

Select the Text Block element. If you’re having a hard time finding the Text Block element, you can either search it at the textbox located at the top-right side of the box or you can go to the Content tab to filter out some elements.

Text Block Settings box will pop-up

append-an-element-to-a-column-with-the-front-end-editor-of-visual-composer-3

As you can see, our text block element is already added above the image. Once done with the changes, click Save Changes and close the text block settings.

Add a Separator element

append-an-element-to-a-column-with-the-front-end-editor-of-visual-composer-4

Let’s try to add a separator element. To do that, select the separator element. If you’re having a hard time finding the Separator element, you can either search it at the textbox located at the top-right side of the box or you can go to the Content tab to filter out some elements.

Separator Settings box will pop-up

append-an-element-to-a-column-with-the-front-end-editor-of-visual-composer-5

As you can see, the separator that we have added is already below the text that we’ve added a while ago. Once done with the changes, click on Save Changes and close to close the separator settings.

Add a Video Player element

append-an-element-to-a-column-with-the-front-end-editor-of-visual-composer-6

Let’s try to add a video player element under the image. To do that, click on the orange button.

Select the Video Player element

append-an-element-to-a-column-with-the-front-end-editor-of-visual-composer-7

Let’s try to add a video player element. To do that, select the video player element. If you’re having a hard time finding the video player element, you can either search it at the textbox located at the top-right side of the box or you can go to the Content tab to filter out some elements.

Video Player Settings will pop-up

append-an-element-to-a-column-with-the-front-end-editor-of-visual-composer-8

Once done with the changes, click on Save Changes and close to close the video player settings.

Video Player was successfully added

append-an-element-to-a-column-with-the-front-end-editor-of-visual-composer-9

As you can see, we’ve got our video player added under the image. It’s very easy to add elements. One important thing to remember is that to be careful and make sure that you have selected the right section when you add an element.