email in copy/text of notification

May 29th, 2024 at 07:45 PM
User 2985163 Photo

Tom Ferguson
Registered User
6 posts

I just got the update (2.2) and need to update a number of client sites... but wanted to start with mine while I checked out the new version. Running it on a Mac with M1 and Sonoma 14.5. Hosting at Ionos. You can see the form at http://www.ferguson-photo-design.com/contact3.php. I haven't used this program in ages, because of the PHP version issues, so I'm probably doing something "dumb".

In the "Notification" email (to the form owner) the default text near the bottom says "Looking good? Then let's keep going. In case you need to contact the person that submitted a form, drop him or her an email at the address submitted: " and there is a spot to insert a form variable for the submitter's email. I'm doing the editing with the "Edit Code" option. I can't get that link to work correctly!

Here is my edited code (the variable "email3" name is correct)

<p style="font-weight:normal;padding:0px;text-align:left;margin:0px 0px 1.35em;text-size-adjust:none;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;color:#474747;line-height:1.5;">Looking good? Then let’s keep going. In case you need to contact the person that submitted a form, drop him or her an email at the address submitted: <a title="" href="mailto:[email3]” class="paragraph-text-1" style="text-decoration:none;text-size-adjust:none;color:#2a66bf;">Email Link</a>.</p>

When I receive the email and click the "Email Link" I gt the correct email address, but with lots of extras that cause errors. For example, I get this I'm my email app as a "to" address:

tomf2468a@att.xn--net class=-vx6e" <tomf2468a@att.net” class=>

It should have simply been:
tomf2468a@att.net

Thoughts?
May 30th, 2024 at 10:16 PM
User 2985163 Photo

Tom Ferguson
Registered User
6 posts

PHP8.1 on the Ionos server, if that helps anyone?
May 30th, 2024 at 10:44 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,117 posts
Online Now

The following code works for me no problems but I'm on a windows machine

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<meta name="x-apple-disable-message-reformatting">
<meta name="generator" content="Responsive Email Designer 3.0.1600">
<style id="vendor_styles">
html {
-ms-overflow-y: auto !important;
}
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
img {
-ms-interpolation-mode: bicubic;
}
table.radius td {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
table.round td {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
}
table.columns td.element_connector,
td.element_connector {
width: 100% !important;
width: calc(100%) !important;
width: -webkit-calc(100%) !important;
}
div, p, a, li, td { -webkit-text-size-adjust: none; }
@media screen {
img {
width: 100% !important;
}
}
</style>
<style>
@media screen and (max-device-width: 650px), screen and (max-width: 650px) {
table.body center { min-width: 0px !important; }
table.body .container { max-width: 660px; width: 100% !important; }
table.body .container > tbody > tr > td:not(.wrapper) { min-width: 0px !important; }
table.body .row { width: 100% !important; display: block !important; }
table.body .row > tbody > tr > td:not(.wrapper) { min-width: 0px !important; }
table.body .row::after { content: " "; display: table; height: 0px; clear: both; visibility: hidden; }
table.row > tbody > tr > td.align-center { padding: 0px !important; }
table.body .wrapper { display: block !important; float: none !important; min-width: 0px !important; }
table.body .columns, table.body .column { max-width: 660px !important; table-layout: fixed !important; float: left !important; padding-right: 0px !important; padding-left: 0px !important; }
table.body .columns td.element_connector, table.body .column td.element_connector { width: 100% !important; min-width: 0px !important; }
table.body .wrapper.first .columns, table.body .wrapper.first .column { display: table !important; }
table.body .twelve { width: 100% !important; }
table.body .wrapper.twelve { float: left !important; }
table.body .wrapper.twelve .columns, table.body .wrapper.twelve .column { width: 100% !important; }
table.body .eleven { width: 91.6667% !important; }
table.body .wrapper.eleven { float: left !important; }
table.body .wrapper.eleven .columns, table.body .wrapper.eleven .column { width: 100% !important; }
table.body .ten { width: 83.3333% !important; }
table.body .wrapper.ten { float: left !important; }
table.body .wrapper.ten .columns, table.body .wrapper.ten .column { width: 100% !important; }
table.body .nine { width: 75% !important; }
table.body .wrapper.nine { float: left !important; }
table.body .wrapper.nine .columns, table.body .wrapper.nine .column { width: 100% !important; }
table.body .eight { width: 66.6667% !important; }
table.body .wrapper.eight { float: left !important; }
table.body .wrapper.eight .columns, table.body .wrapper.eight .column { width: 100% !important; }
table.body .seven { width: 58.3333% !important; }
table.body .wrapper.seven { float: left !important; }
table.body .wrapper.seven .columns, table.body .wrapper.seven .column { width: 100% !important; }
table.body .six { width: 50% !important; }
table.body .wrapper.six { float: left !important; }
table.body .wrapper.six .columns, table.body .wrapper.six .column { width: 100% !important; }
table.body .five { width: 41.6667% !important; }
table.body .wrapper.five { float: left !important; }
table.body .wrapper.five .columns, table.body .wrapper.five .column { width: 100% !important; }
table.body .four { width: 33.3333% !important; }
table.body .wrapper.four { float: left !important; }
table.body .wrapper.four .columns, table.body .wrapper.four .column { width: 100% !important; }
table.body .three { width: 25% !important; }
table.body .wrapper.three { float: left !important; }
table.body .wrapper.three .columns, table.body .wrapper.three .column { width: 100% !important; }
table.body .two { width: 16.6667% !important; }
table.body .wrapper.two { float: left !important; }
table.body .wrapper.two .columns, table.body .wrapper.two .column { width: 100% !important; }
table.body .one { width: 8.33333% !important; }
table.body .wrapper.one { float: left !important; }
table.body .wrapper.one .columns, table.body .wrapper.one .column { width: 100% !important; }
table.body .columns td.twelve, table.body .column td.twelve { width: 100% !important; }
table.body td.offset-by-twelve { padding-left: 0px !important; }
table.body .small-twelve { width: 100% !important; }
table.body .columns td.eleven, table.body .column td.eleven { width: 91.6667% !important; }
table.body td.offset-by-eleven { padding-left: 0px !important; }
table.body .small-eleven { width: 91.6667% !important; }
table.body .columns td.ten, table.body .column td.ten { width: 83.3333% !important; }
table.body td.offset-by-ten { padding-left: 0px !important; }
table.body .small-ten { width: 83.3333% !important; }
table.body .columns td.nine, table.body .column td.nine { width: 75% !important; }
table.body td.offset-by-nine { padding-left: 0px !important; }
table.body .small-nine { width: 75% !important; }
table.body .columns td.eight, table.body .column td.eight { width: 66.6667% !important; }
table.body td.offset-by-eight { padding-left: 0px !important; }
table.body .small-eight { width: 66.6667% !important; }
table.body .columns td.seven, table.body .column td.seven { width: 58.3333% !important; }
table.body td.offset-by-seven { padding-left: 0px !important; }
table.body .small-seven { width: 58.3333% !important; }
table.body .columns td.six, table.body .column td.six { width: 50% !important; }
table.body td.offset-by-six { padding-left: 0px !important; }
table.body .small-six { width: 50% !important; }
table.body .columns td.five, table.body .column td.five { width: 41.6667% !important; }
table.body td.offset-by-five { padding-left: 0px !important; }
table.body .small-five { width: 41.6667% !important; }
table.body .columns td.four, table.body .column td.four { width: 33.3333% !important; }
table.body td.offset-by-four { padding-left: 0px !important; }
table.body .small-four { width: 33.3333% !important; }
table.body .columns td.three, table.body .column td.three { width: 25% !important; }
table.body td.offset-by-three { padding-left: 0px !important; }
table.body .small-three { width: 25% !important; }
table.body .columns td.two, table.body .column td.two { width: 16.6667% !important; }
table.body td.offset-by-two { padding-left: 0px !important; }
table.body .small-two { width: 16.6667% !important; }
table.body .columns td.one, table.body .column td.one { width: 8.33333% !important; }
table.body td.offset-by-one { padding-left: 0px !important; }
table.body .small-one { width: 8.33333% !important; }
table.body .right-text-pad, table.body .text-pad-right { padding-left: 10px !important; }
table.body .left-text-pad, table.body .text-pad-left { padding-right: 10px !important; }
table.body table.image-component > tbody > tr > td.element, table.body table.image-component-right > tbody > tr > td.element, table.body table.image-table > tbody > tr > td.element, table.body table.link-image-table > tbody > tr > td.element { width: auto; }
table.body table td.social-image-cell { width: auto; }
}
@media only screen and (max-width: 650px) {
table.body .hide-for-small, table.body .show-for-desktop { display: none !important; }
table.body .show-for-small, table.body .hide-for-desktop { display: inherit !important; }
}
@media screen and (max-device-width: 650px), screen and (max-width: 650px) {
.form_results div td { display: inline-block !important; width: 100% !important; }
.cart_summary div td:nth-child(3), .cart_summary div th:nth-child(3) { display: none; }
.cart_summary div tr:last-child td:first-child { display: block; }
}
@media screen and (max-width:650px) {
body.body-1 {
padding-top: 0px !important;
}
table.heading4.doc-heading > tbody > tr > td.element > * {
font-size: 16px !important;
}
body .row .columns.column-1 {
margin-top: 0px !important;
}
body .row .columns td.element_connector {
padding-right: 5px !important;
padding-left: 5px !important;
}
table.paragraph > tbody > tr > td.element > * {
font-size: 14px !important;
line-height: 1.5 !important;
}
table.form_results.form-results-1 > tbody > tr > td.element > * {
font-size: 13px !important;
line-height: 1.5 !important;
}
table.form_results.form-results-1 > tbody > tr > td.element {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
table.form_results.form-results-1 > tbody > tr > td.margin-top {
padding-top: 0px !important;
}
table.text.sign > tbody > tr > td.element > * {
font-size: 16px !important;
}

}
@media screen and (max-width: 440px) {
body .row.branded-proud .paragraph p { font-size: 12px !important; }
body .row.branded-proud .link-image-table.red-logo > tbody > tr td.element img { max-width: 60px !important; }
}
</style>
</head>
<body class="body-1" style="min-width:100%;margin:0px;padding:0px;width:100%;border:none;max-width:none;position:relative;mso-font-alt: Times;font-family:Georgia, Times, 'Times New Roman', serif;text-size-adjust:100%;background-color:#827a71;padding-top:30px;padding-bottom:30px;" bgcolor="#827a71">
<table cellpadding="0" cellspacing="0" border="0" class="body" style="height:100%;width:100%;">
<tbody>
<tr>
<td class="align-center" align="center" valign="top" style="text-size-adjust:none;text-align:center; display:none !important;" ><!--[if !mso]> <!-- --><td class="align-center" align="center" valign="top" style="text-size-adjust:none;text-align:center;background-color:#827a71;" bgcolor="#827a71"><!-- <![endif]-->
<center class="grid_selector" style="width:100%;">
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="margin:0px auto;text-align:inherit;display:none; mso-hide: none;" width="660"><![endif]--><!--[if !mso]> <!-- --><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="max-width:660px;width:100%;margin:0px auto;text-align:inherit;width:660px;"><!-- <![endif]-->
<tbody>
<tr>
<td style="text-size-adjust:none;">
<table cellpadding="0" cellspacing="0" border="0" class="row row-3" style="width:100%;position:relative;background-color:#5c5851;" bgcolor="#5c5851">
<tbody>
<tr>
<td style="width:660px;">
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns twelve heading-row" style="margin:0px auto;text-align:left;table-layout:fixed;display:none; mso-hide: none;" align="left" width="660"><![endif]--><!--[if !mso]> <!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns twelve heading-row" style="margin:0px auto;text-align:left;table-layout:fixed;max-width:660px;width:100%;width:660px;" align="left"><!-- <![endif]-->
<tbody>
<tr>
<td class="expander" style="text-size-adjust:none;padding-left:10px;width:0.01px;"></td>
<td class="element_connector" style="text-size-adjust:none;padding:0px;height:35px;width:100%;padding-right:10px;padding-left:10px;">
<table cellpadding="0" cellspacing="0" border="0" class="heading4 doc-heading" style="width:100%;text-align:left;">
<tbody>
<tr>
<td class="margin-top" style="text-size-adjust:none;line-height:0;font-size:0px;padding-top:10px;">&nbsp;</td>
</tr>
<tr>
<td class="element" style="text-size-adjust:none;text-align:left;">
<h4 style="padding:0px;text-align:left;line-height:1.5;word-break:normal;margin:0px 0px 5px;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-rendering:optimizeLegibility;font-weight:700;color:#ffffff;font-size:18px;">Registration Form Submit Alert.</h4>
</td>
</tr>
<tr>
<td class="margin-bottom" style="text-size-adjust:none;line-height:0;font-size:0px;padding-bottom:5px;">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
<td class="expander" style="text-size-adjust:none;padding-left:10px;width:0.01px;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="margin:0px auto;text-align:inherit;display:none; mso-hide: none;" width="660"><![endif]--><!--[if !mso]> <!-- --><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="max-width:660px;width:100%;margin:0px auto;text-align:inherit;width:660px;"><!-- <![endif]-->
<tbody>
<tr>
<td style="text-size-adjust:none;">
<table cellpadding="0" cellspacing="0" border="0" class="row row-2" style="width:100%;position:relative;background-color:#f5f5f5;" bgcolor="#f5f5f5">
<tbody>
<tr>
<td style="width:660px;">
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns twelve column-1" style="margin:0px auto;text-align:left;table-layout:fixed;display:none; mso-hide: none;" align="left" width="660"><![endif]--><!--[if !mso]> <!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns twelve column-1" style="margin:0px auto;text-align:left;table-layout:fixed;max-width:660px;width:100%;width:660px;" align="left"><!-- <![endif]-->
<tbody>
<tr>
<td class="expander" style="text-size-adjust:none;padding-left:10px;width:0.01px;"></td>
<td class="element_connector" style="text-size-adjust:none;padding:0px;height:35px;width:100%;padding-right:10px;padding-left:10px;padding-bottom:30px;">
<table cellpadding="0" cellspacing="0" border="0" class="paragraph" style="width:100%;text-align:left;">
<tbody>
<tr>
<td class="margin-top" style="text-size-adjust:none;line-height:0;font-size:0px;padding-top:20px;">&nbsp;</td>
</tr>
<tr>
<td class="element" style="text-size-adjust:none;text-align:left;">
<p style="font-weight:normal;padding:0px;text-align:left;margin:0px 0px 1.35em;text-size-adjust:none;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;color:#474747;line-height:1.5;">Cool, somebody just filled out our registration form! Let’s make sure all is good and drop our new-found friend a note if needed. Here’s what was submitted:</p>
</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" border="0" class="form_results form-results-1" style="width:100%;line-height:1.7;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;text-align:left;">
<tbody>
<tr>
<td class="element" style="text-size-adjust:none;text-align:left;border-style:none;border-width:1px;padding:10px 15px;background-color:#ffffff;" bgcolor="#ffffff">
<div style="text-size-adjust:none;width:100%;mso-font-alt: Courier;font-family:'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;font-size:15px;color:#474747;">[_form_results_]</div>
</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" border="0" class="paragraph" style="width:100%;text-align:left;">
<tbody>
<tr>
<td class="margin-top" style="text-size-adjust:none;line-height:0;font-size:0px;padding-top:20px;">&nbsp;</td>
</tr>
<tr>
<td class="element" style="text-size-adjust:none;text-align:left;">
<p style="font-weight:normal;padding:0px;text-align:left;margin:0px 0px 1.35em;text-size-adjust:none;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;color:#474747;line-height:1.5;">Looking good? Then let’s keep going. In case you need to contact the person that submitted a form, drop him or her an email at the address submitted: <a title="" href="mailto:%5Binsert%20form%20builder%20variable%5D" class="paragraph-text-1" style="text-decoration:none;text-size-adjust:none;color:#2a66bf;">[[email1]</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" border="0" class="text sign" align="right" style="margin-left:0px;margin-right:0px;float:right;text-align:left;">
<tbody>
<tr>
<td class="element" style="text-size-adjust:none;text-align:left;padding-right:30px;padding-bottom:0px;"> <span style="line-height:1.5;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:18px;color:#474747;">— Your boss<br></span>
</td>
</tr>
</tbody>
</table>
</td>
<td class="expander" style="text-size-adjust:none;padding-left:10px;width:0.01px;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</body>
</html>

When I get the notification it looks and works just fine
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
May 31st, 2024 at 01:35 PM
User 2985163 Photo

Tom Ferguson
Registered User
6 posts

Thanks Wayan,
I'll be darned if I can see anything in your code that would/should "fix" mine... but I copied/replaced your link/sentence into mine and it worked! You had:

<p style="font-weight:normal;padding:0px;text-align:left;margin:0px 0px 1.35em;text-size-adjust:none;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;color:#474747;line-height:1.5;">Looking good? Then let’s keep going. In case you need to contact the person that submitted a form, drop him or her an email at the address submitted: <a title="" href="mailto:%5Binsert%20form%20builder%20variable%5D" class="paragraph-text-1" style="text-decoration:none;text-size-adjust:none;color:#2a66bf;">[[email3]</td>

I slightly modified it to make the address a live link (and it still works)!! Mine (now working):

<p style="font-weight:normal;padding:0px;text-align:left;margin:0px 0px 1.35em;text-size-adjust:none;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;color:#474747;line-height:1.5;">Looking good? Then let’s keep going. In case you need to contact the person that submitted a form, drop him or her an email at the address submitted: <a title="" href="mailto:[email3]" class="paragraph-text-1" style="text-decoration:none;text-size-adjust:none;color:#2a66bf;">[email3]</td>

Either I did something stupid while editing (sometimes all it takes is one wrong character) or there is a slight bug in the Mac version 2.2

I guess I will find out as I update client sites!

Thanks again

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.