Skip to main content

Add sections, rows and columns

Updated over 8 months ago

Customizing your landing pages within your CRM involves organizing content effectively using sections, rows, and columns. These elements allow you to structure your page layout, making it visually appealing and user-friendly. Below are the steps to add, edit, or delete sections, rows, and columns in your CRM.


Adding Sections

Sections are the largest building blocks of your landing page. They help you group related content.

  1. Log into your CRM account.
    ​

  2. Navigate to the landing page you want to customize.

  3. Click on the "+ " button at the top or bottom of your page.
    ​

  4. Choose a section type:

    • Full-Width: Spans the entire width of the page.

  5. Add your content: Once the section is added, you can start inserting rows, columns, text, images, or other elements.

Editing Sections

To modify an existing section:

  1. Hover over the section you want to edit until the options bar appears.
    ​

  2. Click on "Edit Section."
    ​

  3. Customize the section:

    • Background color or image: Change the section's background to fit your branding.
      ​

    • Padding and margin adjustments: Modify the space around your section to improve layout and readability.
      ​

    • Visibility settings: Choose whether the section should be visible on mobile, desktop, or both.
      ​

  4. Save your changes to ensure they reflect on the live page.
    ​

    ​

Deleting Sections

To remove a section you no longer need:

  1. Hover over the section you want to delete.
    ​

  2. Click on the "Delete" icon (usually represented by a trash bin).

    ​

Adding Rows

Rows help you divide your sections into smaller segments, which can be further broken down into columns.

  1. Within an existing section, click on "Add Row."
    ​

  2. Select a row layout:

    • Single Column
      ​

    • Two Columns
      ​

    • Three Columns
      ​

  3. Start adding content to your row, such as text, images, or forms.
    ​

Note: The Rows Houses the Colums

Editing Rows

To make changes to a row:

  1. Hover over the row until the options bar appears.
    ​

  2. Click on "Edit Row."
    ​

  3. Adjust row settings:

    • Background color: Set a specific background for the row.
      ​

    • Column spacing: Modify the spacing between columns for better alignment.
      ​

    • Padding and margins: Adjust the space within and around the row.
      ​

  4. Save your changes to update the row.
    ​

Deleting Rows

To delete a row:

  1. Hover over the row you want to remove.
    ​

  2. Click the "Delete" icon.

Adding Columns

Columns allow you to divide rows into smaller sections, perfect for organizing content like text and images side by side.

  1. Click on Row and then Columns
    ​

  2. Choose the column structure that suits your content layout.
    ​

  3. Insert your content into the newly created column.
    ​

Editing Columns

To edit columns:

  1. Hover over the column you wish to adjust.
    ​

  2. Click on "Edit Column."
    ​

  3. Customize your column:

    • Width adjustment: Change the width of the column relative to others in the row.
      ​

    • Content alignment: Align text, images, or other elements within the column.
      ​

    • Background options: Set a specific background color or image for the column.
      ​

  4. Save your changes to ensure they are applied.
    ​

Deleting Columns

To remove a column:

  1. Hover over the column you want to delete.
    ​

  2. Click the "Delete" icon.
    ​

  3. Confirm the deletion to remove the column from your row.
    ​


FAQs

What should I do if my columns don’t align properly within a row?

Misalignment can usually be fixed by adjusting the column spacing, padding, and margins. Check the settings for each column within the row, ensuring they have consistent spacing and alignment options. If the issue persists, consider using a different column structure or layout.


Is it possible to revert changes after editing or deleting a section, row, or column?

Yes, your CRM typically offers an undo feature that allows you to revert recent changes. If you've accidentally edited or deleted a section, row, or column, look for the undo button (often represented by a backward arrow) in the editing interface to restore the previous state.


How do I ensure that my sections, rows, and columns are optimized for fast loading times?

To optimize loading times, use appropriately sized images, avoid unnecessary elements, and minimize the use of custom code that could slow down the page. Additionally, check your CRM’s performance tools to identify any elements that may be impacting page speed and make adjustments accordingly.


What should I do if my columns don’t align properly within a row?

Misalignment can usually be fixed by adjusting the column spacing, padding, and margins. Check the settings for each column within the row, ensuring they have consistent spacing and alignment options. If the issue persists, consider using a different column structure or layout.


How can I make certain sections, rows, or columns visible only on mobile or desktop devices?

To tailor the user experience for different devices, you can adjust the visibility settings for sections, rows, or columns. Simply hover over the element, click "Edit," and navigate to the advanced settings. From there, you can choose whether the element should be displayed on desktop, mobile, or both.

Did this answer your question?