Page Comparison

The Column Builder is a component that allows editors to organize content similar to how it would appear in a table. Layouts containing columns display content side-by-side, which is commonly used on websites, in magazines, in newspapers and more. 

How to Add a Column Builder Component 

1. Click inside an empty gray placeholder.

2. Click Add here.

   

   (Click image to enlarge)

3. Click Column Builder.

4. Click Select. 

   

   (Click image to enlarge)

5. Click Create New Builder. 

   

   (Click image to enlarge)

6. Select a Column Type from the drop-down menu.

7. Click Add New Row.
   

   
   

   (Click image to enlarge)
   
   
   

   Note
   title Note
   For the purpose of this tutorial, we will be selecting the Two Thirds and One Third option.

   
   

8. Click inside the Two Thirds and One Third Title box to change the title in the Heading. 

   

   (Click image to enlarge)

9. Click inside the text box.

10. Then click the icon on the left, as seen in the image below.

    

    (Click image to enlarge)

11. Make your text changes and then click Accept.
12. Repeat steps 9-11 for One Third Column located on the right-hand side. 

Here's an example of how your page may look with text and images using a Column Builder. When you have multiple rows, you can use the Move Up and Move Down arrows to change the order in the Column Builder. 

Next: Submitting Your Page for Approval