WiredContact Campaign Manager Newsletter Editor

🧩 How to Build Email Templates in WiredContact’s Campaign Manager

This article walks you through preparing and editing email templates using the built-in HTML editor (Innova Studio) inside WiredContact’s Campaign Manager.

🔧 Before You Begin: Prepare Your Image Assets

We cannot provide support for desktop publishing products or 3rd party email editors like Dream Weaver or SeaMonkey.

If your designer created a full layout in Illustrator, it must be sliced into smaller image files—one for each clickable section.

What to export:

  • header.png – Top banner (600px wide)

  • tile1.jpg, tile2.jpg, tile3.jpg – Product or service images

  • cta_footer.png – Call-to-action/footer button

  • fb.png, x.png, ig.png, li.png – Social icons

  • Sample file attached.

🎨 Use this hex color picker for table background or border colors.

🚫 Avoid:

  • Uploading a single image with embedded links (image maps aren’t supported)

  • Converting Word docs into HTML (they break formatting)

📝 Step-by-Step Instructions

Step 1: Create a New HTML Template

  • Go to: Newsletters > HTML newsletters > Create New

  • This opens the blank Innova Studio editor

    Create a New Template in Campaign Manager

Step 2: Add Subject and Begin Editing

  • Enter a Subject line

  • The Body is where you’ll add your table and images

The Campaign Manager Editor

Step 3: Upload and Insert Images

  • Click the yellow Image icon in the toolbar

  • Use the Upload button to add new images

  • Set width, height, and link (if needed)

  • Click Insert


Campaign Manager Image LibraryUpload images
​

Step 4: Insert Tables to Align Layout

  • Click the Table icon

  • Choose the structure (e.g., 3 columns for 3 products)

  • Adjust spacing, alignment, and padding

  • Place your image files in each cell

Table Editor
We recommend keeping the table 600 pixels wide.

Insert an image and link it.

This video highlights how to update links to existing images.

This video highlights how to add background colors to select rows and cells instead of using solely relying on images.



📎 Appendix: A Use Our Sample Template

To save time, you can start with our ready-made HTML layout.  

Attachment file name is Campaign_Manager_Sample_Wireframe_Template.html


Click the HTML tab in the editor, paste this in, and replace the placeholders with your own content:

Appendix B: Second Sample HTML Template

The second sample template with images has an extra row for placeholders for social media links.
Info
Attachment file name is Campaign_Manager_Sample_02_Wireframe_Template.html

Appendix B: HTML Wireframe Reference

📘 For additional reading on HTML tables, visit:


    • Related Articles

    • WiredContact Administrator Guide

      The WiredContact Admin Guide is for WiredContact administrators that want to manage their own sites. If you don't see this tab, contact your WiredContact administrator or open a ticket with us. The admin tab isn't available by default as a security ...

    • WiredContact User Guides

      Please note the screens could be different since most WiredContact sites are customized for each of our client's unique needs. The PDFs have instructions for following tasks: Introductory User's Guide Merging Records Importing Records Deleting ...

    • How to Create an E-Mail Template and Sending Mass E-Mail in WiredContact

      Users can create their own Email Template to save future use. The Email template can easily be merged with fields from the contact’s record to make the Email more personalized. For clients using WiredContact customized for Walgreens Contractors, use ...

    • How to modify drop-downs in WiredContact

    • Updating WiredContact User Settings

      This PDF contains instructions for the following tasks in WiredContact: Setting a Password Setting a custom start page Setting a default task list range Setting E-Mail Signatures.