Overview

Copilot makes it simple to embed a Jotform directly within your portal. Jotform features form design, where users can design customized forms using a drag-and-drop interface.

App Setup

1. Go to App Setup, and click + Add an app in the top right corner.

2. Click Add under Jotform. Set a title and icon that represents the app.

3. We recommend setting this up as an automatic App so that your Jotform will be visible to all clients. If you only want this app to be visible to one or more specific clients, set this as a manual app.

4. Leave the app set to as Show as embed so that the client isn't directed outside of the portal.

5. Next, go to your My Forms page in Jotform.

6. To share a Form, click the drop-down menu for the desired form and click Publish Form.

7. Click Embed in the top menu and then in the right dropdown, select iframe.

8. Click the Copy Code button.

9. Go back to the App Setup page and paste the iframe code into the content box.

Additional configuration

With this app, the Copy link method has a scrolling error. We recommend only using the iframe code provided by Jotform.

Occasionally the code provided by Jotform will not fill the full screen due to the settings provided in the Jotform iframe code. To fix this issue, you'll want to do the following:

1. Near the top of the iframe code there's a line that says: style="min-width:100%;max-width:100%;height:539px;border:none;"

2. Update the height in that style to be 100%: style="min-width:100%;max-width:100%;height:100%;border:none;"

To preview the app as a client, click Portal at the bottom of the sidebar and click Open portal. Once you're logged in as your test client you'll be able to view the connected app.

Passing client data to a Jotform (Advanced)

If you want to pre-populate client data in your Jotform, such as a client's email address, it is possible to do so by creating a Custom App instead of an embed. This requires some programming experience, a Github account, and a Vercel account. You can find more details here.