---
title: "Entity reference form element"
date: "2018-10-25T13:04:19+00:00"
summary: "Easily add Entity reference fields to your Site Studio components. Learn how to select entity types, view modes, and specific entities for seamless content integration and display."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/entity-reference-form-element"
id: "c1edb5b4-92e7-4585-ba04-3862ef7a4448"
---

Table of contents will be added

Use the Entity reference form element to add an Entity reference 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") and [Entity reference element](/drupal-starter-kits/add-ons/site-studio/entity-reference-element "Entity reference element").

Locating the Entity reference form element
------------------------------------------

To find the Entity reference form element:

1.  Navigate to a component
2.  Click the **+ button** on the Component form builder
3.  Click the **drop-down arrow** and select the **Fields** option
4.  Within the Fields list, look for the Entity reference form element.

![157c1dfd-entity-reference.png](https://acquia.widen.net/content/485b3cb7-413f-4b97-983f-f4330365f7d9/web/157c1dfd-entity-reference.png)

The Entity reference form element includes the following fields:

Entity type
-----------

*   **Entity type** - Select the type of content that you want to reference
*   **Disable Entity type selection** - Use this toggle to prevent the Entity type from being edited by a user.

View mode
---------

*   **View mode** \- Select the view mode you would like the entity to use when displaying on the page, for example select teaser to display the referenced entity using the teaser view mode.
*   **Prevent editing of View mode** - Use this toggle to prevent the View mode from being edited by a user. Note: This option is only available if the _Prevent editing of Entity type_ toggle is selected.

Entity
------

*   **Entity** - Start typing the title of the entity that you would like to be displayed on the page, a list of entities matching what you have typed in will appear below the text field. Click on the entity that you would like to be displayed.

Tooltip
-------

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