List: Difference between revisions

From Activepedia
Jump to navigation Jump to search
(SEO-optimized content from ActiveCampaign documentation)
 
(No difference)

Latest revision as of 20:09, 3 November 2025

```mediawiki Navigation: Main_Page > Pages > Blocks > List

Add a List block to your ActiveCampaign page[edit | edit source]

Introduction[edit | edit source]

The List block in ActiveCampaign allows users to easily display organized content items on their landing pages. This feature is particularly valuable as it enables page visitors to consume information quickly and efficiently, improving user experience and engagement. By utilizing the List block, users can create visually appealing and structured content that enhances the overall look and usability of their pages.

How to Access the List Block[edit | edit source]

To access the List block, navigate to the page editor within your ActiveCampaign account. The List block is located in the right pane of the page editor, making it easily accessible for users looking to enhance their page layout.

Step-by-Step Instructions[edit | edit source]

Follow these steps to add a List block to your page layout:

  1. From the page editor, drag the List block to your desired location in the page layout.
  2. Double-click the block to begin adding content, replacing the default placeholder text with your own.
  3. Utilize the modal toolbar that appears to format your text—options include making text bold, italicized, or underlined as needed.
  4. Use the editing options in the right pane to:
  * Select a different list icon
  * Adjust the icon width
  * Change the icon alignment
  1. Once you have finished editing, click the checkmark button in the top right bar to save your content.

To edit the List block later, simply reopen the page editor, double-click the block you wish to update, and modify the text as necessary.

Configuration Options and Settings[edit | edit source]

The following options are available for customizing the List block:

  • Visibility: Control whether the block is viewable on mobile, desktop, or both.
  • Width: Adjust the width of your list, choosing between relative (percentage) or absolute (pixels). By default, it is set to pixels.
  • List Items: Configure the items displayed in the list; there is no limit to the number of items that can be added.
  • Icon Width: Set the width of the list icons; the default width is 30 pixels.
  • Alignment: By default, icons are aligned at the center of the list items.
  • Background: You can add multiple backgrounds; they stack in the order added, and can be rearranged using drag-and-drop.
  • Inner Spacing: Define how much spacing exists within each item; this is adjustable in your page's theme.
  • Borders: Configure borders using pixels or percentages, with options for choosing which sides to add them.
  • Corners: Adjust corner radius settings for individual or all corners of the block.
  • Drop Shadow: Add multiple drop shadows that will stack in the order they are added.
  • Inner Shadow: Similar to drop shadows, you can add inner shadows that stack as well.

Best Practices and Tips[edit | edit source]

  • Keep your list items concise to enhance readability and user engagement.
  • Make use of the checkmark button to ensure changes are saved after editing.
  • Regularly review and update your lists to keep information relevant and accurate for your page visitors.
  • Experiment with different icon styles and widths to find the look that complements your page design best.

Common Use Cases with Examples[edit | edit source]

1. **Event Listings**: Use the List block to highlight upcoming events, making it easy for visitors to see what’s happening. 2. **Feature Highlights**: List key features of your product or service so customers can quickly identify benefits. 3. **Steps to Get Started**: Create a numbered list of steps for new users to follow when getting started with your service.

Troubleshooting[edit | edit source]

If you encounter issues with the List block, consider the following solutions:

  • Ensure you have saved changes by clicking the checkmark after edits.
  • If your list items do not display correctly, verify that both the icon width and list width settings are appropriately adjusted.
  • For issues with visibility, check the block's visibility settings to confirm it is set for the intended platforms (mobile, desktop, or both).

FAQ[edit | edit source]

Q1: Can I customize the icons used in the List block? A1: Yes, you can customize the icons by clicking the existing icons and selecting different images from the file manager.

Q2: Is there a limit to the number of items I can add to a List block? A2: No, there is no limit to the number of items you can include in a given list.

Q3: How can I change the alignment of icons in the List block? A3: You can change the alignment of icons using the editing options in the right pane of the editor.

Q4: Can I delete a List block once it’s added to my page? A4: Yes, simply select the block and click the trash icon in the top right bar to delete it.

Q5: How do I duplicate a List block? A5: To duplicate, click the block you wish to copy, then click the duplicate icon located in the top right bar.

Q6: Can I adjust the spacing within the List block? A6: Yes, the inner spacing settings can be configured in your page’s theme to increase or decrease spacing around items.

Q7: What happens if I do not click the checkmark after editing my List block? A7: If you do not click the checkmark, your changes will not be saved.

By incorporating the List block into your ActiveCampaign pages, you can create visually appealing, structured content that enhances user engagement and improves the experience for your visitors. ```