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.
Log into your CRM account.
βNavigate to the landing page you want to customize.
Click on the "+ " button at the top or bottom of your page.
βChoose a section type:
Full-Width: Spans the entire width of the page.
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:
Hover over the section you want to edit until the options bar appears.
βClick on "Edit Section."
β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.
β
Save your changes to ensure they reflect on the live page.
ββ
Deleting Sections
To remove a section you no longer need:
Hover over the section you want to delete.
β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.
Within an existing section, click on "Add Row."
βSelect a row layout:
Single Column
βTwo Columns
βThree Columns
β
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:
Hover over the row until the options bar appears.
βClick on "Edit Row."
β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.
β
Save your changes to update the row.
β
Deleting Rows
To delete a row:
Hover over the row you want to remove.
β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.
Click on Row and then Columns
βChoose the column structure that suits your content layout.
βInsert your content into the newly created column.
β
Editing Columns
To edit columns:
Hover over the column you wish to adjust.
βClick on "Edit Column."
β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.
β
Save your changes to ensure they are applied.
β
Deleting Columns
To remove a column:
Hover over the column you want to delete.
βClick the "Delete" icon.
β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?
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?
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?
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?
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?
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.