Customize Unsubscribe page
complete
Ján Mikláš
complete
Ján Mikláš
closed
Our KB is updated with examples on how to customize unsubscribe pages https://kb.mailpoet.com/article/221-customize-your-unsubscribe-page
Ján Mikláš
in progress
Ján Mikláš
planned
We'll be adding more options to customize unsubscribe pages in near future.
Travis Pflanz
Just create a page on your website and add the unsubscribe page shortcode as described in the Mailpoet settings (screenshot - https://i.imgur.com/kxVAJOk.png). The built-in Mailpoet "page" is only there as a "fallback" for website owners who fail to create their own page.
Koushik Sinha Deb
Good point! It looks odd. It can be styled though with a bit of css.
Here is how I have got it done for one of my sites. It uses divi so the selectors might be different in your case, but you get the idea.
#main-content {
background-color: #ffffff;
min-height:300px;
max-width: 700px;
margin-right: auto;
margin-left: auto;
box-shadow: 0px 2px 18px 0px rgba(72,85,117,0.41);
width: 90vw;
border-radius: 5px;
margin-bottom: 40px;
margin-top:0px;
}
.entry-title{
font-size: 22px;
font-weight: 300;
text-align: center;
}
.post-meta {
text-align: center;
font-size: 12px!important;
font-weight: 300!important;
color: #666666;
}
.mailpoet_confirm_unsubscribe>a{
color: #717af7!important;
transition: all 300ms ease ;
line-height:2em!important;
}
.mailpoet_confirm_unsubscribe>a:hover{
color: #3c439a!important;
transition: all 300ms ease ;
line-height:2em!important;
}
M
MailPoet Team
Yes, the meta info of a page, like author and date don't look too good there.
You can remove them by a custom CSS :<style>.author {display:none}</style> (pseudocode, but you get the idea)