# How to preview Custom Field in Email Builder?

> More Tutorials From the Community https://youtu.be/a20mMxuOgtE https://youtu.be/0F3uyXM33Bw https://youtu.be/6vAR0K1BBH4 https://youtu.be/jPoE5YZsfdA…

- Source: https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/how-to-preview-custom-field-in-email-builder
- Section: Marketing / Email Builder Capabilities
- Reading time: 1 min
- Images: 5, each explained below

---
**More Tutorials From the Community**

[https://youtu.be/a20mMxuOgtE](https://youtu.be/a20mMxuOgtE)

[https://youtu.be/0F3uyXM33Bw](https://youtu.be/0F3uyXM33Bw)

[https://youtu.be/6vAR0K1BBH4](https://youtu.be/6vAR0K1BBH4)

[https://youtu.be/jPoE5YZsfdA](https://youtu.be/jPoE5YZsfdA)

With this new functionality, users can now preview exactly how custom fields will appear for their respective clients before sending out any emails.This feature simplifies the testing process and eliminates the need to create fake test cases, allowing for a more efficient and cost-effective approach to email campaign management.  
**Steps to preview the custom field:**

Previewing custom fields ensures merge fields (for example, {{first\_name}}) resolve correctly before you send. Verifying these values prevents broken personalization, reduces rework, and improves deliverability outcomes.

1.  Open the email in Email Builder.
    
    
![Step 1 of 7: Open the email in Email Builder](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155063988124/original/wr6eqNIz69_t5VjFPzQOtSxZQJ3fBskBDQ.jpeg)

**Step 1 of 7: Open the email in Email Builder**

This screenshot accompanies step 1 of 7 in "How to preview Custom Field in Email Builder?". At this point in the walkthrough you open the email in Email Builder. For context, this section explains: With this new functionality, users can now preview exactly how custom fields will appear for their respective clients before sending out any emails.This feature simplifies the testing process and eliminates the need to create fake test cases, allowing for a more efficient and cost-effective…. The next step is to locate the top menu bar in the editor.
- Where to go: Open the email in Email Builder.
- Next: Locate the top menu bar in the editor.

Full procedure:

1. Open the email in Email Builder.  <- this image
2. Locate the top menu bar in the editor.
3. Click Preview (positioned next to Save) to open the preview instantly.
4. Review your custom fields and confirm they display the expected values.
5. Address merge fields render fully in Preview. If your email uses a full address, test with `{{contact.full_address}}` to confirm Preview matches the contact record.
6. If something looks wrong, close Preview, adjust your content or test data, then click Preview again.
7. Continue editing, or proceed to send or schedule when satisfied.

    
2.  Locate the top menu bar in the editor.
    
    
![Step 2 of 7: Locate the top menu bar in the editor](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155063988165/original/cdzw6lCEJFLOIsEdbokYBXvEaQq0pq_Ulw.jpeg)

**Step 2 of 7: Locate the top menu bar in the editor**

This screenshot accompanies step 2 of 7 in "How to preview Custom Field in Email Builder?". At this point in the walkthrough you locate the top menu bar in the editor. For context, this section explains: With this new functionality, users can now preview exactly how custom fields will appear for their respective clients before sending out any emails.This feature simplifies the testing process and eliminates the need to create fake test cases, allowing for a more efficient and cost-effective…. The next step is to click Preview (positioned next to Save) to open the preview instantly.
- What this covers: Locate the top menu bar in the editor.
- Next: Click Preview (positioned next to Save) to open the preview instantly.

Full procedure:

1. Open the email in Email Builder.
2. Locate the top menu bar in the editor.  <- this image
3. Click Preview (positioned next to Save) to open the preview instantly.
4. Review your custom fields and confirm they display the expected values.
5. Address merge fields render fully in Preview. If your email uses a full address, test with `{{contact.full_address}}` to confirm Preview matches the contact record.
6. If something looks wrong, close Preview, adjust your content or test data, then click Preview again.
7. Continue editing, or proceed to send or schedule when satisfied.

    
3.  Click Preview (positioned next to Save) to open the preview instantly.
    
    
![Step 3 of 7: Click Preview (positioned next to Save) to open the preview instantly](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155063988245/original/fLpBbJKIfhVLDMm-w0akx9J-QhXQeCROUQ.jpeg)

**Step 3 of 7: Click Preview (positioned next to Save) to open the preview instantly**

This screenshot accompanies step 3 of 7 in "How to preview Custom Field in Email Builder?". At this point in the walkthrough you click Preview (positioned next to Save) to open the preview instantly. The next step is to review your custom fields and confirm they display the expected values.
- How to confirm: Click Preview (positioned next to Save) to open the preview instantly.
- Next: Review your custom fields and confirm they display the expected values.

Full procedure:

1. Open the email in Email Builder.
2. Locate the top menu bar in the editor.
3. Click Preview (positioned next to Save) to open the preview instantly.  <- this image
4. Review your custom fields and confirm they display the expected values.
5. Address merge fields render fully in Preview. If your email uses a full address, test with `{{contact.full_address}}` to confirm Preview matches the contact record.
6. If something looks wrong, close Preview, adjust your content or test data, then click Preview again.
7. Continue editing, or proceed to send or schedule when satisfied.

    
4.  Review your custom fields and confirm they display the expected values.
    
    
![Step 4 of 7: Review your custom fields and confirm they display the expected values](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155063988325/original/WnsxwN9u6FErCjUmIXn-FdJDrRJFGSE1oQ.jpeg)

**Step 4 of 7: Review your custom fields and confirm they display the expected values**

This screenshot accompanies step 4 of 7 in "How to preview Custom Field in Email Builder?". At this point in the walkthrough you review your custom fields and confirm they display the expected values. The next step is to address merge fields render fully in Preview. If your email uses a full address, test with `{{contact.full_address}}` to confirm Preview matches the contact record.
- How to confirm: Review your custom fields and confirm they display the expected values.
- Next: Address merge fields render fully in Preview. If your email uses a full address, test with `{{contact.full_address}}` to confirm Preview matches the contact record.

Full procedure:

1. Open the email in Email Builder.
2. Locate the top menu bar in the editor.
3. Click Preview (positioned next to Save) to open the preview instantly.
4. Review your custom fields and confirm they display the expected values.  <- this image
5. Address merge fields render fully in Preview. If your email uses a full address, test with `{{contact.full_address}}` to confirm Preview matches the contact record.
6. If something looks wrong, close Preview, adjust your content or test data, then click Preview again.
7. Continue editing, or proceed to send or schedule when satisfied.

    
5.  Address merge fields render fully in Preview. If your email uses a full address, test with \`{{contact.full\_address}}\` to confirm Preview matches the contact record.
    
6.  If something looks wrong, close Preview, adjust your content or test data, then click Preview again.
    
    
![Step 6 of 7: If something looks wrong, close Preview, adjust your content or test…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155063988368/original/wflbIXQFrMNJK-xcW6z41Vwbr2epD9gX6w.jpeg)

**Step 6 of 7: If something looks wrong, close Preview, adjust your content or test…**

This screenshot accompanies step 6 of 7 in "How to preview Custom Field in Email Builder?". At this point in the walkthrough you if something looks wrong, close Preview, adjust your content or test data, then click Preview again. The next step is to continue editing, or proceed to send or schedule when satisfied.
- What to click: If something looks wrong, close Preview, adjust your content or test data, then click Preview again.
- Next: Continue editing, or proceed to send or schedule when satisfied.

Full procedure:

1. Open the email in Email Builder.
2. Locate the top menu bar in the editor.
3. Click Preview (positioned next to Save) to open the preview instantly.
4. Review your custom fields and confirm they display the expected values.
5. Address merge fields render fully in Preview. If your email uses a full address, test with `{{contact.full_address}}` to confirm Preview matches the contact record.
6. If something looks wrong, close Preview, adjust your content or test data, then click Preview again.  <- this image
7. Continue editing, or proceed to send or schedule when satisfied.

    
7.  Continue editing, or proceed to send or schedule when satisfied.
    

Tip: Preview is now available on the top menu bar for one-click access. You no longer need to use the three-dots (kebab) menu.

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com