How to Use Column & Row Structures Efficiently in a Popup?
Column & row structures in popups help you create differently layered popups.
Unlike popups with limited area for design, you will be able to add diverse components in different places.
Also, these structures are simple to comprehend, so you can easily navigate them according to the target design in your mind.
We will guide you through and give significant tips about the light popups to show you the column/row structures directly.
1. After signing into your Popupsmart account, create a new campaign.
![create a new campaign](png/65af7e3f597c57eeb1e61a24_create-a-new-campaign.png)
2. Choose a template from the template page.
There will be a column or row by default on your popup. If there is any element you want to add, you can simply add it from the “Add a new element” button.
![columns of a popup and add a new element part](jpg/65af7e3f79bf5507d6b4a20e_columns-of-a-popup-and-add-a-new-element-part.jpg)
3. Column structure divides your popup into two columns, which are the right column and the left column. Each column can have different elements.
![dragging element to another column](gif/65af7e3eefef9c3679b8cb5e_dragging-element-to-another-column.gif)
When you add any element to your column, it will be shown in the column you select.
You can drag and drop elements you want to the left or right column easily.
4. For the row structure, you have a top row and bottom row, which divides your popup into various rows, as it is shown below.
![top and bottom rows of a popup campaign](jpg/65af7e3e4bc50ea877974b55_top-and-bottom-rows-of-a-popup-campaign.jpg)
That’s it!
Column and row structures allow you to organize your popup properly, and since they come within popup templates, it’s very easy to adapt!
If you have any questions, you can contact us.