# Add a component using a template

We have used the default jig template to add a profile jig to the project in the previous step. Let's go ahead and add a component template. Component templates allow you to quickly build up your solution by inserting the required component into the jig file.

In our solution, we have a new customer form, when we signup the new customer we want them to sign the form. Let's use the signature component template to do this.

<figure><img src="https://1245694154-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F974dgqxfbgR9q4tCkGgb%2Fuploads%2FnkepAgCPXpAwV6PYZOCt%2Fcustomersign.PNG?alt=media&#x26;token=e5f93e85-7a05-4c61-8984-ed701eaa4811" alt="Signature component template" width="188"><figcaption><p>Signature component template</p></figcaption></figure>

1. In Explorer in the **jigs** folder, right-click on the **new-customer.jigx** file.
2. Components are normally added under a `children` node in the YAML. Under the last `component.email-field` section just above the `actions` node place your cursor in the correct node position in the YAML editor and press the **ctrl+space** keys. The Jigx component IntelliSense popup displays listing the available components.

<figure><img src="https://1245694154-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F974dgqxfbgR9q4tCkGgb%2Fuploads%2FhbTPGqkT1ezOaLF2pdVt%2FTemplateSign.png?alt=media&#x26;token=1c5f9b44-f7e0-423d-ba77-f53d2ce48b17" alt="Component template"><figcaption><p>Component template</p></figcaption></figure>

3\. Scroll to the bottom and select **Use template**. The template gallery opens providing the templates for various components. Use the *Search* and *category* fields to find the signature template or browse the gallery by scrolling through the options.

<figure><img src="https://1245694154-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F974dgqxfbgR9q4tCkGgb%2Fuploads%2F7uDpSKwdlDIQUR34Cu8m%2FTemplateSelect.png?alt=media&#x26;token=6a501df0-c5d6-42ed-97b7-5fbeddb14451" alt="Template gallery"><figcaption><p>Template gallery</p></figcaption></figure>

4\. Hover over the**Form signature field** template and click the blue **insert** button.

<figure><img src="https://1245694154-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F974dgqxfbgR9q4tCkGgb%2Fuploads%2FSWGyVmjQHfIkpLJkIiIg%2FTemplateInsert.png?alt=media&#x26;token=0c67f294-be0b-45b1-bfa9-662a7149b644" alt="Insert template"><figcaption><p>Insert template</p></figcaption></figure>

5\. The template YAML will be inserted into your jig file.

<figure><img src="https://1245694154-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F974dgqxfbgR9q4tCkGgb%2Fuploads%2FQRFTghXleTrCrCgFkjkg%2FTemplateCode.png?alt=media&#x26;token=7da9d748-bd7a-48e2-b3dc-554dccd77030" alt="Inserted YAML"><figcaption><p>Inserted YAML</p></figcaption></figure>

6\. Publish your project and tap on the new customer widget on the Home Hub in the app. See the signature component on the form.
