---
title: Adding SK-Components to a connector
description: Add an SK-Component to the HTML Template section of a connector such as the HTTP connector to add additional capabilities to the user-facing page for that node.
component: davinci
page_id: davinci:flows:davinci_adding_sk_components
canonical_url: http://docs.pingidentity.com/davinci/flows/davinci_adding_sk_components.html
revdate: November 15, 2023
section_ids:
  about-this-task: About this task
  steps: Steps
  next-steps: Next steps
---

# Adding SK-Components to a connector

Add an SK-Component to the **HTML Template** section of a connector such as the HTTP connector to add additional capabilities to the user-facing page for that node.

## About this task

You can add SK-Components to multiple connectors, but this example adds an SK-Component to an HTTP node in your flow.

## Steps

1. Add an HTTP connector to your flow.

   |   |                                                                                                                                   |
   | - | --------------------------------------------------------------------------------------------------------------------------------- |
   |   | For more information on adding a connector to your flow, see [Adding a connector](../connectors/davinci_adding_a_connector.html). |

   A node is added to your flow.

2. In your flow, select the node that you added in the previous step.

3. Select the **Custom HTML Template** capability.

4. In the **HTML Template** section of the **General** tab, click the **{}** icon.

   ![Screenshot showing the HTML Template field with the \\{} icon in the lower right.](_images/dkb1700084211470.png)

5. In the **Choose Connection** list, select **SK-Component**.

   You see a complete list of available components below the **HTML Template** section.

   ![Screenshot showing the HTML Template field with a list of available SK-Components.](_images/ygb1700084360003.png)

6. Select an SK-Component to include with your custom HTML for that page.

   For example, adding the `skbutton` component under your text displays a button for the user-facing page when the flow is run.

7. Click the component that appears in the **HTML Template** to view configuration options.

   |   |                                                                                                                                                                                              |
   | - | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
   |   | SK-Components have different configuration options based on their functionality. For an overview of each component's configuration options, see [SK-Components](davinci_sk_components.html). |

8. Click **Apply** after you finish adding your content and one or more SK-Components.

## Next steps

Click the **Save**, **Deploy**, and **Try Flow** buttons to view the user-facing page created by your custom HTML and test any SK-Components that you included.