How to Use Custom Values for Images in Enrollment Pages and Sites

Custom values let you personalize images across your enrollment pages and sites without rebuilding each page from scratch. You can dynamically swap logos, photos, or graphics based on parent information, center location, or program type.

What Are Custom Values?

Custom values are placeholders that pull specific information from your parent or family records. When applied to images, they let you display different visuals for different families — like showing location-specific photos or program logos.

When to Use Custom Values for Images

Use custom values for images when you want to:

  • Show location-specific photos on enrollment pages for multi-site centers
  • Display program-specific graphics (infant, toddler, preschool) based on family interest
  • Personalize confirmation pages with custom center logos
  • Create dynamic testimonial images that change by program

How to Add Custom Values to Images

Step 1: Upload Your Images

First, upload all the images you'll need to your media library:

  1. Go to Settings → Media Library
  2. Click Upload and select your images
  3. Once uploaded, click each image and copy its URL
  4. Save these URLs — you'll need them for your custom values
[SCREENSHOT: Media Library interface showing uploaded images with URL copy button highlighted]

Step 2: Create Your Custom Value

Set up the custom value that will determine which image displays:

  1. Go to Settings → Custom Fields
  2. Click Create Custom Field
  3. Name it something clear like "Center Location" or "Program Type"
  4. Choose Dropdown or Radio Button as the field type
  5. Add options that match your images (e.g., "Downtown Center", "North Campus", "Westside")
  6. Click Save
[SCREENSHOT: Custom Fields creation screen with dropdown options for center locations]

Step 3: Insert the Custom Value in Your Page

Now add the custom value to your enrollment page or site:

  1. Open your enrollment page or site in the builder
  2. Click the image element where you want dynamic content
  3. In the image settings, look for the source or URL field
  4. Click the Custom Values icon (usually looks like {{}})
  5. Select your custom field from the dropdown
  6. The placeholder will appear like {{custom_values.center_location}}
[SCREENSHOT: Page builder showing image element with custom value dropdown open]

Setting Up Conditional Image URLs

For images to change dynamically, you'll need to map custom values to specific image URLs. Here's how:

Create a Lookup Automation

  1. Go to Automations → Create Automation
  2. Name it "Image URL Lookup"
  3. Set the trigger to when the custom field is updated
  4. Add an If/Else condition
  5. For each option, set the condition to match the custom field value
  6. Add an Update Contact action that sets a "Center Image URL" field to the correct image URL
  7. Repeat for each location or program option
[SCREENSHOT: Automation builder showing If/Else branches for different center locations with Update Contact actions]
Pro Tip: Create a dedicated custom field called "Image URL" that stores the actual image link. This keeps your page builder cleaner and makes updates easier.

Using Default Images

Always set a default image in case a family record doesn't have a custom value assigned:

  1. In your image element, add a default image URL first
  2. Then layer your custom value on top
  3. If the custom value is empty, the default image displays

Testing Your Dynamic Images

Before going live, test that your images display correctly:

  1. Create test family records with different custom field values
  2. Preview your enrollment page while logged in as each test family
  3. Verify the correct image displays for each scenario
  4. Check mobile and desktop views

Common Use Cases

Multi-Location Centers

Show families photos of the specific center they're interested in. Each enrollment page displays the correct building exterior, classroom photos, or campus map.

Program-Specific Pages

Display age-appropriate imagery based on the program a family is exploring — infant rooms for infant programs, playground photos for preschool inquiries.

Personalized Confirmations

After a family books a tour, show them a confirmation page with their center director's photo and the specific location they'll visit.

Pro Tip: Keep image file sizes under 500KB for faster page loading. Compress images before uploading to ensure quick load times on mobile devices.

Troubleshooting

Image not displaying? Double-check that the custom field is actually populated in the family record. Empty custom fields won't pull any image.

Wrong image showing? Verify your automation conditions match exactly with your custom field options — even extra spaces can break the match.

Image quality looks poor? Upload higher resolution images. The platform will automatically optimize them for web display.