Embedding Forms into Wordpress / IONOS - Help needed!

Hi all,

I am trying to wrap up my first project as a freelancer :partying_face: and we’ve put a lot of work into setting up the Monday forms and it’s now complete.

Now what I thought would be the easy part would be embedding it into the clients website, but this hasn’t proved to be the case.

Adding the widget on the site and copying the embed code from the workform



comes out really weird:

I’ve played around with ChatGPT to try and rearrange the size but it never comes out well. Either it looks ok on the mobile and terrible on the desktop, or passable on the desktop and rubbish on the mobile.

Does anyone have any advice on how to approach this issue?

Any help much appreciated.

Jesse

Hey @Sh1v

Nachliel from Easyapps here

Our monday form builder app, Easyform, is built to be embedded in websites and has advanced features like setting a responsive form width and stacking form questions when viewed on phones.

For example, here we are setting up a form for embedding:
website-capture_2024-6-27 (7)

Resulting in the Desktop page:

And the mobile page:

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

Hi Nachiel,
Thank you for the reply, that’s a very cool app.
As it turns out, ChatGPT eventually gave me a good enough code which allowed me to embed the forms and for them be responsive on the different devices before I saw your reply! :sweat_smile:

Hi! We’re experiencing the exact same issue. Would you be able to share the ChatGPT code that worked for you?