Skip to widget information

Virginia Health and Human Resources (HHR)

Add HHR dashboards to your website

Help people find Virginia’s Health and Human Resources dashboards and frequently asked questions from your organization’s website. Review how the widgets work and what to know before adding one.

Getting started

How to add a widget

Each widget connects visitors directly to the official HHR dashboard and FAQ pages. Choose the layout that best fits your website.

  1. Choose a layout

    Select either the horizontal or vertical widget.

  2. Copy the code

    Use the copy button below the widget you want to use.

  3. Add it to your website

    Paste the iframe code into an HTML or embed-code area on your page.

Before adding a widget

Your website must allow iframe content from the HHR website. Some content management systems limit iframe or embed-code access.

  • Add the entire code snippet without changing the widget URL, title or security settings.
  • Keep the iframe width at 100% when possible so the widget can fit smaller screens.
  • Do not remove the iframe title. It identifies the widget for people using screen readers.
  • Test the widget on a phone and with keyboard navigation before publishing your page.
Unable to use an iframe? Add a standard link to the HHR dashboard page and another link to the HHR dashboard FAQs.
Choose a widget

Widget options

Choose the best fit for your website

Both options use the same official HHR destinations. The only difference is the layout and the amount of space each widget uses.

Option 1

Horizontal widget

Best for a full-width content area, landing page or the bottom of a webpage.

Best for wide spaces

Preview

This preview uses the horizontal widget hosted on the HHR website.

Embed code

Option 2

Vertical widget

Best for a sidebar, narrow column, resource page or smaller content area.

Best for narrow spaces

Preview

This preview uses the vertical widget hosted on the HHR website.

Embed code