Help Needed With Contact Form Setup

Hello Support Team,

I recently created a contact form for my business Oakville Kitchen Experts, and I embedded it on my website. However, I want to make sure the form is displaying correctly on all devices and loading without issues.

Could you please check if there are any recommended settings or best practices for embedding forms on business websites like Oakville Kitchen Experts?

Thank you for your support.

Hi Randy,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

Jotform forms are mobile responsive by default, so they should display correctly on all devices without additional configuration. This means users won't need to zoom in or out to view your form, ensuring a smooth experience across desktops, tablets, and smartphones.

Here’s how to ensure your embedded form works well on your business website Oakville Kitchen Experts:

1. Use the JavaScript embed method: This is the default and recommended way to embed your form. It dynamically loads the form and automatically adjusts its width and height, reflecting any updates you make in Form Builder without needing to change your website code.
2. Check embed options: If you experience issues with the JavaScript embed, try using the iframe embed method. You can enable scrolling in the iframe by setting the scrolling attribute to yes in the iframe code to handle longer forms smoothly.
3. Preview your form: Use the Form Designer’s built-in preview mode to see how your form looks on different devices before embedding it.
4. Embed correctly in your website: Paste the embed code into your website’s HTML where you want the form to appear. If you use CMS platforms like WordPress, Wix, or Squarespace, use their custom HTML or code blocks to embed the form.
5. Clear cache and test: If the form doesn’t load or display properly, clear your browser cache and test the form on different browsers and devices.

For advanced customization, you can also inject custom CSS via Form Designer to tailor the form’s appearance further, but this is optional.

Let me know if you want detailed steps on any of these points or help with a specific embed method.

Give it a try and let us know how it goes.