{"id":1244,"date":"2022-09-13T11:12:59","date_gmt":"2022-09-13T15:12:59","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/cds\/?page_id=1244"},"modified":"2023-06-26T10:27:18","modified_gmt":"2023-06-26T14:27:18","slug":"updating-the-newsletter-sign-up","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/cds\/custom-features-for-your-theme\/updating-the-newsletter-sign-up\/","title":{"rendered":"Updating The Newsletter Sign-Up"},"content":{"rendered":"<ul>\n<li><a href=\"#newsletter-intro\">Intro<\/a><\/li>\n<li><a href=\"#newsletter-editing\"> Locating, Editing the Newsletter Sign-Up Block<\/a><\/li>\n<li><a href=\"#newsletter-backup\">Backup of Markup Code<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span id=\"newsletter-intro\"><\/span><br \/>\n<img loading=\"lazy\" src=\"\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.41.45-PM-1024x615.png\" alt=\"\" width=\"1024\" height=\"615\" class=\"alignnone size-large wp-image-1264\" srcset=\"https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.41.45-PM-1024x615.png 1024w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.41.45-PM-300x180.png 300w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.41.45-PM-768x462.png 768w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.41.45-PM-1536x923.png 1536w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.41.45-PM.png 1875w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Residing just before the footer area and following page content, the Newsletter Sign-Up space is designed to entice new users to sign up to receive updates for future engagement. It takes the form of a widget utilizing the entire Footbar space on every page just before the footer(where contact, copyright, and social info exist).<\/p>\n<p>There are two variations for this component and they are made up of basic HTML markup.<\/p>\n<ol>\n<li>Center for Computing &amp; Data Sciences Sign-Up<\/li>\n<li>BU Spark! Sign-Up<\/li>\n<\/ol>\n<figure id=\"attachment_1266\" aria-describedby=\"caption-attachment-1266\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" src=\"\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.57.17-PM-1024x331.png\" alt=\"\" width=\"1024\" height=\"331\" class=\"wp-image-1266 size-large\" srcset=\"https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.57.17-PM-1024x331.png 1024w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.57.17-PM-300x97.png 300w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.57.17-PM-768x248.png 768w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.57.17-PM-1536x496.png 1536w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.57.17-PM-2048x661.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-1266\" class=\"wp-caption-text\">An example showcasing the two different types of newsletter signup areas for either CDS or BU Spark!<\/figcaption><\/figure>\n<p><span id=\"newsletter-editing\"><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3>Locating, Editing the Newsletter Sign-Up Block<\/h3>\n<p>Instructions to adjust the content and a backup code for each are provided below.<\/p>\n<div>\n<h5>1. Visit the <a href=\"https:\/\/www.bu.edu\/cds-faculty\/wp-admin\/\">WordPress Admin Dashboard<\/a> for the <a href=\"https:\/\/www.bu.edu\/cds-faculty\">Faculty of Computing &amp; Data Sciences<\/a> site.<\/h5>\n<\/div>\n<div>\n<h5>2. In the sidebar on the left, hover over <strong>Appearance<\/strong>. Click on Customize.<\/h5>\n<p><img src=\"https:\/\/images.tango.us\/public\/screenshot_32b06db8-c442-4090-8194-b8232e15468a.png?fm=png&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.1102&amp;fp-y=0.4544&amp;fp-z=2.6774&amp;w=1200&amp;mark-w=0.2&amp;mark-pad=0&amp;mark64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmsucG5n&amp;ar=2177%3A1338\" width=\"600\" alt=\"In the sidebar, hover over Appearance. Click on Customize.\" \/><\/p>\n<\/div>\n<div>\n<h5>3. In the Customizer sidebar, click on <strong>Widgets<\/strong>\u2026<\/h5>\n<p><img src=\"https:\/\/images.tango.us\/public\/edited_image_08d13b51-0646-47a0-ab9e-03c7580b2e44.png?fm=png&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5000&amp;fp-y=0.5000&amp;fp-z=1.0000&amp;w=1200&amp;mark-w=0.2&amp;mark-pad=0&amp;mark64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmsucG5n&amp;ar=1020%3A673\" width=\"600\" alt=\"In the Customizer sidebar, click on Widgets\u2026\" \/><\/p>\n<\/div>\n<div>\n<h5>4. Click on <strong>Footbar<\/strong>\u2026<\/h5>\n<p><img src=\"https:\/\/images.tango.us\/public\/screenshot_12386ffd-0fe6-46dd-86a4-43547d73e312.png?fm=png&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.0902&amp;fp-y=0.3615&amp;fp-z=2.0814&amp;w=1200&amp;mark-w=0.2&amp;mark-pad=0&amp;mark64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmsucG5n&amp;ar=1657%3A924\" width=\"600\" alt=\"Click on Footbar\u2026\" \/><\/p>\n<\/div>\n<div>\n<h5>5. Click on the Edit widget Arrow to the right: Custom HTML<\/h5>\n<figure style=\"width: 610px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" src=\"https:\/\/images.tango.us\/public\/screenshot_5693b097-acb5-40ce-9496-31d41e0f5e8b.png?fm=png&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.1599&amp;fp-y=0.2132&amp;fp-z=3.0882&amp;w=1200&amp;mark-w=0.2&amp;mark-pad=0&amp;mark64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmsucG5n&amp;ar=1657%3A924\" width=\"600\" alt=\"These two Custom HTML widgets are the key Newsletter Sign-Up's mentioned above. Click on the Edit widget Arrow to the right: Custom HTML\" height=\"669\" \/><figcaption class=\"wp-caption-text\"><em>These two Custom HTML widgets are the Newsletter Sign-Ups listed (in order) above.<\/em><\/figcaption><\/figure>\n<\/div>\n<div>\n<h5>6. From here, you&#8217;ll be able to edit content and even the link URL in between the tags provided.<\/h5>\n<p><img src=\"https:\/\/images.tango.us\/public\/screenshot_b7d570d4-5769-4b62-b849-8bb2dc9070c6.png?fm=png&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.1059&amp;fp-y=0.5287&amp;fp-z=2.3668&amp;w=1200&amp;mark-w=0.2&amp;mark-pad=0&amp;mark64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmsucG5n&amp;ar=1657%3A924\" width=\"600\" alt=\"From here, you'll be able to edit content and even the link URL in between the &lt;html&gt; tags provided.\" \/><\/p>\n<\/div>\n<div>\n<h5>7. Edit the title (as seen in image), the subtitle or button link or text from this area. The screen should update with any modifications to preview.<\/h5>\n<h4><img src=\"https:\/\/images.tango.us\/public\/screenshot_72bee8a4-06cd-4b4d-a4a6-e0a2e2478bfc.png?fm=png&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.0987&amp;fp-y=0.4437&amp;fp-z=2.4508&amp;w=1200&amp;mark-w=0.2&amp;mark-pad=0&amp;mark64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmsucG5n&amp;ar=1657%3A924\" width=\"600\" alt=\"Edit the title (as seen in image), the subtitle or button link or text from this area.\" \/><\/h4>\n<\/div>\n<div>\n<h5>8. <em>(Optional)<\/em> To edit the BU Spark! Newsletter Sign-Up, navigate to the <span style=\"text-decoration: underline;\"><em><strong>last<\/strong><\/em> Custom HTML Widget<\/span> and edit it by selecting the Edit Widget Arrow to the right.<\/h5>\n<p><img src=\"https:\/\/images.tango.us\/public\/image_6c0cff62-2ff1-4a0b-b365-cc1415cef8d7.png?fm=png&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5000&amp;fp-y=0.5000&amp;fp-z=1.0000&amp;w=1200&amp;mark-w=0.2&amp;mark-pad=0&amp;mark64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL21hZGUtd2l0aC10YW5nby13YXRlcm1hcmsucG5n&amp;ar=870%3A785\" width=\"600\" alt=\"To edit the BU Spark! Newsletter Sign-Up, navigate to the last Custom HTML Widget and edit it by selecting the Edit Widget Arrow to the right. This variation of the Newsletter Sign-Up will only appear on pages tagged BU Spark!\" \/><\/p>\n<\/div>\n<div>\n<p style=\"padding-left: 40px;\"><em><strong>NOTE:<\/strong> This BU Spark! variation of the Newsletter Sign-Up will only appear on pages tagged BU Spark!<br \/>\nTo view it in the customizer: navigate to the page in question.<\/em><\/p>\n<h5>9. Once all adjustments are in and have been proofread and tested in the live preview of the Customizer, click <strong>Publish<\/strong>.<\/h5>\n<p><img loading=\"lazy\" src=\"\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.06.24-PM-1-1024x555.png\" alt=\"\" width=\"1024\" height=\"555\" class=\"alignnone wp-image-1253 size-large\" srcset=\"https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.06.24-PM-1-1024x555.png 1024w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.06.24-PM-1-300x162.png 300w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.06.24-PM-1-768x416.png 768w, https:\/\/wpdocs.bu.edu\/cds\/files\/2022\/09\/Screen-Shot-2022-09-13-at-2.06.24-PM-1.png 1466w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h5>Congrats! You&#8217;ve updated the Newsletter Sign-Up widget!<\/h5>\n<\/div>\n<p><span id=\"newsletter-backup\"><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3>Backup of Markup Code<\/h3>\n<p>The emergency code below is available to replace markup in the unlikely event anything were to render broken or would need to be reset to the default. Select content such as the headline, paragraph, URL and button text should be adjusted to whatever is appropriate.<\/p>\n<h5>Computing &amp; Data Sciences Newsletter<\/h5>\n<pre>&lt;section class=\"newsletter-signup\"&gt;\r\n\t&lt;h2&gt;Computing + Data Science In Your Inbox&lt;\/h2&gt;\r\n\t&lt;p&gt;We\u2019ll keep you updated on the latest news and events happening at Computing &amp; Data Sciences.&lt;\/p&gt;\r\n\t&lt;a class=\"button\" href=\"#CDS-NEWSLETTER-URL-SIGN-UP\" target=\"_blank\"&gt;Subscribe&lt;\/a&gt;\r\n&lt;\/section&gt;<\/pre>\n<h4><\/h4>\n<h5>BU Spark! Newsletter<\/h5>\n<pre>&lt;section class=\"newsletter-signup spark\"&gt;\r\n\t&lt;h2&gt;BU Spark! In Your Inbox&lt;\/h2&gt;\r\n\t&lt;p&gt;We\u2019ll keep you updated on the latest news and events happening with BU Spark!&lt;\/p&gt;\r\n\t&lt;a class=\"button\" href=\"#SPARK-NEWSLETTER-URL-SIGN-UP\" target=\"_blank\"&gt;Subscribe&lt;\/a&gt;\r\n&lt;\/section&gt;<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Intro Locating, Editing the Newsletter Sign-Up Block Backup of Markup Code &nbsp; Residing just before the footer area and following page content, the Newsletter Sign-Up space is designed to entice new users to sign up to receive updates for future engagement. It takes the form of a widget utilizing the entire Footbar space on every [&hellip;]<\/p>\n","protected":false},"author":12906,"featured_media":0,"parent":1242,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/1244"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/users\/12906"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/comments?post=1244"}],"version-history":[{"count":16,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/1244\/revisions"}],"predecessor-version":[{"id":1541,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/1244\/revisions\/1541"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/pages\/1242"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/cds\/wp-json\/wp\/v2\/media?parent=1244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}