[object Object]

← back to Designer Wallcoverings

Coordinate by Color email: embed live how-to GIF (photo.designerwallcoverings.com/marketing) below hero; draft 79ca6e60 updated

0fe5241f35a9c5d5f1f2a82b424b8d8b6e0b2b46 · 2026-07-29 07:46:34 -0700 · Steve

Files touched

Diff

commit 0fe5241f35a9c5d5f1f2a82b424b8d8b6e0b2b46
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed Jul 29 07:46:34 2026 -0700

    Coordinate by Color email: embed live how-to GIF (photo.designerwallcoverings.com/marketing) below hero; draft 79ca6e60 updated
---
 mailers/color-coordinate-launch.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/mailers/color-coordinate-launch.html b/mailers/color-coordinate-launch.html
index 736e675c..c6eefb85 100644
--- a/mailers/color-coordinate-launch.html
+++ b/mailers/color-coordinate-launch.html
@@ -40,6 +40,15 @@
       <p style="font-family:Georgia,serif;font-style:italic;font-size:13px;color:#8d8478;margin:12px 0 0;">Start with a pattern you love &mdash; here, <strong style="font-style:normal;color:#5a544c;">Tulip &amp; Bird</strong> by William Morris.</p>
     </td></tr>
 
+    <!-- LIVE DEMO GIF -->
+    <tr><td align="center" style="padding:34px 36px 4px;">
+      <p style="font-family:Helvetica,Arial,sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8d8478;margin:0 0 14px;">See It In Action</p>
+      <a href="https://www.designerwallcoverings.com/products/dwwm-14233-william-morris-designer-wallcoverings-los-angeles?utm_source=email&utm_medium=mailer&utm_campaign=color-coordinate-launch-2026-07" target="_blank">
+        <img src="https://photo.designerwallcoverings.com/marketing/color-coordinate-wm.gif" alt="Coordinate by Color demo — pick a color and coordinating William Morris patterns appear" width="540" style="width:100%;max-width:540px;height:auto;border-radius:6px;border:1px solid #e8e2d6;">
+      </a>
+      <p style="font-family:Georgia,serif;font-style:italic;font-size:12px;color:#8d8478;margin:12px 0 0;">Here&rsquo;s the whole flow &mdash; then the steps below, one at a time.</p>
+    </td></tr>
+
     <!-- STEP 1+2: THE COLOR BAR -->
     <tr><td align="center" style="padding:40px 36px 0;">
       <p style="font-family:Helvetica,Arial,sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#8d8478;margin:0 0 6px;">Step 1 &middot; Select Color for Coordinates</p>

← 1fd642ef TK-10039: cadence-import (daily importer) writes specs to me  ·  back to Designer Wallcoverings  ·  Coordinate by Color email: add brand pills (11 houses from l 637b72c0 →