Customize the Unsubscribe Page

Customize the page that subscribers will see if they click on the Unsubscribe link in the footer of the email.  You can update the wording of the text, add an optional logo, and customize the styling of the page.

Customize the Wording of the Text

1. Click the Account Folder
2. Click Account Preferences
3. Find the Other Information section at the bottom of the page
4. Click Edit Company Settings
   
   
   
5. Change the category to Unsubscribe Page
   
   
   
6. Edit text in the right hand column
   
   
   
7. When you are done, click Save and Cancel

Add a Logo & Edit the Background Color

1. Click the Account Folder
2. Click Account Preferences
3. Find the Other Information section at the bottom of the page
4. Click Edit Company CSS
   

Add a Logo to the Top of the Page

1. In the CSS Editor window, add a style like the following.  Add your logo URL as the background-image URL.  If necessary, change the size of the unsubscribe box, making sure to keep the margin-left as half of the width.

/*Add a logo to the top of the box*/
.ci_unsub_mainarea {
    background-image: url("/image/logos/logo_dev_small.png");
    background-repeat: no-repeat;
    padding-top: 40px; /*The top padding is equal to the height of your logo image*/
}

Edit Styling of the Page

1. Open Account Preferences and click Edit Company CSS, located at the bottom of the page. 
2. In the CSS Editor window, type the css you would like to apply to the unsubscribe page. Only add styles that you want to change from the default style. 
3. Here are the default values:

/*Center the unsubscribe box, add a header logo image, and change the background or border colors*/
.ci_unsub_mainarea{
 	padding:90px 0px 0px 0px;
	position:absolute;
 	left: 50%;
	margin-left: -328px !important;
 	width:656px;
 	background: #f0f0f0;
 	border:solid 1px #c6cfe1; 
 	background-image: url(/logo_image_name.jpg);
 	background-repeat:no-repeat;
}
.ci_unsub_box {
 	color:#333333;
 	background: #f0f0f0;
 	border:none;
}
/*Change style of header text */
.ci_unsub_box h1 {
     color:#4c8fc7;
}
/*Change the styling of the email address line*/
.ci_unsub_emailaddress{
 	font-weight:bold;
 	font-size:18px;
}