How do I add Cloze data fields to Canva elements?

This guide walks you through how to connect Cloze as a Canva data source and then map text and image elements.

Before you setup your first Canva template to use autofill:

1. Start with a brand template. Canva has extensive documentation on how to publish designs as brand templates. Once you have completed the autofill setup you will publish your template so anyone using Canva Enterperise at your organization can use the template with Cloze.
2. Make sure you have connected Canva to your Cloze account. Follow these instructions to connect your Cloze account.

Add Cloze as a custom data source

1.) Add the autofill app.

2.) Select Custom.

3.) Confirm Cloze is connected and tap on the continue button.

You can now start mapping specific fields.

How to map data fields to Canva text and image elements.

With Cloze connected to Canva Enterprise, you can automatically populate brand templates using live data from Cloze. Each element in your Canva design can be mapped to a Cloze field—so property and agent details fill in automatically.

For example, a listing template can autofill with:

• Address and price
• Description and features
• Property photos
• Agent name, photo, and contact info

Mapping data fields

Each design element in a Canva brand template can be connected—or “mapped”—to a matching data field in Cloze.

Below is a list of common data fields you can use with Canva autofill.

• Property Fields
  • Address
  • Listing picture[s]
  • Listing Name and Description
  • Price and listing details (beds, baths, sq ft, etc..)
  • Features
• Agent Fields
  • Agent information (name, picture, headline, etc...)
  • Agent contact information
  • Agent license information
  • Agent social information
• Important formatting tips (and fallback features when list data is not available)

Canva Autofill field mappings

Property Fields

Address:

Picture:

It's common for many listing photos to appear in marketing materials. In the design below four pictures have been connected to the design.  If there is another picture in the design you increment up the numbers as needed (e.g. property.pictures[4],  property.pictures[5],  property.pictures[6],  property.pictures[7], etc...).

Listing Name and Description:

*If you have more room, you can add more characters: property.description | ellipsis:600 — this provides 600 characters for the description.

Price and listing details (price, beds, baths, sq ft, etc...):

Open house information

Dates

Important Formatting Tips

There are several options to provide formatting and "fall-backs" based on the data available. The fields above can have suffixes or prefixes and adjust formatting, set defaults, etc.

Formatting

These formatting options are added after the vertical bar: |

Formatting examples that can be cut and pasted into Canva:

Suffix and prefix examples that can be cut and pasted into Canva:

• property.exact-size | suffix:" sq ft" | "--"    
  • This example will display the suffix "sq ft" after the value (e.g. 3,500 sq ft) in the Canva design
  • And would show "- -" if no data is available for the square feet value on the listing
• property.exact-bedrooms | zero: “No bedrooms” | suffix1:" bedroom" | suffix:" bedrooms"    
  • In this example, if the listing has:
    • ... zero bedrooms, the Canva design will show: No bedrooms
    • ... only one bedroom, the Canva design will show: 1 bedroom
    • ... multiple bedrooms, the Canva design will show: [number] baths (e.g. 4 bedrooms)
• property.display-bathrooms | zero: "No bathrooms" | suffix1:" bathroom" | suffix:" bathrooms"    
  • In this example, if the listing has:
    • ... zero bathrooms, the Canva design will show: No bathrooms
    • ... only one bathroom, the Canva design will show: 1 bathroom
    • ...multiple bathrooms, the Canva design will show: [number] baths (e.g. 4 bathrooms)
• property.display-bathrooms | zero: "No bathrooms" | prefix: "Bathrooms: "    
  • In this example, if the listing has:
    • ... zero bathrooms, the Canva design will show: No bathrooms  
    • ... one or more bathrooms, the Canva design will show: Bathrooms: [number]  (e.g. Bathrooms: 4)

Listing features examples that can be cut and pasted into Canva:

Agent Fields

Navigate to the People section of Cloze to update your own record to test this data.

Here are instructions.

Agent info

Agent contact info

Agent license

Agent social

Adding other agents from your team to a Canva design

If you work as a team, you can include contact information from other team members in your Canva designs. You can use the fields below to add other team members' information.

For example, to add the contact details for the first team member, you would use:

• agents[0].name
• agents[0].email
• agents[0].mobilePhone
• agents[0].picture

To add the contact details for the second team member, you would use:

• agents[1].name
• agents[1].email
• agents[1].mobilePhone
• agents[1].picture