Make JS embed for forms so they are responsive on mobile

We, and our clients, use JS form embed for lead generation, as iframes are old tech and limited when it comes to mobile responsiveness. 70%+ of our leads come from mobile forms.

Right now the Monday forms are all old and limited tech, iframes, where you have limited options to include them in a simple structure fitting a brand look and they are non-mobile responsive. You can’t “tweak” the settings and make it work as the structure is decided in the builder. Changing size and rgba does not mean responsive.

Consider offering JS script embed, like Hubspot forms, so they can be used in a responsive setting and align with a brand look.

This image link is JS form embed on mobile (hubspot)

This image link is IFRAME embed Workform on mobile (monday)

The only way we, and our clients, can use the iframe is to dedicate a full or half page, confined to the color and structure of the iframe build. Where all that is needed it the simple form structure as responsive JS. This would allow for perfect implementation into designs and follow the modern norm of responsive use.

Thank you.

We’re also having issues with workforms (that are embedded on our website) being non responsive on mobile.
Specifically we have images for each question added to the description using URL links (which is also sub-optimal) and we cannot get these to display nicely on mobile.

Hey @NaomiCoe

Nachliel from Easyapps here

Our Monday form builder app, Easyform, supports responsive forms that embed perfectly in your website. The form builder allows you to set separate field settings for desktops and phones; for example, here we are stacking the columns when viewing the form on a phone:
Responsive forms

In addition to that, we offer:

  • Connected Board support:
    • Limiting selection to a single item.
    • Displaying items from multiple connected boards.
    • Limiting select options to items from specific boards where a column is connected to multiple boards.
    • Pro plan feature - item default values support - set default values for connected board columns hidden in the form.
  • Upload files to your board’s file columns, with support for:
    • Allowing only specific file types, such as images or pdf.
    • Limiting the number of files that can be uploaded.
    • Setting a maximum for file size.
    • Manually retrying uploads if some or all of them fail.
  • Set default values for the response item’s hidden group, status, connected board, and dropdown columns. To do so, select Item default values from the Settings menu.
  • Add the item’s group as just another field to the form.
  • Control the page’s top margin with the ability to set different values for desktop and mobile. To do so, select Page from the Settings menu.

If you’re interested in creating styled forms that better match your brand and embed perfectly on your web page, you can check out our Monday.com app Easyform and our extensive documentation site.

You can set up a free demo here or contact us at support@easyappshq.com.

Here is an example of our form in action:
main gif easyform

I hope this helps,

Nachliel