{"id":2261,"date":"2018-07-29T13:04:10","date_gmt":"2018-07-29T18:04:10","guid":{"rendered":"http:\/\/bluegalaxy.info\/codewalk\/?p=2261"},"modified":"2018-07-29T13:04:10","modified_gmt":"2018-07-29T18:04:10","slug":"wordpress-how-to-add-an-email-subscription-page","status":"publish","type":"post","link":"https:\/\/bluegalaxy.info\/codewalk\/2018\/07\/29\/wordpress-how-to-add-an-email-subscription-page\/","title":{"rendered":"WordPress: How to add an email subscription page"},"content":{"rendered":"

One thing that was missing from my blog was the ability for people to “Subscribe” to my blog to get email updates when I write new articles. In order to enable this, I searched for WP Plugins that would enable this with a shortcode so that I can make a special menu button for a “Subscribe” page. I tried three different plugins that either didn’t work, didn’t have a shortcode, or charged exorbitant amounts of money for a “Premium” version in order to get the desired functionality. The three plugins that I ended up deleting were Jetpack, WP Subscribe, and MailChimp.<\/p>\n

I finally tried the “Email Subscribers & Newsletters” plugin and found that it does everything I needed it to do. I searched for “Subscribe” in the “Add New” Plugins page and then Installed the “Email Subscribers & Newsletters” plugin,<\/p>\n

\"\"<\/p>\n

Once it was installed, I clicked the Activate button. Then I created a new Page called “Subscribe” and added this shortcode:<\/p>\n

[ email-subscribers namefield=\"YES\" desc=\"Enter your name and email address to receive a notification whenever new articles are published.\" group=Public ]<\/code><\/p>\n

\"\"<\/p>\n

Notes:\u00a0 1) Make sure that the yes in namefield=”YES” is in ALL CAPS, otherwise the plugin won’t recognize it as a valid option and won’t display the name field. 2) The text in desc=” ” is customizable. You can make it say whatever you want it to.<\/p>\n

When the Subscribe page was added, there were three small problems I wanted to fix: 1) The ‘Subscribe’ link showed up first in the list of links in my menu bar.\u00a0 2) The CSS styling of the default form wasn’t what I wanted. 3) There were no colons after the “Name” and “Email *” labels.<\/p>\n

\"\"<\/p>\n

To fix the order of the links in the Title Menu, I went to “All Pages” and then clicked the “Quick Edit” link under the Subscribe page. It has a box where you can change the order that this page appears in the list of links. I changed it to 1.<\/p>\n

Note: I also had to change the value of another link in the same way since it was already set to 1 also.<\/p>\n

\"\"<\/p>\n

Now the Subscribe button appears in the order I want it to instead of appearing first.<\/p>\n

\"\"<\/p>\n

To solve the problem of the formatting of the subscription form, I added these CSS changes in the box that shows up after clicking :<\/p>\n

Customize –> Additional CSS<\/p>\n

\/*   ES Subscribe Styling *\/\r\n#es_txt_email {\r\n  background-color: #fefefe;\r\n  height: 40px;\r\n  width: 340px;\r\n  font-size: 22px;\r\n  border-radius: 4px;\r\n  border: 1px solid #aaa;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n#es_txt_name {\r\n  background-color: #fefefe;\r\n  height: 40px;\r\n  width: 340px;\r\n  font-size: 22px;\r\n  border-radius: 4px;\r\n  border: 1px solid #aaa;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.es_lablebox {\r\n  margin-top: 25px;\r\n}\r\n\r\n.es_form_name { }\r\n.es_form_email { }\r\n\r\n<\/pre>\n
Then the final problem I wanted to solve was to edit the “Name” and “Email *” labels so that they have colons. For example:<\/p>\n
\"\"<\/p>\n
This had to be edited in the es-register.php file located at:<\/p>\n
\\wp-content\\plugins\\email-subscribers\\classes<\/code><\/p>\n
For example:<\/p>\n
\"\"<\/p>\n
 <\/p>\n
For more information about this plugin, see:
\nhttps:\/\/wordpress.org\/plugins\/email-subscribers\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
One thing that was missing from my blog was the ability for people to “Subscribe” to my blog to get email updates when I write new articles. In order to enable this, I searched for WP Plugins that would enable this with a shortcode so that I can make a special menu button for a … Continue reading WordPress: How to add an email subscription page<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[9],"class_list":["post-2261","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/2261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/comments?post=2261"}],"version-history":[{"count":10,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/2261\/revisions"}],"predecessor-version":[{"id":2278,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/2261\/revisions\/2278"}],"wp:attachment":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/media?parent=2261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/categories?post=2261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/tags?post=2261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}