How do I make an image dynamic? (Zephyr)

Insert a placeholder image, set the image to be dynamic, and use the right tag to set your template up to pull in photos from outside sources like the agent profile, listing data, or article RSS feed.

Written By Danny Schaffer

You're creating a template or row for your agents to use, but you want that row to pull in an image from either the agent's profile or one of their listings. Well, you're in the right place!

Zephyr allows you to set an image as "Dynamic" and associate a tag with the photo.

With an image marked as dynamic and a tag in place, your agents should see their content replaced when they use the row in a marketing piece. When putting together your row, you'll want to make sure to start by inserting a Placeholder. Then you will go through the steps of Making the Image Dynamic and Adding a Dynamic Tag.

Inserting a Placeholder

In order to make an image dynamic, you'll first need to add a placeholder. This can be any image really, as it will be replaced with the appropriate listing or agent image in the end. But generally, we recommend adding an image of the same rough proportions as the final image.

  1. Click on the Content tab on the right side of the Template Builder

  2. Drag an Image content block into your design

  3. Click Browse in the image block.

  4. Head to the Folder of your choice (likely My Files or Company Files), and locate your placeholder. Click Insert to use the image.

If you have an example listing image or agent profile photo, that could be a great placeholder for the final dynamic image. Alternatively, you can use a stock photo using our Search free photos feature.

A gif showing the "Browse" button clicked in the template builder, then navigation to the My Files folder, and the "inserting" of an image.

Adding a Dynamic Tag to an Image

Now that you have your placeholder in place:

  1. Click on the image, then head to the Image Properties tab on the right.

  2. Toggle the “Dynamic Image” option to create the Dynamic URL field.

    Note: Only populate the “Dynamic URL” field with a photo tag.

  3. Click the Dynamic Tags button at the top of the page to access our "tags" list.

  4. In the Dynamic Tags modal, set the tag type (Agent, Listing, Article, etc) for the specific content that you are looking to pull in.

  5. Locate the Photo tag of your choice and click Copy to get the tag.

  • To pull in the agent's profile image, use the drop-down menu to select the Agents option.

  • To pull in listing images, make sure to select the Listing option.

NOTE: We advise against using multiple tag types in a single row. Listing tags and Agent tags function differently, and combining the two in the same row or content block could result in display issues in the final piece.

  1. Paste the Dynamic Tag into the Dynamic URL field to make your photo Dynamic.

  2. Save your template (and row, if desired).

A gif shows an image being clicked, the "Dynamic Image" toggle turned on, the "Dynamic Tags" button clicked, then the Agent Photo tag copied. The tag is then pasted into the Dy

Want to see how your agents will use your new row with a dynamic tag?

Head to the Agents page, assume into an agent’s account, then try it out in a piece.