Snippets are short pieces of HTML code and links that your organization can implement across your web properties to allow web visitors to subscribe to your organization's communications. Snippets are available for Categories, Topics, and Quick Subscribe page(s).

Snippet Types

Snippets are available to easily add subscription links and forms to your website. govDelivery offers the following snippets:

  • Overlay: A popup sign-up form that opens in one or more pages on your website. See Using Overlays for more detail and contact Customer Support to set up an overlay.

    Example overlay in use

     
  • Link: A link on your website that takes a subscriber directly to your Quick Subscribe page. 

    Example link snippet in use


     
  • Embedded Form: Quick Subscribe fields embedded into your website, also known as a direct sign-up box.

    Basic embedded form snippet

    Screen_Shot_2013-07-11_at_10.09.57_AM.png

    Example embedded form snippet in use


     
  • Popup Form: A popup window displaying the Quick Subscribe page from your website.

    Example popup form snippet in use


     
  • Bulletin RSS Tag: This code is used to embed a link to your bulletin RSS feed into your website.

Using Snippets

Step 1: Choose the content for the sign-up link

You can use account-level snippets that direct subscribers to your organization's top-level Quick Subscribe page to sign up for multiple topics, or you can use category- or topic-level snippets to direct subscribers to sign up for those individual content areas. 

To access Snippets for your account:

  1. Click your user name in the upper right corner of the site.
  2. From the drop-down user menu, click Account Settings.
  3. On the Account navigation menu to the right, click on Snippets.

To access Snippets for a topic or category:

  1. In the left navigation menu, click Topics or Categories.
  2. Click the name of the topic or category you want.
  3. In the right menu, click Snippets.

Step 2: Optionally customize the look of the snippet

For many of our snippet and sign-up forms, you can simply copy and paste the links or HTML code you want to use into the desired locations on your website. It is likely, however, that you'll need to modify the HTML code provided by Granicus to have your snippet and sign-up forms match the look and feel of your website.

Step 3: Copy and apply the snippet code

  1. On the Snippets page, find the type of snippet you want to use.
  2. Under the code field for each snippet type, you can click the link next to Rendered Snippet to preview it.
  3. Copy the code for the snippet type you want.
  4. Paste the links or code you want to use into the desired locations on your website.

Using Subscription Icon Images

You can use an image or logo as a subscription link. 

We recommend that when using an image as your subscription link, you make it highly visible and label it clearly. A small govDelivery envelope icon, for example, tucked among your social media icons will have very low response rates. If a prominent logo or image won't fit your website design, we recommend using another snippet type, such as the overlay.

Having expertise in HTML is integral to setting up an image or icon as a link. If you are new to HTML or unfamiliar with it, contact your website administrator to handle the integration of the icon on your site. 

To use an image for a subscription link:

  1. Select the image you want to use.
    • If you create an image, host it somewhere so it is publicly available.
    • If you want to use one of Granicus/s logos as your linked image, you can download them from our hosted social media icons.
  2. Access the snippets page for your account, topic, or category.
  3. Copy the Link Code field and adjust the HTML so that the text is replaced with your hosted image.
  4. Paste the code into the desired location in your website. 

Choosing a Post-Subscription Landing Page

You can control where your new subscribers are directed once they complete the subscription process. To do so, return to the snippet page for your account and set the Post-Subscription Landing Page to a URL of your choosing (typically your homepage or another website of interest to new subscribers). Please note, all subscription snippets use the account Post-Subscription Landing Page URL. 

What's Next