Replyto, Subject, Plain-Text-Mode

22 replies · opened Nov 22, 2020

Ttim2424Nov 22, 2020

Hello there,

first of all, congratulations for your great template! I am stunned. The only problems I am facing are with the setup of the contact forms (quick contact in the footer).

  1. Modify reply-to-address --> I've already read about this and put this:

<input type="hidden" name="prefix" value="quick-contact-form-">
<input type="hidden" name="replyto" value="quick-contact-email">

But it still doesn't work. Of course we want to reply directly to the sender.

  1. Subject line: how to we add additionally the name of the sender (name field) to the subject line?

  2. How do we swap to plain text mode where only the fields name, email and message are listed?

SSemicolon WebSTAFFNov 22, 2020

Hello,

Thank You so so much for the Kind Words! :)

  1. The code should look like this:
    [ch_pre][/ch_pre]

  2. Unfortunately, this is currently not supported at the moment. We will try adding this in an Update.

  3. You can simply add the following line of code in your Form's HTML:
    [ch_pre][/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ttim2424Nov 22, 2020

Thanks a lot for your reply!

  1. Plain text works fine.

  2. But unfortunately the reply-address isn't put to the answer (screenshot) - it is still replying to the recipient address... Any further idea?

  3. Any idea other how to distinguish the subject lines form each other. Putting the name would be great and shouldn't be a problem because that field is already put...

SSemicolon WebSTAFFNov 22, 2020

Hello,

  1. Apologies. We are not sure what you mean by this. The Form Responses are delivered to the Recipient Emails by default. And the Reply-To Address is added according to the Email entered by the User. Now, when you go to your Email Client and press the Reply Button, the User Email Address will be selected which has been set in the Reply-To Field.

  2. You can set the following line of code in your Form's HTML to set a Custom Subject for the Email:
    [ch_pre][/ch_pre]

However, setting a Custom Name based on the User Input is currently not supported by default as this is dynamically controlled. So we will definitely consider adding this in an Update in the Future Versions of Canvas.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ttim2424Nov 23, 2020

Hi there,

  1. Well, you are right to be confused: it seems the reply address is right, as it appears as such in the screenshot, but the email is send to the 2nd address instead (kundenservice@fach...). I've tried to send it - screenshot is attached. I will also attach the form.php and the PhPMailer.php of the "include"-folder so you can have a look where's the problem.

  2. I think we might need a customization then. If all emails are coming in with the same subject line, all of them are put into the same accordion of email-notifications instead of being ordered separately. This is no rocket science since we only need to build a script which puts the information of name-field into the subject line using a small snippet - if someone likes to. I've attached our actual MailHandler.php of our old form too, so you get an idea. The line on questions is:

$subject = 'FÜD Kundenservice / Übersetzungsanfrage / ' . $_POST["name"];

The first 2 entries are put as default by ourselves the 3rd one is put dynamically.

Ttim2424Nov 23, 2020

Any news on this issues?

SSemicolon WebSTAFFNov 23, 2020

Hello,

Thanks for your Patience! Allow us 12-18 Hours to reply to your Support Queries.

  1. Apologies about the misunderstanding but did you mean that you are intending to send the submitted Form Responses to the reply-to Address? If so, then this is not the Default Functionality of the Forms. Form Responses are only sent to $toemails defined in the include/form.php File and from the defined $fromemail. Please consider checking out the Documentation for this: http://docs.semicolonweb.com/docs/forms/form-setup/#docs-snippet-php . This is to prevent SPAM and from preventing the Mail Clients to flag your Emails as SPAM. Meanwhile, the reply-to Address is only intended for setting an Email Address to reply to in Mail Clients.

  2. As mentioned above, this functionality is currently not included by Default and requires Customization, so this can be only included in an Update as we currently do not provide Customization Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You can change this manually by finding the following code in the include/form.php File:
    [ch_pre]$mail->Subject = !empty( $submits['subject'] ) ? $submits['subject'] : 'Form Response from your Website';[/ch_pre]

and then use your Custom Codes like this:
[ch_pre]$mail->Subject = 'FÜD Kundenservice / Übersetzungsanfrage / ' . $submits[ $prefix . 'name' ];[/ch_pre]

Any further Customizations to this is your responsibility.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ttim2424Nov 24, 2020

Everything is working smoothly now, thanks you very much indeed!

I've got 2 last questions:

  1. Is there a possibility to put the "Name" which is filled into the form by our clients as from-name? Until now we've put our company name but it would be brilliant to put the clients name there. This is the line in question:

PhPMailer, line 112: public $FromName = '';

  1. Once a form is submitted a confirmation message appears at the top right corner - I would like to edit the css of it (change opacity-level) but I haven't found it. Could you give me a hint which file it is?
SSemicolon WebSTAFFNov 24, 2020

Hello,

  1. Find the following code:
    [ch_pre]$fromemail = array(
    'email' => '$email', // Company's Email Address (preferably currently used Domain Name)
    'name' => 'Fachübersetzungsdienst' // Company Name
    );[/ch_pre]

and replace 'name' => 'Fachübersetzungsdienst' // Company Name with 'name' => $_POST['quick-contact-form-name'] // Company Name.

  1. Consider using the following CSS code:
    [ch_pre]#toast-container > div {
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    }[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ttim2424Nov 25, 2020

Hi there,

thanks again. We are almost through. Only 2 things are missing.

  1. The toast-hint didn't work out. I've attached you the toast file so you can have a look what might b wrong. Also, I found a second css-referrer to the confirmation-box in styles.css. Might the problem come from there?

On Mouseover the box looks is it should be - clear and readable with opacity 1.

  1. I put a multiple file upload here: https://www.fachuebersetzungsdienst.com/2021/. It works partly. I guess there is a setup for file-types and file-sizes? If so, where?

I uploaded 2 file docx-files which were successfully sent and 1 jpg of 5MB which wasn't sent (without notice for the client)

Ttim2424Nov 25, 2020

... and the toast file

SSemicolon WebSTAFFNov 25, 2020

Hello,

  1. We have tested this code before sending it to you and it works perfectly fine for us. Consider adding the above code in the css/custom.css File. This will override the Default Styles. More Documentation here: http://docs.semicolonweb.com/docs/getting-started/theme-customization/ .

  2. Here is a detailed guide on how to use File Type fields: http://docs.semicolonweb.com/docs/forms/fields/#docs-snippet-file-type-fields .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ttim2424Nov 25, 2020

A) custom.css worked - great!

B) I've checked documentation before but I couldn't find an answer, so:

  1. How and where do I limit file SIZE of uploads
  2. How and where do I add file FORMAT of uploads

C) https://www.fachuebersetzungsdienst.com/2021/kostenvoranschlag.html

Here you see a form with radio boxes and a file-upload. When I send a test message, the info of the selected radio boxes is not transferred. Also, if I don't select a file for an upload a default info is submitted anyway (see below). The whole message looks as the following one:

Name: test message
Email: testmail@yahoo.com
Phone: 333
Text: test text
Message: test message
Quick-Contactform-File:

As you see: No radio boxes and the text "Quick-Contactform-File:" appears.

C.) By the way: where do I change the language of the contact form?

SSemicolon WebSTAFFNov 26, 2020

Hello,

  1. This has not been included within the Default Functionality. You will need to use a Custom Solution for this. For the File Types, use these codes: https://www.w3schools.com/tags/att_input_accept.asp . For Custom Sizes, you will need to use Customized Codes. We will try adding this feature in a Future Update.

  2. The Checkboxes in your Form do not have any name Attribute assigned to them which is why no information is sent. You will need to use something like: name="quick-contact-form-checkbox". For multiple Values: name="quick-contact-form-checkbox[]".

And for the File, the name Attribute value is incorrect. You are using name="quick-contactform-file", whereas the correct one should be: name="quick-contact-form-file".

  1. For Alert Texts, consider using the settings directly in the HTML Code within the `` Tags, as provided here: http://docs.semicolonweb.com/docs/forms/settings/ .

To change the Language of the Field Names, you will need to Translate this in the Form's HTML Code itself. Simply find the following code in your Form's HTML Codes: name="quick-contact-form-name" and replace the name with your Translated Text. Example: name="quick-contact-form-nombre" .

This will display as Nombre in the Form Response Email. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ttim2424Nov 26, 2020

This is not getting any better. Please respond with the same numbers/letters I use, otherwise I don't know what you are referring to.

  1. CHECKBOXES: As advised I put a "name" to the field:

<div class="form-group row">
<div class="col-sm-10">
<div class="form-check" style="float: left">
<input class="form-check-input" type="checkbox" id="gridCheck1" name="quick-contact-from-Fachübersetzung">
<label class="form-check-label" for="gridCheck1">
Fachübersetzung
</label>
</div>

The message I receive looks like this now, so this doesn't seem to be right. Would you please directly edit my code snippet?

Quick-Contact-From-Fachübersetzung: on
Quick-Contact-From-Beglaubigung: on
Name: testmail2
Email: carsten_rath@yahoo.com
Telefon: 3323
Sprachkombination: eeee
Nachricht: eeee

  1. FILE SIZE: By chance I found out that there is no problem with the TYPE but only with the SIZE (one problem less). So, there is obviously a limit for uploads in your code - but where? If you don't know, please show me the exact line which I have to put to allow 10mb/file.

  2. An old problem came back and this is annoying. The confirmation message appears again with opacity although the code you mentioned is put to custom.css. Please check.

#toast-container > div {
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
}

Thank you for you patience. I am working on mine:)

SSemicolon WebSTAFFNov 26, 2020

Hello,

Thanks for your Patience! We can only provide you with the pointers on where to edit the Codes and where to make the changes along with assistance on possible solutions and pointing out the issues in your codes if any. If there are any Bugs in the Codes, we will fix them and release updates. In addition to this, support is provided only for the included features within Canvas. However, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

  1. Your Form Input's name Attribute does not match your prefix value. You are using name="quick-contact-from-Fachübersetzung", whereas your prefix is quick-contact-form-. So your code should be name="quick-contact-form-fachübersetzung". Compare with other Input name Attributes and check why they are working correctly.

  2. There are no Limits for the Size of File Uploads in our Code. The Maximum Limit is set by your Web Hosting Provider in the PHP.ini Configuration. You can contact them to increase this limit.

  3. This CSS code is used to set the Opacity Level for the Notification Messages. You can change these Values according to your needs.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ttim2424Nov 26, 2020

Thanks a lot!

File size + type is done.
Opacity is done.

  1. But could you please write me the line for the checkboxes. I've tried everything:

WRONG: <input class="form-check-input" type="checkbox" id="gridCheck1" name="quick-contact-from-Fachübersetzung">
RIGHT:

  1. When the checkbox is selected and send it is marked as "on". Is there any way to translate that too? Same thing below for "Dateien auswählen" (Select files)?
SSemicolon WebSTAFFNov 26, 2020

Hello,

  1. The Checkbox name Attributes are still incorrect (see attached)!

Correct Codes:
[ch_pre][/ch_pre]

To use Translated Values:
[ch_pre][/ch_pre]

  1. Select Files text cannot be translated using HTML as they are Browser Specific.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ttim2424Nov 29, 2020

Fantastic, worked out!

Hopefully my last question: where are the uploaded files stored? Is there any additional folder or will they just be part of an email-attachment?

SSemicolon WebSTAFFNov 29, 2020

Hello,

Tha Uploaded Files are not stored. They are sent directly as Email Attachments.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ttim2424Nov 29, 2020

Brilliant! Thanks for all!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard