Form is completely different when sent to someone.

I uploaded a custom form that I created in canva and I can see the original pdf but when I send the form to someone fill out it comes through looking completely different and missing some of the elements. How do I fix this?

Thanks,

Marisol Miner

Hi Marisol,

Thanks for reaching out to Jotform Support. Are you referring to this form? If so, unfortunately, the PDF you have uploaded is not compatible with the form. No element can be mapped with the original PDF that you have uploaded. We've made a small guide explaining the main aspects of Smart PDF Forms that you might find helpful.

1. Creating a Smart PDF form:

• Go to your My Forms page, and click on the Create Form button.
• After clicking on it, select Import Form and click on Import PDF Form.
• Then, it will redirect you to the Smart PDF Forms page.
• Now, click on Upload PDF and upload your document to Jotform.

2. Matching form fields with the original PDF document:

As a default feature, whenever a PDF document is uploaded to the system, it automatically connects fields with the original PDF document. If there is any problem with the connections, you can manually connect your form fields with your PDF document. It’s really easy. Let me show you how:

• In Smart PDF Forms, select the field that has no connection with the original PDF document.
• After selecting it, click on the Add to PDF button.
• Then, move your cursor over the PDF side of the screen, and then position and resize it the way you want it.

3. Adding Form Elements, Payments, or Widgets manually:

• In Smart PDF Forms, click on the Add Form Element menu on the right side of the screen.
• In the menu that appears on the left side of the screen, you can add anything you like.

4. Designing Smart PDF Forms:

• In Smart PDF Forms, click on the Paint Roller icon on the right side of the screen.
• In the menu that appears, you can design your form anyway you prefer.
• Also, you can inject CSS codes to the Inject Custom CSS Codes section under the Style tab.
• After you make your changes, click on Save.

5. Disabling the right panel:

• In Smart PDF Forms, in the blue navigation bar at the top of the page, click on Settings.
• In the menu that come sup, disable the Original PDF connection to your Online Form option.

6. Publishing the Smart PDF form:

• In Smart PDF Forms, in the blue navigation bar at the top of the page, click on Publish.
• Here, you can publish your form using the link, email, or QR code.

7. Disabling the PDF thumbnail on the welcome page:

• In Smart PDF Forms, in the blue navigation bar at the top of the page, click on Settings.
• In the menu that comes up, uncheck the Show PDF thumbnail on the welcome page option. 

You can also check out this page to get more information about the Smart PDF Forms feature.

Give it a try and reach out again if you have any other questions.