Every page you build in the Aesthetix CRM funnel and website builder is assembled from three nested layout containers: Sections, Rows, and Columns. Sections are the full-width horizontal bands that stack down the page, rows sit inside sections to group content, and columns divide a row into side-by-side spaces that hold your content elements. Getting this layout foundation right is what you do before adding any content — text, images, buttons, or forms. This guide walks through adding, arranging, and styling each layer.
To reach the builder for any of the steps below, click Marketing in the left menu, then click Funnels, and open the funnel and page you want to edit.
Sections are the full-width bands that form the backbone of your page. You can add as many sections as you need to build your ideal layout.
Step 1: Open the builder. Click Marketing, then click Funnels, and open the page you want to edit.
Step 2: Add a section. Click the add control on the canvas to open the Add Section drop-down.
Step 3: Choose a section type. After clicking the Add Section drop-down option, you'll be prompted to select the section type you want — Full-Width, Wide, Medium, or Small. Once you've made your choice, drag and drop the section onto the center of the page and start crafting your page. Remember you can add as many sections as necessary to create your ideal layout.
Step 4: Open section settings. Click the green border around the section to access its settings. You can also click the section's settings control to open the same panel.
Step 5: Allow rows to take entire width. If you'd like a row to fill an entire section, toggle on Allow Rows to take entire width to expand it.
Step 6: Adjust the section width. Navigate to the Advanced tab and select Width. To adjust the section width, select the desired option from the following: Full, Wide, Mid-wide, or Small. This lets you easily upgrade or downgrade the section width as needed.
Rows sit inside sections and group your content horizontally. A row's width, alignment, shadow, and background are all adjustable.
Step 1: Open the builder. Click Marketing, then click Funnels, and open the page you want to edit.
Step 2: Add a row. Click the Add Row control to add a row to a section. A second Add Row control is also available on the canvas, so you can add a row from either place.
Step 3: Select the row layout. Choose Rows to place the row into your section.
Step 4: Open row settings. Click the blue border around the row to access its settings.
Step 5: Align the row. Select Align. If your row width is less than 100%, you have the option to adjust the row position to Left, Right, or Center.
Step 6: Set the box shadow. Select Box Shadow. This is where you can adjust the shadow of the box surrounding the row.
Step 7: Add a background image. Use the BG image option to add a background image to the row.
Step 8: Customize the row width. Adjust the size of the row to be between 30% and 100%. Choosing 100% will allow the row to occupy the entire width of the section.
Columns divide a row into side-by-side spaces for your content. Rows and columns are interconnected: you choose how many columns you'd like in a row, and only one column type can be added per row. However, the more rows you add, the more columns become available to you — so feel free to add as many elements as you'd like into a single column.
Step 1: Open the builder. Click Marketing, then click Funnels, and open the page you want to edit.
Step 2: Manage the column layout. Click the control to manage the column layout for a row, then navigate to Column Layout and select the number of columns you'd like.
Step 3: Set content alignment. Select Content Alignment. You have the option to align your content either vertically or horizontally.
Step 4: Set content spacing. Select Content Spacing, then choose the amount of spacing you prefer for your content.
Step 5: Set content position. Select Content Position to position the content at the start, center, or end of a box.
Step 6: Use the same layout for mobile. If you want to maintain the same layout for mobile devices, toggle on Use Same Layout for Mobile.
How many sections can I add to a page? As many as you need. Sections stack vertically down the page, and you can keep adding them to create your ideal layout.
What are the section width options? When adding a section you can choose Full-Width, Wide, Medium, or Small. In a section's Advanced settings, the Width options are Full, Wide, Mid-wide, and Small, which let you upgrade or downgrade the width as needed.
How wide can a row be? A row can be set anywhere from 30% to 100% of its section's width. Choosing 100% lets the row occupy the entire width of the section. You can also toggle Allow Rows to take entire width on the section itself to let a row fill the section.
Can I change where a row sits when it's narrower than the section? Yes. When a row's width is less than 100%, use the Align setting to position it Left, Right, or Center.
How many columns can I add to a row? Only one column type can be added per row, but the more rows you add, the more columns become available to you. You can place as many content elements as you'd like into a single column.
Will my layout look the same on mobile? It can. In the column settings, toggle on Use Same Layout for Mobile to maintain the same layout for mobile devices.
