---
title: Didion Constant Contact Template Standardization
type: article
created: '2026-04-05'
updated: '2026-04-05'
source_docs:
- raw/2026-01-14-didion-marketing-call-114212269.md
tags:
- email-marketing
- constant-contact
- template-design
- mobile-layout
- client-didion
layer: 2
client_source: null
industry_context: null
transferable: true
---

# Didion Constant Contact Template Standardization

Lessons from a working session with [[wiki/clients/didion/_index|Didion]] on email template design in Constant Contact. The core problem — a team photo section that couldn't be replicated — surfaced broader principles about building client-maintainable email templates.

## The Core Problem: Non-Replicable Templates

Diana attempted to update team headshots in an existing email template and discovered she couldn't reproduce the original design. The root cause: the original images had been **pre-composited with a black background in the design tool**, then placed as flat PNGs. They were not transparent PNGs sitting on a Constant Contact row with a black background color.

When Diana replaced the images with new transparent PNGs, the black background disappeared and couldn't be restored without recreating the original composited images from scratch.

**Lesson:** Any design element that requires recreating source assets to update is a template anti-pattern. Backgrounds, colors, and layout styles should be controlled by the email platform's native settings — not baked into image files.

## Solution: White Background Standardization

The team photo section was standardized to a **white background**, using transparent PNG headshots placed on a white Constant Contact row. This approach:

- Allows Diana to swap headshots without designer involvement
- Makes the template replicable for other campaigns (e.g., grain division)
- Removes the dependency on pre-composited source files

As a complementary design change, the "Talk to your..." header box was updated from black to **blue**, matching the footer and creating a more cohesive layout without the black section.

**Affected templates:** "Customer Email 1" and "Prospect Email 1" were prioritized for the update first, to share with the sales team by end of week.

## Constant Contact Platform Bugs

Two rendering issues appeared in test sends that did not appear in the platform's own preview:

| Issue | Behavior | Status |
|---|---|---|
| Checkmark color | Appeared purple (Diana) or gray (Melissa) in actual email; black in preview | Platform rendering inconsistency; no fix identified |
| White lines between photos | Appeared between team photo cells in test send | Likely related to row background color; resolved by background change |

These are Constant Contact rendering quirks — the preview is not a reliable representation of actual delivery across email clients and browsers.

## Mobile Layout Workaround

Team photo text labels did not stack correctly on mobile. The fix:

> **Centering the text content in desktop view forces correct mobile stacking.**

This is a workaround, not a proper responsive fix — centering looks slightly thin on desktop. The team accepted this tradeoff based on analytics showing **78% of Didion email opens are on desktop**. Mobile layout quality is a secondary concern for this audience.

Note: Constant Contact's per-breakpoint layout controls (tablet/mobile view editing) require a higher-tier paid plan. This was not pursued.

## Constant Contact Sections Feature: Research Finding

The team investigated whether Constant Contact supports a **reusable content block library** (analogous to HubSpot's "Snippets" or "Saved Sections") to avoid rebuilding common elements like the footer across campaigns.

**Finding:** Constant Contact's "Sections" feature allows grouping and copying content blocks *within a single email*, but does **not** provide a cross-campaign library. You can duplicate a section within the same email; you cannot save it to a central library and pull it into a different campaign.

**Next step:** Melissa's team will research whether this functionality exists under a different feature name or as a paid add-on.

Until a solution is found, the recommended workflow is:
1. Build one canonical template with all standard sections finalized
2. Duplicate the entire email as the starting point for new campaigns
3. Remove or replace sections as needed

## Design Principles for Client-Maintainable Templates

Derived from this session:

1. **Never bake layout colors into image files.** Use the platform's row/section background color settings.
2. **Use transparent PNGs for photos.** Background color is controlled by the container, not the asset.
3. **Standardize before duplicating.** Finalize the footer, header styles, and section structure in one canonical email, then duplicate — not the other way around.
4. **Test in actual email sends, not just platform preview.** Constant Contact's preview does not catch all rendering issues.
5. **Check audience device analytics before optimizing for mobile.** For B2B audiences, desktop may dominate (78% in this case), changing the priority of mobile layout fixes.

## Related

- [[wiki/clients/didion/_index|Didion client overview]]
- [[wiki/knowledge/advertising/didion-meta-ad-fatigue-recruitment|Didion Meta Ad Fatigue & Recruitment]]