Themes

```mediawiki Navigation: Main_Page > Pages > themes

How to use themes with ActiveCampaign pages

Introduction

In ActiveCampaign, Page Themes are essential for creating a consistent and visually appealing experience across your web pages. By using page themes, you can easily manage and maintain the design elements of your pages, including backgrounds, color palettes, fonts, and layout adjustments. This feature is particularly beneficial as it allows you to update design elements in a centralized way, making it easier to ensure uniformity across multiple pages.

For those utilizing the Plus, Pro, or Enterprise plans, understanding how to leverage page themes can enhance your branding efforts and save significant time during the page creation process.

How to Access This Feature

To access your page's theme, follow these steps:

1. Navigate to the page or template editor within ActiveCampaign. 2. Look for the Theme button in the top right corner of the editor. Click it to open the theme settings for your page.

The interface will provide you with various options to customize your page’s aesthetic according to your preferences.

Step-by-Step Instructions

Once you have accessed the Theme settings, you can begin customizing your page theme. Here’s a detailed look at what you can adjust:

1. Backgrounds

You can manage your page's background settings by doing the following: - **Add**, **remove**, or **update** backgrounds as needed. - To create a custom background pattern, upload a small image and configure it to repeat both vertically and horizontally across the page.

2. Color Palette

The color palette is vital for establishing a cohesive look. Here’s how to update it: - **Add** or **remove** colors from your palette. - Manage three core color types:

 * Core: Add unlimited colors used throughout various page elements.
 * Link: Designate a color for hyperlinked text (only one color).
 * Text: Set the default color for paragraph text (also limited to one color).

3. Font Family

Customize your text for a consistent reading experience across your pages: - Choose your page's font family from the ActiveCampaign supported font library, which includes options from Google Fonts. - Two specific font families can be set:

 * Heading: Define the font used for all header elements.
 * Paragraph: Define the font for all paragraph text.

4. Page Layout

Here you can set the desired spacing and layout criteria for your pages: - Configure the page width and specify the desired minimum width settings.

5. AC Branding

You can choose whether to display ActiveCampaign's branding: - Toggle the AC Branding option to turn the default footer, which states "Built with ActiveCampaign," on or off.

Configuration Options and Settings

The theme configuration options allow you to create a distinctive look for your pages while ensuring they align with your brand. It’s crucial to manage each of the following settings effectively: - Backgrounds: Include patterns or images to customize your background. - Color Palette: Manage core, link, and text colors to create visually appealing pages. - Font Family: Control typography for both headings and paragraphs to ensure readability. - Page Layout: Set appropriate widths and spacing to enhance the layout of your pages. - AC Branding: Decide on including ActiveCampaign’s branding on your pages.

Best Practices and Tips

To maximize the effectiveness of your page themes: - Establish a consistent brand identity by choosing colors and fonts that align with your brand guidelines. - Regularly review your page themes whenever you change your logo or branding strategy to keep everything consistent. - Utilize the preview feature to see how changes will look on your actual page before saving them. - Consider your audience when selecting colors and fonts; ensure that they enhance readability and accessibility.

Common Use Cases with Examples

1. **Consistency across Marketing Materials**: If you run multiple campaigns, using a single theme ensures that all your landing pages have a unified appearance, reinforcing your brand's identity.

2. **Seasonal Promotions**: Easily create seasonal landing pages by adjusting the Color Palette to reflect themes such as holiday colors or summer shades without needing to design from scratch.

3. **Responsive Design**: Setting a minimum width helps ensure your content remains visually appealing across different devices by adhering to responsive design principles.

Troubleshooting

If you encounter issues while using page themes, consider the following solutions: - **Theme Not Applying**: Ensure you have saved your changes correctly. If you are not seeing the changes reflected, try refreshing the page. - **Inconsistent Formatting**: Double-check your color settings to ensure they have been applied uniformly across your page elements. - **Loading Issues**: If backgrounds or images are not loading properly, verify that the image files are correctly uploaded and supported by your browser settings.

FAQ

Q1: What plans support the use of page themes?

A1: Page themes are available on the Plus, Pro, and Enterprise plans of ActiveCampaign.

Q2: Can I use custom fonts with page themes?

A2: You can select from the font families supported by Google Fonts included in the ActiveCampaign library.

Q3: How many colors can I add to the core color palette?

A3: There is no limit to the number of Core colors you can add to your palette.

Q4: What should I do if my changes are not saving?

A4: Ensure you click the Save button after making changes in your theme settings, then refresh the page to see the updates.

Q5: How can I create a patterned background?

A5: You can create a pattern by uploading a small background image and setting it to repeat both vertically and horizontally.

Q6: Is it possible to preview my theme changes before publishing?

A6: Yes, use the preview option to see how your themes will look on the page before finalizing changes.

Q7: Can I manage themes separately for different pages?

A7: Yes, each page can have its own distinct theme settings, allowing for customization according to the specific needs of each page.

For further guidance and support, refer to the ActiveCampaign support resources and documentation. ```