WAIT: The new "form" element doesn't work after upgrading to version 2.0

Good morning!
After updating to Bricks 2.0, it flagged all the contact forms (because they were global elements). It suggested I convert them to components. But then I found the “form” element without the global element flag. I set it up, but it gives me an error message (“Submission failed. Reload the page and try submitting the form again.” - see image) when I try. Is this a bug or am I doing something wrong?

Browser: Chrome 110
OS:Windows

Hi @Olio,

the standalone Form element has been here for forever, but now I’m wonderign if the form element that is causing troubles is inside the component or it’s a standalone one - because I don’t exactly understand.

If it’s inside a component, can you export a component and send it over? But if it’s a standalone element, can you copy-paste it, and send it as well?

Thank you,
Matej

Now I’ve created a standalone element.
I’ll try copying and pasting here… I hope it’s correct.

{"content":[{"id":"eqpixz","name":"form","parent":"rsnbhe","children":[],"settings":{"fields":[{"type":"text","label":"Nome","placeholder":"Il tuo nome","id":"4802a4","required":true},{"type":"email","label":"Email","placeholder":"La tua email","required":true,"id":"283d4b","width":"45"},{"type":"tel","label":"Telefono","id":"mmdnhv","width":"45","placeholder":"Il tuo telefono"},{"type":"select","label":"servizio","placeholder":"Seleziona il servizio","id":"trwfvf","options":"Nuovo Logo\nRestyling del mio Logo","required":true},{"type":"text","label":"Via","placeholder":"Via","id":"jvcayf","isHoneypot":true},{"type":"textarea","label":"Messaggio","placeholder":"Raccontami la tua idea","required":true,"id":"64ba8a"},{"type":"checkbox","label":"Privacy","placeholder":"Il tuo nome","id":"bwmvrg","required":true,"options":"<br><font color=\"#ffffff\">Acconsento al trattamento dei miei dati personali come da Policy Privacy</font>"}],"successMessage":"Messaggio inviato con successo. Ti risponderemo il prima possibile.","emailSubject":"Richiesta servizio Logo Professionale","emailTo":"custom","fromName":"FELIS DESIGN","emailErrorMessage":"Invio fallito. Ricarica la pagina e prova a inviare di nuovo il modulo.","mailchimpPendingMessage":"Controlla la tua email per confermare l&#039;iscrizione.","mailchimpErrorMessage":"Spiacenti, non è stato possibile iscriverti.","sendgridErrorMessage":"Spiacenti, non è stato possibile iscriverti.","requiredAsterisk":true,"placeholderTypography":{"color":{"hex":"#ffffff","id":"jlbdel","name":"Colore #3"},"font-size":"16","font-family":"custom_font_129","font-weight":"400"},"horizontalAlignFields":"space-between","fieldBorder":{"width":{"bottom":"2","top":"2","left":"2","right":"2"},"style":"dashed","color":{"hex":"#36b0cc","id":"kkibtw","name":"Colore #1"},"radius":{"top":"25","right":"25","bottom":"25","left":"25"}},"fieldBackgroundColor":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.43)","hsl":"hsla(0, 0%, 0%, 0.43)"},"fieldTypography":{"color":{"hex":"#ffffff","id":"jlbdel","name":"Colore #3"}},"submitButtonText":"INVIA","submitButtonWidth":"30","submitButtonTypography":{"color":{"hex":"#820fb7","id":"jpdtpr","name":"Colore #2"},"font-size":"20","font-family":"custom_font_129","font-weight":"700"},"submitButtonBackgroundColor":{"hex":"#ffffff","id":"jlbdel","name":"Colore #3"},"submitButtonBorder":{"width":{"bottom":"2","top":"2","left":"2","right":"2"},"style":"solid","color":{"hex":"#36b0cc","id":"kkibtw","name":"Colore #1"},"radius":{"top":"25","right":"25","bottom":"25","left":"25"}},"submitButtonIcon":{"library":"themify","icon":"ti-email"},"fieldMargin":{"bottom":"28"},"emailToCustom":"ciao@felisdesign.it","emailContent":"Richiesta servizio LOGO PROFESSIONALE\n\nTIPO DI SERVIZIO: {{trwfvf}}\nNOME: {{c4802a4}}\nE-MAIL: {{283d4b}}\nTELEFONO: {{mmdnhv}}\n\nMESSAGGIO: {{64ba8a}}\n\nPrivacy: {{bwmvrg}}","confirmationEmailSubject":"FELIS DESIGN: Riepilogo della tua richiesta","confirmationFromEmail":"ciao@felisdesign.it","confirmationFromName":"FELIS DESIGN ","confirmationReplyToEmail":"ciao@felisdesign.it","confirmationEmailContent":"Ho ricevuto la tua richiesta!\nGrazie per avermi scritto, risponderò nel più breve tempo possibile!\n\nEcco quello che mi hai scritto:\n\nNOME: {{4802a4}}\nE-MAIL: {{283d4b}}\nTELEFONO: {{mmdnhv}}\nSERVIZIO: {{trwfvf}}\nLA TUA IDEA: {{64ba8a}}\n\nPrivacy: {{bwmvrg}}\n\nFELIS DESIGN\nWeb Design | Grafica | SEO\nAlessandro Severini","confirmationEmailHTML":true,"htmlEmail":true,"actions":["email"],"fromEmail":"{{283d4b}}"},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://www.felisdesign.it","version":"2.0","globalClasses":[],"globalElements":[]}

Hi @Olio,

thank you for the JSON. I was able to add it to the local install, and for me it’s working. Here are a few tests that you can make:

  1. Remove all “honeypot” fields. It may happen that the autocomplete also fills it, and so the form fails.
  2. In your form “Email” action, you are sending from the email that users enter. This is not possible; you can only send from the email that you have configured in your SMTP plugin. While this should not be the cause of the issue, it’s still worth considering fixing.
  3. If you just add a form element and try to submit it without any changes, does it work? If yes, slowly start adding your changes back, and see when it stops sending emails.

Please try and let me know.
Matej

Thanks Matej for the reply!

  • I removed the “honeypot” field
  • I removed the email ID entered by the user

I don’t have an SMTP plugin; I’ve never used one because it’s always worked. Could this be the problem?

Now I’ll try starting from scratch by adding fields/modifying them.

I tried creating a form with a single field without changing anything.
It gives me the same error (see image).

Hi @Olio,

thank you for testing.

No, this should not be a problem. Although I suggest that you set up one, as email delivery is improved :slight_smile:

That’s really weird. But because I can’t replicate it, can you send temporary login credentials to your website and a link to this topic to help@bricksbuilder.io using the email address you used during the purchase, so I can take a look?

If you have a staging, I would prefer a staging website, but if you don’t have it, live will be good - I’ll just be a bit more carefull to not edit anything else.

Thank you.
Matej

Thanks Matej!
I’ll prepare the email with the login now.
This morning (ITA) I had already sent an email with just the link to the live page.

Hi neighbor (SLO) @Olio,

Yep, I’ve received that one as well, and I think I think I answered you on this one before I noticed that you sent another with login credentials :wink:

Anyway, I’ve received the login. I’ll check it out and let you know.

Grazie,
Matej