Notification Email: Emails sent from JS embedded form are misformatted

Bonjour,

nous constatons un problème lors de la réception des demandes avec notre formulaire "SOS Ransomware - FR".

Je vous joint plusieurs captures d'écran dans le lien ci-dessous.

Dans l'administration, l'aperçu de l'email apparait bien sous forme de tableau HTML (jotform1.png).

A la réception de l'email de test la mise en forme est correcte (jotform2.png).

Mais lors de la réception d'une demande envoyée depuis le formulaire intégré à notre site internet, la mise en forme n'est pas présente et toutes les informations sont affichées en une seule ligne (jotform3.png).

Merci de corriger le problème ou de m'indiquer comment le solutionner.

Hi RECOVEO, 

Thanks for reaching out to Jotform Support. Unfortunately, our French Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, let me help you with your question. It seems like we didn't receive your screenshots. Can you send your screenshots again? We’ve got a guide here explaining how to do that. Can you also provide the site where the form is embedded, so I can check it out and see what’s going on?

Once we hear back from you, we'll be able to move forward with a solution.

Here is the translation of my request:

Hello,

We are experiencing a problem receiving requests with our "SOS Ransomware - FR" form.

In the administration, the email preview appears as an HTML table :

When the test email is received, the formatting is correct :

But when receiving a request sent from the form integrated into our website, the formatting is not present and all the information is displayed in a single line :

The form is integrated with the JS code here :
https://sosransomware.com/contact/

Please correct the problem or tell me how to fix it.

Hi RECOVEO,

Thanks for getting back to us with these details. I'm sorry that the content of your Notification email is set as the subject. To investigate further, can you make a try with embedding your form as an iframe in your web page? This will avoid the embedded JS related to the form to interfere with the other JS codes of your website. Let me show you how to do it. 

1. Int he Générateur de Formulaire,  go to the page Publier.
2. In the eft panel, select Intégrer.
3. Choose Iframe.
4. Then, click on </> Copier le Code, and embed this iframe code into you web page.

Give it a try and let us know how it goes. Once we hear back from you, we'll better know how far we'll need to investigate further.

Thank you for your reply, but we decided to abandon the iframe integration because we had another problem: when we submitted the form, the page reloaded and we found ourselves at the top of the page, with no idea whether the form had actually been submitted.

We had opened another ticket for this problem and you suggested adding the loading="eager" tag, but it still didn't work perfectly.

Using JS is more in line with what we want in terms of form ergonomics.

Isn't there a way of receiving the information correctly when we use JS integration?

HI RECOVEO,

I'm sorry that the iframe code doesn't work in your case. I'll need a bit of time to investigate further since it's difficult to replicate. I'll be back to you as soon as I have an update.

In the meantime, can you make another try by setting your email sender to your own SMTP server, instead of using the Jotform email sender a set by default? Let me show you how to do use your SMTP server for notification emails. 

1. Go to your account Settings, at the Paramètres page.
2. At section Email de l'émetteur, click on + Ajouter un expéditeur Email.
3. Fill out your SMTP settings.
4. Click on Enregistrer l'Email. You might also want to click on E-mail de Test in the bottom-left corner to test the email.

Give it a try and let us know how it goes.  Once we hear back from you, we'll have a better idea of what's happening.

(Bonjour, je vois que vous vous appelez frédéric, pouvons-nous échanger en français ?)

I've created a smtp sender to test, but we won't be able to keep this smtp because it's not linked to the company's domain:

(as you can see, the test was sent successfully)

I then set up this smtp in the form :

Unfortunately, the email still arrives unformatted, in a single line:

What's strange is that I can't see the smtp sender's email (recoveo@free.fr) and even the email subject isn't correct.

How come nothing works as expected?

Hi RECOVEO,

Thanks for getting back to us. I cloned your form and tested it to see if I could replicate the issue, but everything was working properly. The Notification Email was formatted as expected. Check out the screenshot below to see my results:

Just to confirm, the unformatted Notification Email only happens when the form is embedded on your site? Can you try creating a test submission on your form when not embedded and not just a test email and see how it goes? If you run into the same issue again, let us know, and we'll do some more testing to see what's going on.

Once we hear back from you, we'll be able to move forward with a solution.

Cher RECOVEO,

Merci pour avoir effectué ce test. En effet, nous pouvons continuer à échanger en français si vous préférez. Permettez-moi de regarder en détail ces nouveau éléments, je reviens vers vous rapidement.

Merci de votre patience.

Cher RECOVEO,

A propos, pour des raisons de sécurité, je me suis permis de supprimer de votre réponse la copie d'écran où figurait le mot de passe SMTP. Nous autorisez-vous à faire un test de notre coté avec votre propre formulaire, depuis votre site?

Nous attendons votre réponse pour procéder.

ok, i tested the form on Jotform :
https://form.jotform.com/232773308593362

the result is the same

Merci d'avoir remarqué que le mot de passe apparaissait en clair sur ma capture d'écran.

Vous pouvez tout à fait faire un test de votre côté sur le formulaire directement sur notre site.

Cher RECOVEO,

J'ai effectué un test depuis le lien direct de votre formulaire depuis el site jotform, et j'ai bien reçu l'email de notification avec votre adresse email qui apparaît bien en tant qu'expéditeur, et le sujet est aussi celui attendu, comme on le voit ci-dessous:

Et, de même depuis votre page web, l'email reçu est celui ci-dessous:

La seule différence est que si votre adresse email est bien la vôtre chez free, Jotform apparaît comme nom associé l'adresse email de l'expéditeur:

Et le code source de cet email envoyé depuis votre site montre bien que le sujet est celui attendu, et bien envoyé depuis votre serveur SMTP:

Il semble donc que le problème de formatage de l'email est maintenant correct, à la différence du nom associé à l'adresse email de l'émetteur.

Pouvez-vous refaire un essai de votre coté et nous dire si vous obtenez bien le même résultat?

Je vous remercie pour les tests que vous avez effectué.
J'ai rétabli le smtp de Jotform par défaut et le formattage est correct dans les emails.

Il se peut que le problème était lié à un plugin antispam installé sans notre accord sur le site wordpress par un prestataire externe.

Avez-vous effectué une action particulière à votre niveau qui a débloqué la situation ?

Hi RECOVEO,

Thanks for getting back to us. We're glad that the issue you're having is already resolved. It might be a temporary issue that resolved itself, since sending a Notification Email doesn't have to do with the site it has been embedded. You also mentioned in your earlier that you replicated the issue even when not embedded.

Let us know if you have any other questions.