Skip to content

Delivery Options

Jump to bottom
Ryan Wold edited this page Nov 20, 2019 · 18 revisions

Touchpoints can be delivered in a few different ways:

  1. On the Touchpoints website
  2. On your Website
    1. Modal
    2. Custom button Modal
    3. Inline

On the Touchpoints website

By default, a Touchpoint is available via the Touchpoints website. The URL to the Touchpoint (eg: https://touchpoints-demo.app.cloud.gov/touchpoints/41/submit) is shared with a user, who clicks on the link, arrives at the Touchpoints site, and completes the form.

On your Website

Modal

A Touchpoint can be included on an existing web property by including it via a <script> tag. The "Modal" option renders a tab in the bottom right corner of an existing web page. When the tab button is clicked, a modal form is displayed that includes the Touchpoint. The Touchpoint can be completed and submitted from within that modal window.

Custom button Modal

A Touchpoint can be included on an existing web property by including it via a <script> tag. The "Custom button modal" option requires the webmaster to add a custom element to an existing web page that has a specified id tag (eg: <button id="open-my-touchpoint">Open the Touchpoint in a Modal</button>). When the custom button is clicked, a modal form is displayed that includes the Touchpoint. The Touchpoint can be completed and submitted from within that modal window.

Inline

A Touchpoint can be included on an existing web property by including it via a <script> tag. The "Inline" option requires the webmaster to add a custom element to an existing web page that has a specified id tag (eg: <div id="insert-my-touchpoint-here">Javascript is required to see the Touchpoint</div>). When the page is rendered, the Touchpoint is inserted into the custom element. The Touchpoint can be completed and submitted from where it is rendered on the existing page.

⚠️ Touchpoints requires javascript to be enabled in the browser.

If javascript is disabled in the browser, the user experiences the following:

  • For the Touchpoints hosted version, the user sees a message indicating Javascript is required.
  • For the Modal version, the user would not see the modal rendered
  • For the Custom button Modal, the user may click the button and not see any action
  • For the Inline option, the user would not see the form inserted into the element on the page
Clone this wiki locally