Subscription

The Subscription Component allows a content author to add different ways a visitor may subscribe to a page.  

On This Page:

Example

View on public site:

When to Use

The Subscription component should be added to pages with content that is available to be subscribed with different types of endpoints. The current end links are RSS, SMS, and Email.

Usage

The Subscription component can be displaced in different templates, and can be linked to various AEM pages. The author is not limited to 3 end links to share the page. The configuration dialog can allow for multiple platforms and subscribe type.

Configure Dialog

author

The configure dialog has certain fields that allow an author to customize subscription options. The fields include:

  • Label: A label for the subsription component, located as a header of the component
  • Display Type: This field is used to change the orientation of the endpoints listed in the component
  • Download Image: This checkbox indicates an option to download an image
  • Page to share: The link to the page that the visitor wants to share, it is defaulted to the current page unless the author specifically changes it.
  • Custom Message: Used to modify the message shared on social media, when clicked, you can enter a message on a second tab of the configuration dialog.
  • Share Types: Different social media endpoints. Options include: RSS, SMS, and Email

Developer Resources

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

<div class="subscriptions aem-GridColumn--default--9 aem-GridColumn"><div class="uscb-layout-row uscb-layout-align-start-center uscb-print-hide subscription-wrapper">

<div class="subscribe-label-wrapper">

    <p class="uscb-sub-heading-2 uscb-medium uscb-margin-TB-0 subscribe">Subscribe</p>

</div>

    <div class="uscb-vertical-hr uscb-margin-L-10 uscb-margin-0 uscb-height-42"></div>

    <div class="uscb-layout-row">

        <a href="https://www.census.gov/content/census/en/newsroom/blogs/director.xml" onclick="linkClick(this, 'Subscriptions Component');" class="uscb-text-img-button" target="_blank">

        <div class="uscb-layout-column uscb-layout-align-center-center uscb-padding-LR-10">        

<span class="uscb-icons-icon-sms-icons-icon-twit subscription-icon">

<i class="o-rss-2" aria-hidden="true"></i>

</span>

        <span class="uscb-sub-heading-2-condensed subscribe-label">RSS</span>

        </div>

        </a>

        <a href="https://public.govdelivery.com/accounts/USCENSUS/subscriber/new?" onclick="linkClick(this, 'Subscriptions Component');" class="uscb-text-img-button" target="_blank">       

        <div class="uscb-layout-column uscb-layout-align-center-center uscb-padding-LR-10">        

<span class="uscb-icons-icon-sms-icons-icon-twit subscription-icon">

<i class="o-message-app-1" aria-hidden="true"></i>

</span>

        <span class="uscb-sub-heading-2-condensed subscribe-label">SMS</span>

        </div>

        </a>

        <a href="https://public.govdelivery.com/accounts/USCENSUS/subscriber/new?" onclick="linkClick(this, 'Subscriptions Component');" class="uscb-text-img-button" target="_blank">       

        <div class="uscb-layout-column uscb-layout-align-center-center uscb-padding-LR-10">

<span class="uscb-icons-icon-sms-icons-icon-twit subscription-icon">

<i class="o-email-sent-1" aria-hidden="true"></i>

</span>

        <span class="uscb-sub-heading-2-condensed subscribe-label">Email</span>

        </div>

        </a>

    </div>

</div> </div>

 </div>

</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