Skip Navigation
Within Components

Email Subscription

The Email Subscription component allows component authors to create a subscription section on a page, which allows visitors to subscribe to receive email updates, newsletter, or any other form of communcation.

On This Page:

Related Information

Example

View on public site:

web Census.gov
Located on the bottom of the page

Sign Up for Email Updates

To sign up for updates please enter your contact information below.

When to Use

The Email Subscription component is used when an author wants to add an option to allow visitors to subscribe to Census.gov updates. This component is usually used within the site footer of the page and can be altered inside the sitefooter configurations.

Usage

The Email Subscription component is used to place an email subscription on any page. An author can have the option to alter headers within the component, as well as the endpoint of the subscribe button.

Configure Dialog

Tab 1

author

The first tab in the configure dialog allows the content author to enter different fields. These fields include: 

  • Heading: A heading text within the component. Default is "Sign up for email updates"
  • Sub Heading: A secondary text below the heading. Default is "To sign up for updates, please enter your contact information below."
  • Email Input Placeholder: A placeholder inside a textbox where visitors input their email. Default is "Enter your email address."
  • Select Subscription URI End Point: Endpoint which delivers visitors email for updates. The options are: GovDelivery Default, 2020 Census Subscription, Economic Census Subscription, ACS Subscription, Partnership Subscription, White House Subscription for OMB site, and Research Topic
  • Use white text color: This checkbox lets text color become white, if used with a universal site footer

Tab 2

author

Tab 2 of the configure dialog is for accessibility purposes, more specifically the 508 screenreader scan. The fields on this tab are: 

  • Email Input Placeholder: A placeholder inside a textbox where visitors input their email. Default is "Enter your email address."

Developer Resources

Expand the section below to see the Email Subscription component's HTML output.

style="padding-right: 0px;">

    <div class="uscb-email-subscription-label uscb-grid-6 uscb-grid-tbl-5 uscb-grid-mbl-4">

            <p class="uscb-email-subscription-title" contenteditable="false">Receive Updates</p>

        <p class="uscb-email-subscription-text uscb-margin-T-0 uscb-margin-B-30" contenteditable="false">To sign up for updates please enter your email address.</p>

    </div>

        

        <form class="uscb-footer-subscribe uscb-layout-row uscb-layout-align-center-center uscb-grid-6 uscb-grid-tbl-7 uscb-grid-mbl-4 uscb-grid-offset-L-mbl-0" action="https://public.govdelivery.com/accounts/USCENSUS/subscribers/qualify" id="GD-snippet-form" accept-charset="UTF-8" method="post">

 

        <input name="utf8" type="hidden" value="✓">

        <input type="hidden" name="authenticity_token" value="WYkERiwcsm2ugfWSCfiSQ0OmAlB/zVOCOSgu7FQDJa+Cbnzn5e83Uu0iBbn4c/ZxEDU3NGLA/ImfovWnn9OlYg==">

        <input type="hidden" name="subscription_type" id="subscription_type" value="email">

 

        <label for="email" class="ui-helper-hidden-accessible">Enter your email address</label>

        <input required="" type="email" name="email" id="email" placeholder="Enter your email address" aria-label="Enter your email address" contenteditable="true" style="width: 100% !important;">

 

        <button class="uscb-button-subscription" name="commit" onclick="buttonClick( this, 'Email Subscription Button', 'Body/Footer' );" contenteditable="false" value="Subscribe">

        Subscribe

        </button>

    </form>

</div>

Top of Section
✕
Is this page helpful?
Thumbs Up Image Yes Thumbs Down Image No
✕
NO THANKS
255 characters maximum 255 characters maximum reached
✕
Thank you for your feedback.
Comments or suggestions?

Top

Back to Header