Kikster of Interactive Team
2/12/2019 - 6:36 PM

Email Build SOP

Build Emails in Sublime using Cacher assets

Email Build SOP

Downloading Cacher:

https://www.cacher.io/

Steps for downloading Cacher package for sublime:

https://packagecontrol.io/packages/Cacher
(Cacher has a desktop app and online interface) If you need to access from home you might want to become familiar with both.

Make HTML file from Sublime:

  • In Sublime Text's top menu bar, choose File > New File. An untitled, blank file will appear.

  • Next, choose File > Save or Save As.

  • Create a simple HTML file
    It's crucial that you use the file extension.html so Sublime Text knows to provide HTML syntax highlighting.

Email Build (Pulling a Template):

Update:

Update everything you do today:

  • Title
  • Hidden / Mobile Preview

    KEEP all Dynamic and Scrape links as they are: %%DC::SmartPerksStatusTemplate::Logo%% %%DC::FreeShippingTemplate::ShippingPolicyEmailHeader%% %%DC::AssociationMember::DiscountMessage%% %%DC::Store75Miles::Store%% %%DC::SmartPerksStatusTemplate::MobileNav%% %%DC::SmartPerksStatusTemplate::Logo%% %%DC::FreeShippingTemplate::ShippingPolicyEmailHeader%% %%DC::AssociationMember::DiscountMessage%% %%DC::Store75Miles::Store%% %%DC::SmartPerksStatusTemplate::MobileNav%%

%%_SP_CONTENT_SCRAPE xt_csname="EmailCSS" xt_cstracklinks="true" xt_cslocationtype="HTTPS" xt_cslocationref="api.cacher.io/raw/95aed9217e74014a02ff/7e5892344211925a15bb/Email%20CSS" %% %%_SP_CONTENT_SCRAPE xt_csname="Footer" xt_cstracklinks="true" xt_cslocationtype="HTTPS" xt_cslocationref="api.cacher.io/raw/24f16a0ae27821884437/425cd05eda746328c0b7/Full%20Footer%20Block" %%

Build the email with the partials that you need.

Look for the commented out sections currently loaded in the template. If you don’t need them, DELETE them. If you want to load them, they are named the same as the snippet in cacher.

  • Hero Full Width Partial
  • Headline no line
  • ERZ_Shell_Grid_2Rows_Scale
  • ERZ_Full_Name
  • ERZ_Shell_Grid_2Rows_Scale
  • Headline with line
  • Video Partial
  • Social Partial
  • Disclaimer Partial

Keyboard Shortcut (The fastest way to access Cacher commands.)

  • Alt+Shift+I - Insert Snippet
  • Alt+Shift+C - Create Snippet
  • Alt+Shift+O - Open Snippet in App
  • Alt+Shift+P - Open Snippet Page
  • Alt+Shift+R - Refresh Snippets

Ways to search:

Commented out name:
-- Hero Full Width Partial -- https://www.smartpakequine.com/images/2019_Email/InsertHero.png

Start with: ERZ_Full_
This will give you all the FULL width (Same goes ERZ_Grid assets) https://www.smartpakequine.com/images/2019_Email/InsertFullERZ.png

Open full snippets page:
This gives the entire list to look through https://www.smartpakequine.com/images/2019_Email/Full_OpenSnippet.png

Load ERZ Shell

Works the same as it does today. You need to load this shell before you load the individual ERZ_Name assets.

  • Video/Social
    Load both partials and update links, CTA’s and images just as you do today.

Test/Silverpop

You won’t be able to see any of the DC sections or CSS styles until you test in your private account in Silverpop!