Customize Your Manage Subscription Page
When your subscribers click the "Manage your subscription" link in their Newsletter, they will be directed to MailPoet's default Manage Your Subscription Page. If you want to use a custom Subscription page, you can follow these steps below:
First, you have to create a new page by going to WordPress Dashboard > Pages > Add New:
You can write any message you want and then paste the shortcode [mailpoet_manage_subscription] onto the page:
After you have created and published your new page, access MailPoet > Settings > Basics and go to Manage Subscription page options. Select the custom Unsubscribed page created from the drop-down menu:
You can click on Preview link to see what your custom Manage Your Subscription page will look like. Don't forget to save your settings when you finished editing. You should have a page looking like this:
Bonus: CSS styling
Here are a few CSS styles that would help enhance the look of that page:
form.mailpoet-manage-subscription .mailpoet_text_label, form.mailpoet-manage-subscription .mailpoet_select_label, form.mailpoet-manage-subscription .mailpoet_segment_label{ display: block; font-weight:bold; } form.mailpoet-manage-subscription .mailpoet_select, form.mailpoet-manage-subscription .mailpoet_text{ width: 50%; padding: 12px; } form.mailpoet-manage-subscription .mailpoet_paragraph{ margin-bottom:20px } form.mailpoet-manage-subscription .mailpoet_submit{ padding: 20px 20px; width: 50%; font-weight: bold; font-size: 11pt; }
We recommend you add custom CSS to your website with the plugin Simple Custom CSS.
This is what that page will look like on the newest Twenty Twenty default WordPress theme with the styles above applied:
Advanced: Filter to remove form fields
You can use the mailpoet_manage_subscription_page_form_fields
filter to remove individual fields from that form.
Here's an example to remove Custom Fields created during import or form creation (the "Country" field on that image above):
add_filter( 'mailpoet_manage_subscription_page_form_fields', 'mp_remove_manage_fields', 10); function mp_remove_manage_fields( $form ) { // The code below remove Custom Fields foreach($form as $key => $value){ if (strpos( $value['id'], 'cf_') !== false){ unset($form[$key]); } } return $form; }
If you wish to remove the First name and Last name fields, you can use this code:
add_filter( 'mailpoet_manage_subscription_page_form_fields', 'mp_remove_manage_fields', 10); function mp_remove_manage_fields( $form ) { unset($form[0]); // First Name unset($form[1]); // Last Name return $form; }
Or if you wish to remove the Status dropdown and List Selection checkboxes:
add_filter( 'mailpoet_manage_subscription_page_form_fields', 'mp_remove_manage_fields', 10); function mp_remove_manage_fields( $form ) { unset($form[2]); // Status Dropdown unset($form[4]); // List Selection Dropdown return $form; }
We always recommend you add these code snippets to your website using the plugin: Code Snippets.