You can create Dynamic Content to return either static or dynamic images when your templates are generated. Static images can be uploaded from your computer or drawn for you by the Matik AI Agent.
Static images - via upload
When working with Static Dynamic Content (see Dynamic Content Overview), Matik supports image uploads from your computer. Since this is a static setup, the same image will be displayed wherever it is tagged.
This is useful for example if you have an interface screenshot that you want to display in multiple, different presentations, and you want to be able to replace the screenshot in a single location when the interface is redesigned.
Static images - drawn by the Matik AI Agent
For simple graphics, you don't need to find, upload, or host a file. Ask the Matik AI Agent to draw one. It creates the image and saves it as static image Dynamic Content, ready to tag into any template like an uploaded image. Only Admins can create Dynamic Content with the agent.
How teams use it
| Use case | Image | Using in templates |
|---|---|---|
| Process phase icons | "Create icons for Discover, Build, Launch, and Grow that match the icons on slide 3." | Tag each image into the process diagram slide of your template. Every deck gets the same consistent set. |
| Stoplight status | "Create green, yellow, and red status dots." | A Formulas DC returns the right dot based on the account's health score, for example IF the score is above 80, return the green dot. |
| Trend arrows | "Create a green up arrow, a red down arrow, and a grey flat line." | A Formulas DC next to each KPI picks the arrow based on the period-over-period change. |
| Included / not included marks | "Create a green check mark and a grey X." | A Formulas DC on a "What's included" slide shows a check or an X for each feature, based on the account's plan. |
Best practices
- Match your existing style: Ask the agent to match the icons on a specific slide of your template, or attach a screenshot of your brand's icon style.
- If you need an exact color, give it in hex: For example, "use #1A73E8."
Limitations
- Simple drawn graphics only: The agent can't create photos, realistic images, or reproductions of real logos. Upload those instead.
- Two fonts: Text inside an image renders only in DejaVu Sans or Liberation Sans. Your brand fonts won't appear.
- Size cap: Images can be up to 4096 px on a side.
Dynamic images - via URL
If you want to return different images depending on inputs (see Inputs Overview), you need to create Dynamic Content that will output an image URL. Use this approach for example to return a profile image for the relevant account owner. The image URL needs to be publicly accessible.
If you have the needed image URLs in one of your data sources (e.g., in a CRM or a spreadsheet), follow the "If image URLs exist in your data" instructions below.
If you have images without publicly accessible URLs, you can create those URLs using a Google Drive method. Follow the "If image URLs don't exist in your data" instructions further below.
For headshots, another option is to pull each person's Slack profile photo by email address. See Example: Pulling Headshots from Slack.
If image URLs exist in your data
If your data already has image URLs in it, all your dynamic content needs to do is return the image URL (and ensure "Image" is selected).
If image URLs don’t exist in your data
If you don’t have image URLs in your data, this section will talk about a workaround. You can store your images in Google Drive and do some hacking of the share URL to get the image URL. Note that this URL is slightly different than the Google Share Link.
To get started, upload your image file to Google Drive. Your sharing settings on the image will have to be set to “Anyone with the link” for Matik to be able to use the image.
Next, copy the share link:
https://drive.google.com/file/d/1uDDIq-HdWrPHZkjNi6Ixdvm5QWFghlHX/view?usp=sharing
We can’t use this directly; however, we can use this to get the file ID of the image. The file ID is the string of characters after the /d/ and before the /view in the share URL. In the URL above, the file ID is 1uDDIq-HdWrPHZkjNi6Ixdvm5QWFghlHX
Insert that ID into the following URL where the <File ID Text> is:
https://lh3.googleusercontent.com/d/<File ID Text>?authuser=0
In the above example, this results in:https://lh3.googleusercontent.com/d/1uDDIq-HdWrPHZkjNi6Ixdvm5QWFghlHX?authuser=0
You can now use this URL in Dynamic Content.
Supported Image Formats
Matik supports jpeg, png, and gif image types, with a size limit of 25 megapixels.
Best practices
-
Fallback rule: when you are working with dynamic images returned via URL, it is a best practice to create a fallback rule to avoid errors if an image URL is missing or broken (for example, if you have a new hire whose profile image URL hasn't been added to your data source yet).
- Feel free to use this publicly accessible URL to a completely transparent image as your fallback: https://lh3.googleusercontent.com/d/1tIKtpKnbOCnU89GkFhzuhYFfHtQsjbJs?authuser=0
- To create a fall back rule, you can use spreadsheet Dynamic Content (GSheets, Excel) with an IF formula, or use AI-driven Insights Dynamic Content with fallback instructions in the prompt.
-
Usage example: use images as icons in stoplight and status charts like the one below. See this tutorial to learn more!
Comments
0 comments
Please sign in to leave a comment.