Marketing Designer 2.0 Guide

Marketing Designer 2.0 Guide   

What is the new marketing design guide? 

The new marketing design feature has a more user-friendly interface and enhanced features allowing for more complex designs. This feature is included in the updated marketing module interface including the new list features.

How do I get my marketing module updated?  

Contact the helpdesk either through email (helpdesk@orderport.net) or through the helpdesk module and create a new ticket. Let the representative know you are interested in the new marketing features. s.  

What Are Templet Settings? 

This is where you set up the Name, Subject, From Email, Optout Link Text, make available for clubs, and add Attachments.

Understanding Sections and Layouts

Before creating your first design you will want to understand how this feature works. This is a section-based design editor. On the right-hand side, you will see a purple drag-and-drop button that allows you to insert different types of sections. Select the number of sections you want and drag it into the body. (Large white open space). 

What is Content and how can I use it? 

These are drag-and-drop features to help build your design.

What Styles how can I use them? 

Depending on the you of content you click on the padding changes. 

• Alt Text – Adds text (only available on a few types of content)
• Link To – Embed a link
• Padding – Puts spacing on the Top, Right, Bottom, and or Left
• Image Border Radius – You can create a radius around the image
• Alignment- Shifts the section to Left, Center, or Right
• Background Color – Changes the background color

Adding Text and Links 

All your text editing will be done through the Design Bar when you click on a text section. Changing font, size, color, adding links, etc.

Adding Images  

Once you have created a section you can now add images to that section. Click on the Purple Plus sign in the top right-hand corner to get back to the Drag and Drop blocks. Navigate to the image block and drag it into your section.  

This will bring up an image select feature that allows you to select previously uploaded images, new images, or drag and drop an image from your computer.
  

Once the image has been added, you can drag the corners to resize the image or use the dimensions on the right-hand side to get an exact size. 

Viewing Your Design on Different Platforms

On the top left-hand side of the editor, you will see three icons. A computer, tablet, and phone. Switching between these allows you to view your design on each of these devices.

Setting the section width and height to auto will allow your text to resize according to the device you have selected.  

Feature Definitions 

 View Code– Allows more technical users to view and edit the HTML code.  

Undo and Redo – Once you make some changes and you decide you don’t like them you can use the undo button. If you want to get back something you undid, use the redo button 

 Trash Allows the user to start over with their design.