Skip to main content

How OKZest Works

OKZest lets you design one image, then automatically create a personalized version of it for every person who sees it.

You don't create or upload thousands of images. You add one image link to your email, website or app. The link contains a placeholder for each personal detail, such as the person's first name. When someone opens the email or page, OKZest fills in their details and shows them their own image.

The four steps​

  1. Design your image in the OKZest editor. Add a background, text and images, just like any design tool.
  2. Make some layers dynamic. Mark the text or images that should change for each person, and give each one a merge tag.
  3. Copy the image link from the Share page and paste it into your email platform, website or app.
  4. Send it. Your email platform swaps the merge tags for each person's details. When they open the email, OKZest creates their image in real time.

Layers​

Every design is made of layers. Some stay the same for everyone, and some change for each person.

LayerWhat it does
BackgroundA color or image behind everything else. It can be fixed, or change for each person (for example, a different city photo).
Static textText that's the same for everyone, such as a heading or tagline
Dynamic textText that changes for each person, such as their name, company or order number
Static imageAn image that's the same for everyone, such as your logo
Dynamic imageAn image that changes for each person, such as the product they viewed. You pass in the image's web address.
LogoShows a company's logo, from their website address or email address (for example, [email protected] shows Nike's logo)

You can stack layers in any order, and style each one with its own font, color, size and position.

Dynamic text and fallback text​

Each dynamic text layer can show one of three things:

  1. The person's real detail, from the merge tag
  2. Fallback text, when that detail is missing (for example, "friend")
  3. Nothing, if you leave the fallback text empty

For example, with the text:

Hello {{FNAME}}, would you like to play a game?

The image could show:

SituationResult
The first name is knownHello Alex, would you like to play a game?
The first name is missing, and the fallback text is "friend"Hello friend, would you like to play a game?
The first name is missing, and there's no fallback textHello , would you like to play a game?

Always set fallback text, so your image never looks broken.

Where you can use it​

Anywhere that can show an image from a web address:

  • Email: newsletters, marketing campaigns, cold email and automated emails, from any email platform that supports merge tags
  • Websites and landing pages
  • CRMs, portals and apps
  • Automations: with Zapier, the API or your AI assistant

Next steps​