ActiveCampaign Agency CSS guide

Navigation: Main_Page > Agency > CSS > ActiveCampaign Agency CSS guide

ActiveCampaign Agency CSS Guide

Introduction

The ActiveCampaign Agency CSS Guide is an essential resource for Agency Partners who wish to customize their experience with ActiveCampaign's platform. This feature allows agencies to implement full CSS stylesheets, enabling them to white-label their resold accounts effectively. By adapting the look and feel of the application, agencies can elevate their brand presence and tailor the user experience to better align with their specific brand identity.

How to Access This Feature

Accessing the CSS customization options is straightforward and can be done through the Agency Dashboard. There are two paths depending on whether you would like to apply changes globally or to individual accounts.

1. **Global Branding Settings**:

  - From the Agency Dashboard, click on Default Accounts Settings located in the right menu. This option allows changes to be applied globally across all resold accounts.

2. **Individual Branding Settings**:

  - From the Agency Dashboard, use the down caret next to the account you wish to work with and select the Branding option. This method permits customization on a per-account basis.

Step-by-Step Instructions

Change the Logo and Favicon

To add a custom logo and favicon to your resold accounts:

1. Upload your logo or favicon to an image hosting platform (e.g., Imgur). 2. Copy the URL of the uploaded image. 3. Paste the URL into the respective fields for the logo and favicon in the branding settings.

Change the Stylesheet

Customizing the CSS is vital for tailoring the user interface of the ActiveCampaign platform for your brand. Follow these steps:

1. Check the box labeled Customize Admin Section CSS Styles. This option is found under the Templates & Styles section of the account settings page in the Agency Dashboard. 2. An editable box will appear below; type or paste your CSS code into this box. 3. Click the Update button at the bottom of the page once you have completed your modifications.

Configuration Options and Settings

The following configuration options are available in the ActiveCampaign Agency CSS settings:

• Logo and Favicon: Set your custom branding through URLs pointing to your images.
• Customize Admin Section CSS Styles: A checkbox to toggle the ability to edit CSS.
• CSS Code Input Box: Directly input your CSS code for a customized look.

Best Practices and Tips

- **Test CSS Changes**: After modifying the CSS, ensure to check the appearance across different devices and browsers for consistency. - **Backup Original CSS**: Before making any changes, keep a backup of the original styles to revert if necessary. - **Use Clear and Descriptive Comments**: When writing custom CSS, use comments to explain the purpose of specific styles, making future adjustments easier. - **Start Small**: Test changes incrementally rather than attempting a complete overhaul at once, which helps to quickly identify any issues that arise.

Common Use Cases with Examples

1. **Branding Consistency**: An agency can replace the ActiveCampaign logo and favicon with its own to reinforce brand identity during customer interactions.

2. **Custom Themes**: An agency may wish to change the look of buttons to match their marketing material, ensuring a coherent experience throughout their user journey.

3. **User Experience Enhancements**: CSS modifications can help in easily directing user attention to important features or notifications via customized styles.

Troubleshooting

If changes do not appear as expected: - Double-check the URLs for the logo and favicon to ensure they are correct and accessible. - Ensure that the Customize Admin Section CSS Styles checkbox is checked to enable customized styles. - Revisit the CSS code for any syntax errors that could prevent your styles from being applied.

Related Features

- Branding: Learn about full branding capabilities. - Custom Templates: Explore options for creating custom email templates. - Dashboard Customization: Adapt the dashboard layout to your agency's requirements.

FAQ

Q1: Can I use any image hosting service for my logo and favicon? A1: Yes, you can use any reliable image hosting platform; Imgur is a recommended option.

Q2: What if my CSS changes don't apply correctly? A2: Ensure that you have saved the changes and that your CSS does not contain any syntax errors. Check browser cache as well.

Q3: Can I revert to the default ActiveCampaign styles? A3: Yes, simply uncheck the Customize Admin Section CSS Styles box to remove your custom styles.

Q4: Is there a limit to how much CSS I can add? A4: There is no specific limit, but excessive or conflicting CSS may lead to rendering issues.

Q5: Can I apply CSS changes to each individual resold account? A5: Yes, changes can be applied globally or tailored to each individual resold account.

Q6: How do I get support for CSS customization issues? A6: You can reach out to ActiveCampaign support for assistance with any CSS-related queries.

Q7: Are there any pre-built CSS snippets available? A7: Yes, sample CSS for common platform elements is provided in the guide to help you get started.

This concludes the ActiveCampaign Agency CSS Guide. By following these insights, Agency Partners can effectively brand their platforms, providing a cohesive and professional user experience.