How to translate continue forms later pop-up window?

Hello,

I am playing with Continue Forms Later:

I modified the preset email in the following way (text in french):

I set the "sender Email" thinking that once a recipient saves his form he will receive the email that I preset in the 2nd screenshot (above the last one), from this email address (pretreville.copro.formulaire@gmail.com).

Publishing the form by sending it through emails (as an example sent to coin@prout.com) I receive the form invite correctly to coin@prout.com, play with it then save it. Then I end up with the following message:

This is fine although part is in english and part is in french (I would like to be able to change everything to French). But then the preset email (see above) is sent to pretreville.copro.formulaire@gmail.com (the form sender) rather than to coin@prout.com (the form recipient). I am very much confused.

Thank you in advance for your help.

Best regards.

D

There is no option yet to translate them through form builder. However, you can use custom CSS code to modify those labels.

Please use these CSS code:

h3.m2ct::before {
  content: "Enter texts here";
  font-size: 30px;
}
h3.m2ct {
  font-size: 0;
}
.m2ct ~ p::before {
  content: "Enter sub-label here";
  font-size: 20px;
}
.m2ct ~ p {
  font-size: 0px!important;
}

Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

Here's my demo form: https://form.jotform.com/203358552088056
Please give it a try and let us know if that will work for your needs.

Thank you for your answer. However where should I input such CSS code to update the given message?

D

Hi there

You can inject the provided CSS code in your form by following the guide below.

Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

Or you can follow the instructions below.

Then Click on STYLES and Scroll Down

Let us know if you need further assistance

Thanks

Yes indeed sorry.

This is now done:

but when saving the form the message is still a mix of french and english. I do not know CSS programming but I am not surprised this is not working as I have no clue where the code points specifically to this window message.

Best.

D

Please try this custom CSS code and see if that will work for you:

.m2ct ~ p, .m3t ~ p {

  font-size: 0px !important;

}

.m2ct ~ p, .m3t ~ p::before {

  content: "test" !important;

  font-size: 30px !important;

}

.m2ct, .m3t {

  font-size: 0px !important;

}

.m2ct, .m3t::before {

  content: "test" !important;

  font-size: 30px !important;

  font-weight: 700;

}

Please keep in mind that you can replace the "test" text with your own preferences. You can check and test this demo/cloned form: https://form.jotform.com/203364635693966

To add the CSS code to your form, please follow this guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

Thank you very much. I can now edit those texts.

I am still puzzled with the fact that the confirmation email is sent to the form sender and not the form recipient.

Basically the recipient save the form then the pop up windows with the text I can now modify appears (all good) but the confirmation email (for having saved the form, please refer to the 1st 3 screenshots of this trail) is sent to my email: apcrt.copro.formulaire@gmail.com and not the recipient I sent the invite to:

in the above example the recipient is coin@prout.com

Thank you for continuous support.

D

Hi there,

Happy to help!

When you refer to I am still puzzled with the fact that the confirmation email is sent to the form sender and not the form recipient are you speaking of the Save and Continue Later email or the invitation email to view the form?

I see the screenshots and thread history above, but I am confused by your latest screenshot about what email you are referring to. Could you please provide some clarification?

Thank you!

Sorry for the confusion. I am trying to give you as much info as possible to explain who I end up there but probably confuse everybody.

I am referring to the Save and Continue Later email. I expect this email to be sent to the people that received the invitation email. So the people's email I include in the last screenshot. Currently when such people Save the form I (the form sender) receive the confirmation email not them.

Let me know if this is a bit clearer.

Best regards.

D

Thanks for more details.

The reason you received the draft link is that you do not have an email field for your form. You have one, but this is a spreadsheet to form widget.

If they have a jotform account and they are logged in while saving their drafts then the save and continue later email will be sent to them. However, if they do not have a jotform account and your form does not have an email field then the email will only be sent to you.

Or, they can manually enter their email address to the save and continue later pop-up window (see GIF below for reference).
Anyway, try adding an email field to your form and then try submitting the form and see how it goes.

Dear Herwin,

For some reasons the pop up window does not give the opportunity to input an email address as shown in your example:

Maybe because of the way I set-up Continue Forms Later?

Trying to follow one of your subjection. I have added an email field that is filled automatically if the spreadsheet to form is successful. It does work:

I did that through condition logic:

But unfortunately, when I save the form (button "sauver le formulaire pour continuer plus tard") the confirmation email is not sent to the recipient (isabellelb@cegetel.net) but to the form sender again. I might have mis-understood your explanation.

Best.

D

Please test the form in incognito mode, here's a screencast for reference: https://drive.google.com/file/d/12L79HcFGFKv_jZ4wl1IlPBSoW8EpydIg/view

The draft/session link is emailed to the email field.

Dear Herwin,

Impossible to reproduce your video until I go incognito indeed. Thanks for that.

Sorry to keep digging into that but I need to check those things before we buy a plan. Is there a way to skip this popup window and by default having "Ne pas creer de compte" case which means "skip create an account":

so people would end up straight with this pop up window:

Now why this window is still in english given that I added the CSS lines of code your colleague gave me to change the english in french?

When not in incognito mode, the pop up window in the top screenshot does not appear. Instead the one on the second screenshot appears directly ... but in French this time as written in the CSS code!!

But then the confirmation email is sent to the sender not the recipient ...

Basically when the recipient save the form, I would like just the second screenshot to popup but in french as coded in CSS. Is that possible?

Best regards.

D

It is not possible to hide the first pop-up window, but we can hide the other buttons and translate the labels using custom CSS code. I injected these CSS codes into your form: https://pastebin.com/raw/UEfyHPqq.

Here is the result when I tested your form: https://drive.google.com/file/d/1FY4-WmbHSi3KTUAfqSABVTVradhRJKqC/view

Please test the form and see if it works for your requirements.

Dear Herwin,

It seems to work!

Many thanks for your help.

D

Herwin ,

Me again sorry.

I have now hidden the email field as I only added it so the email address will be filled automatically when the form is saved. Then the email address is not filled any more.

So if do not hide the Email Properties:

When I save the form all is good:

As you can see the email address is filled automatically. Note that the red dashed circled button is not long enough ...

If now I hide the email address:

If I save the form, the email address is not filled any more:

Can I hide the email address field (as I really do not need it and still have the email address filled automatically when the form is being saved?

Best regards.

D

Hi there,

Let me consult this with my colleague Jherwin, and I'll get back to you today as soon as possible.

Thanks

Dear Vick,

Trying random things, I ended up adding this line of code:

and it worked: the email address element disappears and still email is filled automatically when saving the form!

The only drawback I can see from that is that the email address element (required for the email address to be filled automatically when saving a form) is not shown any more when building my form:

but it does the trick!

Now I still have the following issue:

The red dashed circled button is not long enough.

With my best regards.

D

Hi there,

To fix the button width, please inject the following CSS in your form.

.xcl-sew button:not(.js-nav) {

    min-width: 145px !important;

}

Let us know if you need further assistance.

Thanks