Use it to create a sign-on page, show flow progress, or send custom responses in an API-triggered flow. You can use the simple forms and messages as quick placeholders to help you sketch out a new flow, and if you want to craft a memorable user experience, use the Custom HTML Template capability to create complete HTML pages with your own structure, style, and scripts.

Because this connector allows you to quickly add API calls and user interfaces, it can be a valuable sketching tool in your flow design process or to prove the design for a connector your organization might build.

Setup

Configuring the HTTP connector

In DaVinci, add an HTTP connection. For help, see Adding a connector.

Connector configuration

reCAPTCHA v2 Site Key

The site key provided in your reCAPTCHA dashboard. For help, see Creating reCAPTCHA keys in the Google documentation.

This field is only needed for the connector’s reCAPTCHA capability.

reCAPTCHA v2 Secret Key

The secret key provided in your reCAPTCHA dashboard. For help, see Creating reCAPTCHA keys in the Google documentation.

This field is only needed for the connector’s reCAPTCHA capability.

Select an OpenID token management connection for signed HTTP responses

To add a selection to this list, go to Connections and add a Token Management connector.

This selection is only needed if you want to sign HTTP responses.

Using the connector in a flow

Showing simple messages

If you want to show information to the user, the Custom HTML Message capability gives you a premade page with a title, message, and button. You can’t change the structure, but you can add an icon or style the message with your own CSS. This is useful for error messages and confirmations, such as confirming a user’s registration details.

  1. In your flow, add the HTTP connector and select the Custom HTML Message capability.
  2. Add a Message Title, such as “Welcome”.
  3. Add a Message. You can include values from elsewhere in your flow by clicking {}, then selecting the attribute that holds the value you want.

    For this example, insert the name that the user entered into the registration form: