Configure Embedded Forms in the Back-Office 

In Oro application, embedded forms help create the code that may be added to a third-party website to enable communication between the third-party website users and the Oro application.

Embedded forms may be used to collect requests of marketing, technical, commercial or any other nature.

The fields of an embedded form depend on its type. The two out-of-the-box types of the embedded forms are:

  • Contact Request

    The contact request form

Additional embedded form types may be created in the course of integration with the Oro application, subject to your specific business needs.

Create an Embedded Form 

In order to create a new embedded form:

  1. Navigate to System > Integrations > Embedded Forms in the main menu.

  2. Click Create Embedded Form.

  3. Provide the following details:

    • Title — The title used to refer to the form in the system. The field must be defined.

    • Form Type — Choose one of the form types described above.

    • CSS — Editable CSS. The default CSS corresponds to the initial form design, subject to its type. You can edit the CSS to change such settings as the border width, color, fonts etc.

    • Success Message — The message to be displayed on the website following the successful form submission. By default is set to Form has been submitted successfully.

    • Allowed Domains — Allowed cross origin domains where the form can be embedded. Supports wildcard, e.g.,

      A sample of the Thanks for question form configuration
  4. Click Save and Close.

    The Thanks for question form preview

Once saved, the form is displayed on the page of all embedded forms under System > Integrations > Embedded Forms.

A list of all embedded forms

You can view , edit , and delete contact requests using the corresponding action icons.

Add Embedded Forms to Your Site 

To add the necessary embedded form to your website:

  1. Navigate to System > Integrations > Embedded Forms in the main menu.

  2. Click on the form to open its details page.

  3. In the Get Code section, copy the provided code and paste it to the required section of your website.

A sample iframe code for the Thanks for question form