How do I change the format of my email campaign message?

The default layout of our Email Campaign messages is such that the content is centered and the width is quite skinny. The default layout ensures good display on all devices, however you can override these default styles if you wish. 

Default Email Campaign message styles

To override our default styles go to the Campaign Designer and click Edit Message. On the Style & Preview tab check the option to Disable all SurveyGizmo styling and use my own

Disable SurveyGizmo default message styles

This will remove all styling from the email message including the width, the alignment, and the blue border line. Unstyled email message preview

After removing SurveyGizmo email styles you can send the message as is or add your own styles. If you choose to send the message as is it will look much like a plain text email (the survey link will be hyperlinked).

Example unstyled email message

Adding your own styles

Once you've removed SurveyGizmo's styles you can add your own. 

Note: Adding your own custom styles assumes an intermediate to advanced understanding of web and email design/development.

To add your own styles go back to the Message tab. We recommend going into the source to add inline styles in the HTML. The source HTML can be accessed via the Source button on the editor toolbar. 

Accessing message source HTML to add your own styles

FAQ

I like your styles I just want to get rid of a few things how can I do so?

You can copy or paste one or all of the following code into the source code of your email message to apply some common adjustments to our styles. To do so, go to the Campaign Designer, click Edit Message and click the Source button on the editor toolbar. 

You can paste all of the below code or you can delete any of the blocks that you do not wish to apply. The first line of each block describes what the code does. If you delete a section of code be sure to keep the opening <style type="text/css"> and closing </style> tags in order for your code to work. 

<style type="text/css">

<!---Remove top blue border-->
td.target-body {
border:none !important;
}

<!---Make the width of the content wider-->
table {
width:600px !important;
}

<!---Remove grey background--> 
.gets-background-color { 
background-color: #ffffff !important;
}

</style>

Scripting and Other Out-of-the-Box Customizations

We’re always happy to help you debug any documented script that is used as is. That said, we do not have the resources to write scripts on demand or to debug a customized script.

If you have customization ideas that you haven't figured out how to tackle, we're happy to be a sounding board for SurveyGizmo features and functionality ideas that might meet your needs. Beyond this, check out our Programming Services; these folks have the scripting chops to help you to achieve what you are looking for!

Basic Standard Market Research HR Professional Full Access Reporting
Free Individual Team & Enterprise
Feature Included In