---
title: "Youtube URL form element"
date: "2017-11-13T08:08:42+00:00"
summary: "Add a YouTube URL field with video preview to your Component form. Easily configure placeholder text, default values, validation, and tooltips for a seamless user experience when embedding YouTube content."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/youtube-url-form-element"
id: "db428d93-cf7c-4e88-8b7c-f69efe1ef13f"
---

Table of contents will be added

Use the Youtube URL form element to add a Youtube URL field with video preview field to your Component form. For more information, see [Create an editable component](/drupal-starter-kits/add-ons/site-studio/create-component "Create an editable component").

Locating the Youtube URL form element
-------------------------------------

To find the Youtube URL form element:

1.  Navigate to a component
2.  Click the **+ button** on the Component form builder
3.  Within the Fields tab, look for the Youtube URL form element.

![b9e44a35-youtube-url.png](https://acquia.widen.net/content/45f07b94-2829-4e00-a201-76b300a268e1/web/b9e44a35-youtube-url.png)

The Youtube URL form element includes the following fields:

Title field
-----------

*   Provide a name for the form element. **Important:** This will be displayed in your component form.

Field settings
--------------

*   **Placeholder -** Sets the placeholder text for the URL field.

Default
-------

*   **Default value -** Set a default Youtube video to be used
*   **Preview -** Shows a preview of the default Youtube URL.

Validation
----------

*   **Required -** When toggled on, the URL field becomes a required field when using the Component
*   **Error message (optional) -** The validation error message displayed if the editor doesn't provide a value.

Tooltip
-------

*   **Tooltip text -** Enter tooltip text here.
*   **Tooltip placement -** Define the position of the tooltip on hover of the field.