EXAMPLE 1
<style type="text/css">/*--newsletter sign up widget--*/
.mn-widget-comm {
color: #fff;
}
.mn-widget-comm .mn-form-text {
width: 100%;
color: #555;
font-weight: 500;
padding-left: 8px;
}
.mn-widget-comm .mn-form > .mn-form-pretext, .mn-widget-comm .mn-widget-head, .mn-widget-comm .mn-comm-company, .mn-widget-comm .mn-form-row.mn-comm-phone {
display: none;
}
.mn-widget-comm .mn-form-reqnote {
font-size: 12px;
}
.mn-widget-comm .mn-actions ul {
list-style: none;
padding: 0;
margin: 0;
color: #333E5F;
}
.mn-widget-comm input[type=submit] {
background-color: transparent;
border: 1px solid #a9a9a9;
padding: 8px 20px;
margin-top: 10px;
color: #fff;
}
</style>
<p><span style="color:#FFFFFF;">Get updates on tourism activities, special events, lodging packages, and more.</span></p>
<p><script type="text/javascript" src="/communication/widget"></script></p>
EXAMPLE 2
<style>
.mn-widget.mn-widget-comm{margin:8px}.mn-widget.mn-widget-comm .mn-comm-company,.mn-widget.mn-widget-comm .mn-comm-phone,.mn-widget.mn-widget-comm .mn-form-pretext,.mn-widget.mn-widget-comm .mn-form-reqnote,.mn-widget.mn-widget-comm .mn-widget-head{display:none}.mn-widget.mn-widget-comm .mn-form-req{color:red}.mn-widget.mn-widget-comm .mn-form-pretext,.mn-widget.mn-widget-comm .mn-form-reqnote{margin-bottom:1em}.mn-widget.mn-widget-comm .mn-actions ul{padding:0;margin:0;list-style:none}.mn-widget.mn-widget-comm .mn-form-text,.mn-widget.mn-widget-comm label{width:100%;box-sizing:border-box}.mn-widget.mn-widget-comm .mn-comm-email,.mn-widget.mn-widget-comm .mn-comm-name{width:100%;float:left}.mn-widget.mn-widget-comm .mn-comm-email input,.mn-widget.mn-widget-comm .mn-comm-name input{padding:10px;color:#adadad;border-radius:0;background-color:#fff}.mn-widget.mn-widget-comm .mn-actions input[type=submit]{margin-top:25px;border:0 none;background-color:#0368b1;color:#fff;padding:10px 25px;border-radius:0}.mn-widget.mn-widget-comm .mn-actions input[type=submit]:hover{background-color:#0368b1;cursor:pointer}
</style>
<h3>Subscribe To Our Email List</h3>
<script src="https://members.yumachamber.org/communication/widget"></script>
REQUIREMENTS
Create a group or update an existing group to check "allow public to join/leave" from GROUPS > GENERAL tab.
https://www.screencast.com/t/MxnSUBgXry
To sync to Constant Contact go to SETUP > ASSOCIATION OPTIONS > GENERAL OPTIONS & SETTINGS > ADD-ONS > CONSTANT CONTACT INTEGRATION SETUP > ATUOMATICALLY SYNC GROUPS DAILY.
https://www.screencast.com/t/S56TGa9wy59M