Skip to main content

MyCoE

Newsletter signup block

The newsletter signup block can be added in the sidebar of any page to provide an easy way for users to sign up to a newsletter.

example

Code

Make sure to update the subscriptionID with your newsletter's subscription ID.

<div class="p-2 bg-info" style="border-top: 30px solid transparent; border-image: url(https://www.engr.washington.edu/sites/engr/files/imgs/diagonal-lines-border.png) 30">
  <h3 class="text-primary mt-0 text-uppercase">Sign up for our newsletter</h3>
  <div class="w-25 mx-2 mt-2 mb-0" style="border-top: 6px solid #85754d">&nbsp;</div>
  <p class="small mt-n3">Intro text goes here</p>
  <div id="uwSubscriptionManager" class="px-2 py-0"></div>
</div>

Use the "Custom Javascript" field to add the following code to the page.

// @include-external-script "https://subscribe.gifts.washington.edu/Scripts/SubManBuilder/submanbuilder.js"
                	
SUBMANBUILDER.makeIframe({
  subscriptionID: ###, //REQUIRED: Subscription ID people will be signing up to
  fromName: "UW Email Sign Up", //RECOMMENDED: From name of the confirmation email
  fromEmail: "advsti@uw.edu", //RECOMMENDED: From email of the confirmation email
  showPlaceHolders: false, //OPTIONAL: Show placeholder text inside the text boxes
  hideLabels: false, //OPTIONAL: Hide form labels
});