> For the complete documentation index, see [llms.txt](https://docs.work-relay.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.work-relay.com/forms/using-forms/how-to-incorporate-form-into-the-lightning-page.md).

# How to incorporate form into the lightning page

You can embed Form to any lightning page in your organization.

## Adding WR Form Panel component

{% stepper %}
{% step %}

## Go to page edit mode

![](/files/e8c46a2b9ada1c7d94f53f0cc83e4d57c78b61fa)
{% endstep %}

{% step %}

## Add the WR Form Panel component

Select WR Form Panel component (2) in the components list and put to the page section you need:

![](/files/d0bd9316795844fc87b93fb37c7787fac6c21c78)
{% endstep %}
{% endstepper %}

## General settings

Fill in Form Id (Copy the Id from your [form settings tab](/forms/basics/working-with-form-settings.md)).

![](/files/6190e4ff648016e7d7bd018648e6e91aeb8bb242)

* **Record Id**\
  Fill in Record Id if you need to overwrite context record Id. By default current record Id will be passed to the Form.
* **Form mode**\
  The form mode: View or Edit.
* **Context Fields**\
  Allow to pass parameters to the form from the Context object.\
  Use JSON key/value format to pass the context record field values to the form. The 'key' is the parameter name, the 'value' is the field api name.\
  Example: The form source object is Contact(FirstName='Jim', LastName='Lee'). The *contextFields* in this case may look like:\
  `{"fnameParam":"FirstName", "lnameParam":"LastName"}` In the form the merge field *{$FormParameters.fnameParam}* will be replaced with "Jim".
* **Parameters**\
  The additional form parameters in JSON key/value format. You can access them through *$FormParameters* context object.\
  Example:\
  `{"param1":"value1", "param2":"value2"}` In the form the merge field {$FormParameters.param1} will be replaced with "value1".
* **Entire Height**\
  Select this mode if you want to see the entire height form.

## Component visibility

You can add filters to show form component conditionally.

![](/files/92ccfa5c92482be93b944b7a7a3f25578950ac9d)

Select **Record field** tab **(4)** if you need to use current object fields.

Select **Device** tab (5) to filter on **User** Device.

Select **Advanced** (6) if you need to filter on Related Record fields, User Fields, Permissions.

In Advanced mode select filtering object (7), select field (8), click "Done" button (9) to filter on selected field:

![](/files/b6c0772a189d7bdaac1b322753b294e395a60d14)

Set Conditions (10-12) and click "Done" button (13)"

![](/files/ab76371421ecf994073c3488be36490d2362c542)