message-penCreate and edit your images

The image editor allows you to create and edit your images. Before you start, there's a little bit of preparation that you need to do.

Before you start

Map image product fields to the 'image' type

Make sure that all project fields you are going to use for images are correctly mapped to Type: 'Image' in the import mapping. This applies to imported project fields and project fields you have created manually.

  1. Go to Setup > Setup Import > Edit mapping.

  2. Click Edit behind the project field you want to use and ensure Type is set to 'Image'.

circle-exclamation

Set up the feed you want to create new images for

The Image Editor can be used with any feed in the Feed section. First, create (or copy) a feed for the channel you want to create optimized images for.

circle-info

Tip: If you want to check image generation before sending to an advertising channel, start with a feed that isn’t used on a channel yet.

Set up the image editor

1

Set up a first image rule

Example: Instagram Feed

  1. In the feed, go to Rules > Image rules to create an image rule.

  2. Click New rule and give it a name.

circle-info

Tip: If you want to check image generation before sending to an advertising channel, start with a feed that isn’t used on a channel yet.

2

Create a template

  1. Open the Select a template dropdown and choose + New template.

  2. Give the template a name and click Create to open the Image Editor

First choose the correct size for your canvas (see Canvas settings). Then build your template by adding objects like Image, Text, or Shape (top left corner).

3

Apply the template to products

  1. Click Back (top left) to return to the image rule.

  2. In the THEN part of the rule click Select a template and pick the template you created.

If you only want to apply the template to certain items, set the appropriate conditions in the IF part of the rule.

circle-exclamation
4

View results

  • After applying templates, click Preview results on the right side of the image rule to see the template applied to your selected images

5

Store the Image URL and set safety settings

  1. In your image rule, select an image field to store the new image URL.

  2. Click Save rule and continue to the Finalize step in your feed.

  3. Connect the correct internal image field to the channel field name.

  4. Click Save & run to generate the feed.

Generated image URLs start with: https://channableusercontent.com/

If there are errors while generating images, the feed will fail to run. See errors in the feed’s Status tab and via email notification (if enabled).

You can change feed behavior on errors via the safety settings in the feed

If you encounter errors in the Image Editor, see this troubleshooting article.

If issues persist, contact usarrow-up-right for assistance.

6

Add image object

  • Click Image then Add dynamic image to create an image object.

  • To select an image, click Design in the right menu.

  • Use the dropdown next to Image field and choose the image field you want for this object

Learn more about image object settings.

circle-info

Important: Maximum of 10 images per template.

circle-info

Note: The above adds a dynamic image. Learn about adding a static image that is the same for all items.

7

Add text object

  • Click Text to add a text object.

  • In Design, edit the value field to add static text, dynamic text (connect a project field), or a combination of static + dynamic text.

circle-info
circle-info

Learn more about text settings.

8

Add shape object and change the order of the objects

  • Click Shape to add a static shape.

  • Use the Design tab to change the shape’s appearance.

  • To change object order (for example move shape behind text), open Objects and drag items using the three-stripes icon. When finished, press Save in the top right.

circle-info

Learn more about shape object settings.

9

Open existing templates to edit

  • To edit an existing template, go to Select a template and choose one you created earlier.

  • Click Image editor to open the Image Editor with your selected template.

Last updated

Was this helpful?