Knowledgebase
Act.com
Deutsch Français

How to add, edit, and remove images in a Drag & Drop template in Act! Marketing Automation

  • Updated
Question: How do I add, edit, or remove images in my Drag & Drop template in Act! Marketing Automation?

    Product Details:
  • Product Family: Emarketing
  • Product: Act! Marketing Automation



Answer:

Adding an Image to your template

Before you can add an image to your template, you need to add an Image content block to a row in the template. To do this:

  1. From the Templates screen in Act! Marketing Automation, open the template you wish to add an image to
  2. If you do not already have a row that you’d like to add your image to, add one. For information about adding and managing rows, refer to the following knowledgebase article:

    How to add, edit and remove rows using the Drag & Drop template editor in Act! Marketing Automation

  3. If not already selected, on the right-hand side of the editor, click the Content tab
  4. From the Content tab, click and drag the Image block over the template layout

    Note: A thick blue line with the words “Drag it here” will appear when you have dragged it over a place where you are able to drop it.

  5. Drop the Image block in the desired row
  6. Click the Browse button to be taken to the File Manager
  7. Click the Insert button for the image you would like to use

    Note: If there is no image you would like to use, you can upload one. For more information, refer to the following knowledgebase article:

    How to use the File Manager for a Drag & Drop template in Act! Marketing Automation

  8. Click the Save button

After you’ve added the Image content block, you may wish to change the way that the image displays, such as the image width or alignment. For information on how to do this, refer to the “Editing Image content properties” section of this article below.

Editing Image content properties

Content properties for images allow you to change the way that the image displays in the template. To change these properties:

  1. In the template editor, click the image you wish to edit properties for
  2. In the Content tab on the right, configure the properties as desired, then click Save

The following options are available:

Content Properties

  • Auto Width: Enabled by default, this setting will automatically size the chosen image for you
  • Width (Slider bar): If Auto width is disabled, allows you to slide a bar to size the image by percentage
  • Align: Allows you to align the image to the left, to the center, or to the right side of the template
  • Change image: Allows you to change the image that is being used
  • Apply effects & more: Allows you to make simple photo edits to your image
  • Url: Displays the URL for the image chosen. You can change this by using the “Change image” option
  • Alternate text: Allows you to enter a text description of the image. This text is used by screen readers to describe images to recipients who require the use of assistive technology to read the contents of their screen. This text is also used to describe the image in the event that the mail client of the recipient of the template is unable to display images

Action

Block Options

  • Padding: Allows you to set the amount of space between the edges of the image and the edges of the content block. This can be done proportionally on all sides at one time, or the padding for each side can be changed individually by ensuring that the “More options” setting is selected
  • Hide on mobile: Allows you to keep the image in this block from appearing when someone views your template on a mobile device



Moving, duplicating, or deleting Image blocks

  • Moving an Image block: With the desired Image block selected, click and hold the move icon and drag it to the new position
  • Duplicating an Image block: With the desired Image block selected, click the duplicate icon to insert a duplicate of the Text block below the original Text block
  • Deleting an Image block:With the desired Image block selected, click the trash can/delete icon read the warning stating that it cannot be undone, and if you’re sure, click Delete

Related articles