Use Content Builder to build layered content to use in experiences across multiple channels. Create layered content that can include dynamic text that you can use in banners, badges, or other formats to fit the needs of experiences that you build. Once you create content for use in a Web experience, you can leverage Content Builder to easily modify your content for a mobile-friendly experience as well.
All files created or modified in Content Builder are saved to Content Manager, which you access by selecting CONTENT from COMPONENTS in the top navigation bar.
For more information about Content Manager, see Content Manager Overview.
To launch Content Builder, first open Content Manager and then take one of the following actions:
- Click UPLOAD FILE to upload an image file.
- Click CREATE NEW to create a new image.
- Click an image in Content Manager, and then click EDIT IN CONTENT BUILDER.
Workspace
The Content Builder workspace includes a number of tools for creating and editing image files.
Some of the workspace tools include the following:
- Add Layer: Select from this menu a type of layer to add to the canvas.
- Properties panel: Use the settings that appear in this panel that are specific to the layer you're working on to cutomize it.
- Canvas size: Click to change the width and height of the canvas in pixels.
- UNDO: Click to undo changes one step back at a time.
- REDO: Click to restore changes one step forward at a time.
- Zoom: Select an option to enlarge or decrease the canvas view.
- CROP: Click to adjust the canvas size on the vertical, horizontal, or diagonal axis.
- PREVIEW: Click to preview the image as it will appear with all changes saved.
Working with Layers
Use the options in the Add Layer menu to add images, text, rectangles, click zones, and maps to the canvas.
Image Layer
This layer option allows you to add images to the canvas. You can upload an image using your computer's file explorer; by dragging and dropping an image file into Content Builder; or by selecting an image from Content Manager.
After you add the image, you can resize it, adjust its opacity, as well as add a border and shadow.
Text Layer
Use the Text option in Add Layer to add text with high-resolution, anti-aliased fonts.
The properties panel for a text layer contains options that allow you to change the background color and opacity as well as to add and adjust a border and shadow to the text field.
Click within the text field to activate the text insertion cursor and to access the text editor palette, which includes standard options for adjusting how the text appears. The font options available include any fonts uploaded to Content Manager.
For more information about adding dynamic content to the layer, see Add Dynamic Text to Creatives.
Rectangle Layer
The Rectangle option gives you the opportunity to add a quadrilateral to the canvas that you can style a variety of ways.
You can resize the shape by using your mouse cursor to drag a corner or side. For more precise measurements, enter the width and height dimensions in pixels into w and h above the canvas.
To make the rectangle layer a button or other linked element, click the additional options menu (...) and then select Add link.
You can then complete the fields that appear in the properties panel to configure the URL linkage. These same fields appear when you create a click zone layer.
Click Zone Layer
Select Clickzone to add a hyperlinked region to a specific area of the canvas. A click zone layer works even if it doesn't have the top priority over other layers.
Complete the fields in the properties panel to configure the URL and related interaction properties, such as the URL loading in a new browser window, the same browser window, or in a pop-up window.
The click zone linkage can be static or dynamically tied to the customer's location and relying on URLs uploaded to the Locations Manager within Content Manager.
See Adding a Dynamic Click Zone in Use Location-Based Dynamic Text and Click Zones for more information.