# Inquiries: URL Input form component

> The URL Input Inquiry component collects a web address, such as a profile or website link. Turn on Strict URL to enforce formatting, and add validation.

Source: https://help.withpersona.com/articles/5LI7HUx9b7ehuKv6Qk8DmE/
Section: Inquiries > Features > Screen Components

## What is the Inquiry URL Input form component?

**URL Input** is an Inquiry form component that adds a specialized text field to the screen. It is designed for users to enter or edit web addresses (URLs). You can set how the input data is updated to the fields table and define logic that governs when it appears.

![urlinputcomponent_screenshot](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/urlinput-e8d0f5.png '1199x281')

An URL Input form component is useful when users need to provide a web address. Here are some common uses:

- Adding a link to a profile or bio
- Submitting a website link
- Embedding a resource like an image or video

## How do you add an Inquiry URL Input form component?

1.  Navigate to the Dashboard, and click on **Inquiries > Templates**.
2.  Find and click on the Inquiry template you want to edit, or **Create** a new template.
3.  Hover over a screen and click the **Pencil** icon, or double-click the screen to open it in the Screen Editing View.

    ![component-edit](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/component-edit.png '740x298')

4.  In the Left Panel, search the Component Library for ‘**URL Input**’.
5.  Drag and drop the URL Input form component into your screen, and reposition it by dragging it around.
6.  Click on the URL Input form component to open its settings in the Right Panel. The panel has three tabs: **Design**, **Data**, and **Logic**.
    1.  On the **Design** tab, under **Properties**:
        1.  **Label**: Set the label shown above the field. The Label is a text element displayed above the URL Input component to describe its purpose, such as “Enter your website,” helping users understand what information to provide.
        2.  **Placeholder**: Set the placeholder text shown inside the URL Input component, such as “[https://withpersona.com](https://withpersona.com/)” offering an example or guidance on the expected format until the user enters their own input.
        3.  **Tooltip Text**: Set the tooltip text that gives users more context.
    2.  On the **Design** tab, use the **Layout**, **Typography**, and **Appearance** sections to style the component. See the Design tab section on the [Screen Step components in Inquiries](https://help.withpersona.com/articles/6bdXdAJjp5OE93u7L6AgNT/) page for details.
    3.  On the **Data** tab, choose the field the input is written to, and customize the field’s behavior, such as whether it is required. You can also restrict which characters can be entered, turn on **Strict URL** to enforce a stricter address format, and add custom validation rules to ensure the entry is a properly formatted web address. See the Data tab section on the [Screen Step components in Inquiries](https://help.withpersona.com/articles/6bdXdAJjp5OE93u7L6AgNT/) page for details.
    4.  On the **Logic** tab, add rules that govern when the component appears, and when it does not. See the Logic tab section on the [Screen Step components in Inquiries](https://help.withpersona.com/articles/6bdXdAJjp5OE93u7L6AgNT/) page for details.
7.  Use the actions at the top right of the panel to copy, delete, or set translations on the component. To translate the text, see [Editing translations for your Inquiry](https://help.withpersona.com/articles/1vMFCXQxDsdpZ2YI4eguFd/).
8.  **Close** the step. You’ll have to **Save** and **Publish** the template to begin using it.

## Plans Explained

### URL Input form component by plan

|                          | Startup Program | Essential Plan | Growth Plan | Enterprise Plan |
| ------------------------ | --------------- | -------------- | ----------- | --------------- |
| URL Input form component | Available       | Available      | Available   | Available       |

[Learn more about pricing and plans](https://withpersona.com/pricing?utm_source=product&utm_medium=referral&utm_audience=a&utm_campaign=cm_gen_ds_hc-plan-table).