# LMS Form Editor {% embed url="" %} ## LMS Forms Editor Addon The **LMS Forms Editor Addon** allows you to **configure** the plugin **built-in forms** such as **Profile form** (Registration), **Become Instructor request form**, and **Enterprise form** by adding the additional fields to the form. ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Mdfh0flci4qaxRmofQH%2F-MdfhMPu8xmAXcIitxGf%2Fimage%20\(2\).png?alt=media\&token=84902c22-673b-4c36-b5cd-7af431a020ce) To activate this option go to **STM LMS > Addons**. ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-MkadwgRBhLIsD0dL-H1%2F-MkaeE_ZrwYpbyTOeWkZ%2Faddons.png?alt=media\&token=dc6aa02f-dc9e-443b-98b5-0fea74f66b02) Find there the **LMS Forms Editor** addon and enable it. ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-MkadwgRBhLIsD0dL-H1%2F-MkaeKgqltc-DqJktNWN%2Fforms_editor_on.png?alt=media\&token=2c34ba86-24d0-4c98-a40c-5e0e5fb6dd06) To get to the **LMS Forms Editor page** click the **settings icon** or refresh the page and navigate the **STM LMS > Forms Editor menu.** Welcome to the LMS Forms Editor page! Let's explore all the settings. ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-MkaeP5lB_9cskn4RUvb%2F-Mkae_7uRf-BNwIvztAK%2Fsettings_icon.png?alt=media\&token=7c961470-00e0-464d-b732-38b0985f80f2) The LMS Forms Editor settings page contains two sections, let's conventionally name them the Top and Main parts. ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Mdfh0flci4qaxRmofQH%2F-Mdfhf2lB1KqEzgjEVjU%2Fimage%20\(4\).png?alt=media\&token=a0271f35-7c74-4276-90cc-595dbe0c8b16) On the **Top section**, you can **select between the forms** and **Save/Cancel** applied changes. ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Mdfh0flci4qaxRmofQH%2F-MdfhoMBBrBTKz0PiadL%2Fchrome-capture%20\(3\).gif?alt=media\&token=59131bb4-0e92-4241-aaf7-32c6c6a99d28) The **Main section**, which is the working space, composed of three parts. In the screenshot below, they are numbered in sequence: ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Mdfh0flci4qaxRmofQH%2F-MdfhzidFFUZLKmRnaAF%2Fimage%20\(5\).png?alt=media\&token=54c37732-fa26-4426-a32f-eab13702df3c) In the **First column**, you can build the form by dragging and dropping your needed elements from the **Third (Elements)** **column**. Here, in the **Third** (Elements) **column**, located the elements that will be used as the form fields. Once you have put your needed element in the First **column**, in the **Second column** the **element's settings** will be displayed. ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Mdfh0flci4qaxRmofQH%2F-MdfiBqi0qiLvg2vcwU0%2Fchrome-capture%20\(3\)%20\(1\).gif?alt=media\&token=7ad3c7c0-04db-4ee7-a9d0-69662ba7e5c9) Now, let's walk through the **Elements settings** on the example of the **Become Instructor Form.** On the Elements' settings first comes the **Field Name** Option. This field text will not be used on the user interface. The field is provided for the admin, to define the element's name to display it on the **Become Instructor request message**. This message sends to the admin email. Let's say you've created a **Become Instructor Form**. Now go to **STM LMS > Email Manager** section (The [Email Manager](https://docs.stylemixthemes.com/masterstudy-lms/~/changes/HEMF0YNyZrc10gCAsSyP/lms-pro-addons/email-manager) addon should be enabled). The Field ID will displayed like this: {% hint style="warning" %} Make sure that you enter a unique ID so that it will work properly. {% endhint %}
Put on the First column the **Single Line Text** element. On the **Field** **Label** section, enter the **field title** that will appear on the user interface: ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FAgIxhj4cPh1Tp1e25UJ8%2Fauthorization%20updates%2012.jpg?alt=media\&token=812c1a65-9a90-4c71-a61f-53b8237ac75f) Also, you can add a description for the field under the **Field Description** area: ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FDpUmjilumIw3NEVIc6yH%2Fauthorization%20updates%2013.jpg?alt=media\&token=6ba60d92-2bdd-4312-955b-e61ff64fee19) Enter the placeholder text on the **Placeholder** section: ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F8s5hcL2jeMZijyJKbnr2%2Fauthorization%20updates%2014.jpg?alt=media\&token=f5ee447c-fadb-49f9-873c-33efd6128b33) Enable the **Required field** option to make the field required to fill: ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FJHzOE4g5izhHwZJ8mH1U%2Fauthorization%20updates%2015.jpg?alt=media\&token=7d917c77-68ec-4f04-b796-284bbf6bd848) **Remember to save your changes**. On the above example, we have adjusted only one field the **Become Instructor Form**. Now, let's check it. Login under the student account, go to the user account page, and click the **Become an Instructor button**: ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Me4ZziiIS__hriNWlqe%2F-Me4afVbZROScuuMPCaQ%2Fimage.png?alt=media\&token=2315677f-e0e6-49f8-9963-cc2e14ad3930) ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Me4ZziiIS__hriNWlqe%2F-Me4aiI5tNZwkD0YjePe%2Fimage.png?alt=media\&token=074bb25d-1d52-4463-8351-8b7bf480d9e8) **Let's move on!** Now put the **Email, Phone,** and **File Attachment elements.** The settings are similar to the Single Line Text element: ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Mdfh0flci4qaxRmofQH%2F-MdfjsBxlx-28O4EVwJ0%2Fchrome-capture%20\(1\).gif?alt=media\&token=d3402561-cb99-4e75-9b9a-d9a229e3d4e3) Fill all the fields as you desire. Then, let's check what we built: ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Me8BB5D5nABL7GiquUb%2F-Me8HVyYqUUvuYEcfeXp%2Fimage.png?alt=media\&token=9d515916-4255-4448-8b4f-921426405583) In the same way, you can customize the **Enterprise form** and **Profile form**. {% hint style="info" %} The **Options** appear by dragging the **Radio Button**, **Drop Down,** and **Checkbox** elements in **Profile form**. {% endhint %} ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-MePf1VbFzYjs2251xE7%2F-MePgDJJPkpYFKy4rJ6B%2FForms%20Editor%20%E2%80%B9.png?alt=media\&token=0a4711b7-b783-41fa-ab84-2d71ae2655f4) {% hint style="danger" %} **Important!** Please be sure that you filled the **Options** fields as well, otherwise, the **Radio Button**, **Drop Down**, and **Checkbox** elements will be displayed without options list. {% endhint %} ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-MePf1VbFzYjs2251xE7%2F-MePhbTLkndB2Dl6UMdr%2FForms%20Editor%20%E2%80%B9%20\(2\).png?alt=media\&token=46375871-d565-4ccc-912e-4944fdb338ad) **Result:** ![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTL6WUldKvxQaP8jzz%2F-Me8BB5D5nABL7GiquUb%2F-Me8SCoTi8UJyq2FmH0i%2Fimage.png?alt=media\&token=383577b6-9bd6-44e1-b75f-0682d9da2bd2) #### #### Related Article: {% content-ref url="lms-form-editor/how-to-edit-the-registration-form" %} [how-to-edit-the-registration-form](https://docs.stylemixthemes.com/masterstudy-lms/~/changes/HEMF0YNyZrc10gCAsSyP/lms-pro-addons/lms-form-editor/how-to-edit-the-registration-form) {% endcontent-ref %}