Overview of page blocks

```mediawiki Navigation: Main_Page > Getting Started > Pages > Overview of page blocks

Overview of Page Blocks

An important aspect of creating effective landing pages in ActiveCampaign is understanding how to utilize page blocks. Page blocks are customizable components that allow you to tailor each page according to your needs. By using these blocks, you can effortlessly add and edit text, display images and videos, collect contact information, and enhance the overall interactivity of your pages. This comprehensive guide will cover the various types of blocks available in the Page Builder, how to access them, as well as best practices for their effective use.

How to Access This Feature

To start using page blocks, navigate to the Page Builder within your ActiveCampaign account. This feature is available for users on the Plus, Pro, and Enterprise plans. Once you are in the Page Builder, you will see a canvas where you can drag and drop different types of blocks to create your landing page.

Step-by-Step Instructions

1. 1. 1. Adding Blocks

1. In the Page Builder, access the block menu located on the left side. 2. To add a block, simply drag it from the menu to your desired location on the page layout. 3. The block will automatically be added to the canvas where you can begin editing it.

1. 1. 1. Moving Blocks

1. To reposition a block, hover your mouse over the block. 2. Click and drag the block to your preferred location on the layout.

1. 1. 1. Duplicating Blocks

1. Select the block you wish to duplicate by clicking on it. 2. In the top right bar, click the Duplicate button to create a copy of the selected block.

1. 1. 1. Copying and Pasting Blocks

1. To copy a block, use the keyboard shortcut ⌘C on Mac or Ctrl-C on PC. 2. To paste the copied block, use ⌘V on Mac or Ctrl-V on PC to place the duplicate where needed.

1. 1. 1. Deleting Blocks

1. To remove a block, select it by clicking. 2. Click the trash icon in the top right bar to delete the selected block.

Configuration Options and Settings

Each block offers its own set of configuration options. Common settings applicable to many blocks include:

- **Visibility**: Control whether a block is visible on mobile, desktop, or both. - **Width**: Set the width as a relative percentage or an absolute pixel value. - **Inner Spacing**: Adjust the space inside the block. - **Background**: Add multiple backgrounds to your block and arrange their order. - **Borders**: Customize borders with pixel values, select sides to apply them, and choose from solid, dashed, or dotted styles. - **Corners**: Adjust corner roundness using pixel or percentage values. - **Drop Shadow**: Add and manage multiple drop shadows. - **Inner Shadow**: Define inner shadow effects, also stackable. - **Opacity**: Modify the block’s opacity using a slider.

For further details on specific settings, refer to the instructions in the ActiveCampaign knowledge base.

Best Practices and Tips

- Always preview your page in both mobile and desktop views to ensure optimal user experience. - Use consistent padding and margin settings to maintain a clean design. - Incorporate call-to-action buttons strategically to guide user interaction. - Experiment with different combinations of blocks to enhance the visual appeal of your landing pages. - Optimize images and videos to reduce loading times and improve user engagement.

Common Use Cases

Some of the common use cases for page blocks include: - Creating a compelling landing page for campaigns using Text, Images, and Buttons. - Collecting user information through embedded forms with the Pages Form block. - Integrating a sense of urgency with the Countdown block for promotional campaigns. - Enhancing engagement by adding a social media presence using the Follow Links block.

Troubleshooting

If you encounter issues while using page blocks, consider the following: - Ensure your internet connection is stable, as dragging and dropping blocks can be affected by network issues. - If a block does not appear as expected, check its Visibility settings to ensure it is set to show on your chosen device. - If a block does not display correctly, review compatibility settings or configurations.

FAQ

Q1: What types of blocks can I use in the Page Builder? A1: You can use a variety of blocks including Section, Row, Column, Text, Image, and many more.

Q2: How do I add a button to my page? A2: To add a button, drag the Button block from the sidebar to your desired location on the page.

Q3: Can I modify the appearance of the blocks? A3: Yes, you can modify visibility, width, spacing, backgrounds, borders, shadows, and opacity for each block.

Q4: How do I delete a block? A4: Select the block you want to remove and click the trash icon in the top right corner of the interface.

Q5: Is the Page Builder available on all ActiveCampaign plans? A5: No, the Page Builder feature is available only on Plus, Pro, and Enterprise plans.

Q6: What is the purpose of the Countdown block? A6: The Countdown block adds a timer on your page to create urgency for your visitors, often used for limited-time offers.

Q7: Can I add custom code to my landing page? A7: Yes, you can use the Embed block to add custom code to your page.

For a deeper dive into each block type and its unique functionalities, consider exploring the relevant articles in the Getting Started and Pages categories. ```