How to use the Advanced Designer

Last Updated: Jul 27, 2018 09:47AM PDT

Within the Campaign Builder, use the Advanced Designer to further tweak and customize the design of your various campaign pages. Below you'll learn how these tools can help you polish the design details of your campaign.

Using Content Blocks

Note: for the purposes of this article, we will cover how to customize the Landing Page of a campaign. However, the Advanced Designer can be accessed on all of the different campaign pages Classy offers.

Navigate to the Landing Page and select the Design Tab. Within the Design Tab you can do things like: adjust the order of the blocks in your layout, edit each existing block, hide blocks from the page and even add your own custom blocks. Simply click on the block you wish to edit to get started. In this example, we will look at the About Block.

Each content block will have a similar structure and editable fields. Below is an example of the About Content Block and the different elements that can be edited.

A. Visibility

Toggle the visibility off to hide this specific content block.

B. Headline

Enter in a Headline where you can choose the text color or hide this text.

C. Content

Within this section of the content block you can customize your campaign by adding text, links, images, and videos.

D. Background

Add an image or select a color that will appear in the background of this content block.

Tips & Tricks

Within a Content Block, there will be two windows to edit the information. Click on either window to edit specific details.

A Custom Content Block allows you to add in your own CSS or HTML code, whereas a Text Content Block allows you to add images, text, videos, and links using the toolbar in the Campaign Builder. Looking to learn more about Custom Content Blocks? Click here for information about Custom Content Blocks.

You can rearrange the order of the Content Blocks by dragging the blocks up and down with your mouse.

Looking to hide a button in the Hero Content Block on the landing page? You can do this by setting the button color to be transparent by entering rgba (255, 255, 255, 0) in the color field and then setting the button shape to be pill wire.

If you have any additional questions, please contact Classy Support for assistance.