Categories
active arrowAccount
active arrowGetting Started
active arrowCampaign Builder
active arrowAdvanced Design Customization
active arrowEmail Campaign Customization
active arrowSegment & Targeting
active arrowAnalytics
active arrowShopify
active arrowEmail Marketing and CRM Integrations
active arrowHow to Share Your Popup Form and Submission with a Link
active arrowHow to Create a Custom Popup with a Blank Popup Template?
active arrowHow to Create a Full Screen, Lightbox, and Floating Bar Popup
active arrowHow to Create Well-Designed Campaigns with Themes?
active arrowHow to Use Column & Row Structures Efficiently in a Popup?
active arrowDiscover the Customize Step of Popupsmart
active arrowHow to Adjust Popup Style
active arrowHow to Create a Multi-step Popup?
active arrowWhat is a Success Popup? How Does it Work?
active arrowWhich Elements Can I Add to My Popup?
active arrowHow to Add Fonts on Popupsmart
active arrowHow to Prefill Form Fields
active arrowHow to Add Hidden Inputs to Your Popup Campaigns?
active arrowHow to Add New Elements & Use Drag and Drop Editor
active arrowHow to Add New Form Fields to My Popup
active arrowHow to Add a Privacy Policy on Popupsmart?
active arrowHow to Add a Coupon Code to Your Popup
active arrowHow to Activate the Countdown Timer
active arrowHow to Add an Animation to a Popup?
active arrowHow to Create a Video Popup on Popupsmart
active arrowHow to Add Lottery Ball Gamification on The Popup?
active arrowHow Debug Mode Works
active arrowHow Preview Mode Works
active arrowDesktop & Mobile Views Working Method
active arrowHow to Use Smart Tags - Dynamic Text Replacement
active arrowWhat Is Teaser? How Teaser Works
active arrowHow to Set Up Autoresponder Email Notifications
active arrowHow to Set up Self-Email Notifications
active arrowHow to Create an A/B Testing for a Popup Campaign
active arrowHow to Call JavaScript Function with a Button Using Popupsmart

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

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

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

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

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.