Adding and Editing Components

Important: Only those features that you have been granted access to will display. For access to additional features contact your system administrator.

The content tab is where you will go to add various content blocks throughout your newsletter. Here, you will also see the different customization options for every content block you activate.  

Text Content

When a text content block is activated, options for font size and color, text spacing and line height appear under the CONTENT tab to the right of the editing pane. Many font editing options also will appear in a mini editing bar above the selected text to further customize the text.

 

The following options are available under the Content tab to the right of the screen:

·        Text color: select a color from a palette by clicking the color square or enter the specific hex color code in the field next to the color square.

·        Link color: for any links with the content block, select a color from a palette by clicking the color square or enter the specific hex color code in the field next to the color square.

·        Line height: select how far apart the text is aligned.

·        Padding: adjust the space between the text and the borders of the content block.

·        Hide on: select if you would like this particular content block to be hidden when viewed on either a desktop or mobile device.

Image Content

When an image content block is clicked without an image inserted, no options appear under the Content tab editing pane. To add an image to an image content block, click the Browse button located within the image content block. You’ll be taken to the File Manager page. Once an image is inserted into an image content block, options to edit the image will appear under the Content tab when the content block is activated.

 

File Manager

The following options are available for adding an image:

·        Upload: upload a saved image straight from your desktop.

·        Import: insert a link from an image hosted online.

·        Search free photos: search and select an image from a collection of over 500,000 free and high-quality stock photos.   Select the image you would like for that content block by clicking the Insert button.


 

Once an image is inserted, the following options are available under the Content tab to the right of the screen:

·        Auto width: if enabled, automatically sets the width of the image. If disabled, you can quickly adjust the width of the image by sliding the dial on the scale.

·        Align: if the image width is smaller than the content block width, you can align the image to the right, middle or left of the content block.

·        Dynamic image: When ‘Dynamic image’ is enabled, ‘Url’ becomes the location of a sample image shown in the editor. ‘Dynamic Url’ will be used in the HTML code. The size of the dynamic image will be set based on the sample one, so use a sample image of the same size.

·        Change image: click to switch the image to another image.

·        Apply effects & more: click to edit the image by applying a filter, resizing or cropping, and many other options.

·        Alternate text: enter an alternate text for the image.

·        Action: Insert a link that will either open a web page, send an email, make a call, or send a SMS when clicked. You will need to insert the link file in the field provided.

·        Padding: adjust the space between the text and the borders of the content block.

·        Hide on: select if you would like this particular content block to be hidden when viewed on either a desktop or mobile device.

Button Content

Buttons can be used to insert an action into your newsletters.

Once activated, the following options are available under the Content tab to the right of the screen:

·        Action: insert a link that will either open a web page, send an email, make a call, or send a SMS when clicked. You will need to insert the link file in the field provided.

·        Auto width: if enabled, automatically sets the width of the button. If disabled, you can quickly adjust the width of the button by sliding the dial on the scale.

·        Background color: select a button color from a palette by clicking the color square or enter the specific hex color code in the field next to the color square.

·        Text color: select a color from a palette by clicking the color square or enter the specific hex color code in the field next to the color square.

·        Align: align the button to the right, middle or left of the content block.

·        Line height: select how far apart the text is aligned.

·        Border radius: select how rounded you would like the edges of the button to be.

·        Content Padding: adjust the space between the text and the borders of the button.

·        Border Padding: adjust the width size of the borders of the button.

·        Hide on: select if you would like this particular content block to be hidden when viewed on either a desktop or mobile device.

Divider Content

Insert a divider wherever you need a line in your newsletter to divide content.  

 

Once activated, the following options are available under the Content tab to the right of the screen:

·        Transparent: if disabled, your line is visible. If enabled, the divider becomes invisible and you can adjust the height of your divider.

·        Line: select if you would like your divider solid, dotted or dashed. You can also select the height of your divider and the color by either clicking the color square or entering the specific hex code in the field provided.

·        Width: adjust how wide you’d like your divider here.

·        Align: if the width of the content block is wider than the divider, align the divider to the right, middle or left of the content block.

·        Padding: adjust the space between the text and the borders of the content block.

·        Hide on: select if you would like this particular content block to be hidden when viewed on either a desktop or mobile device.

Social Content

You can easily add links to your social media wherever you like on your newsletter.  

 

Once activated, the following options are available under the Content tab to the right of the screen:

·        Select icon collection: select from a list of icon sets.

·        Configure icon collection: enter each link to your social media in the fields provided. If you don’t have a link to certain social media, click the delete link to remove it.

·        Add new icon: if you would like to link to a social media platform not included in the premade set, click this button to add the icon.

·        Align: if the width of the content block is wider than the icon set, align the social media icons to the right, middle or left of the content block.

·        Icon spacing: adjust how far apart you’d like your social media icons from one another.

·        Padding: adjust the space between the text and the borders of the content block.

·        Hide on: select if you would like this particular content block to be hidden when viewed on either a desktop or mobile device.

HTML Content

You can insert HTML content into your newsletter.  

 

Once activated, the following options are available under the Content tab to the right of the screen:

·        A field where you can input HTML code.

·        Hide on: select if you would like this particular content block to be hidden when viewed on either a desktop or mobile device.

Note: This content block type is recommended for experts only as inputting code may affect how the message is rendered. If entering your own code, make sure to use correct and responsive HTML.

Video Content

Use this content type to insert Youtube or Vimeo videos into your newsletter.

 

Once activated, the following options are available under the Content tab to the right of the screen:

·        Video URL: enter the URL of the video here.  

·        Play icon type, color, size: configure the play icon’s appearance here.

·        Hide on: select if you would like this particular content block to be hidden when viewed on either a desktop or mobile device.

 

Jump to the next topic: Using Newsletters in Email