( Latest versions: 2.8.0 Stable, compatible with Joomla 3.9.0+   &   0.9.3 Stable, compatible with WordPress 4+ )

Experiences - Automated feedback email problem

More
8 months 2 weeks ago #11977 by Thellie
During testing something else, I changed the status of a reservation to Completed, which automatically sent out the feedback email... this is what came through:
   a:active {
       color: #2795b6 !important;
   }

   a:visited {
       color: #2ba6cb !important;
   }

   h1 a:active {
       color: #2ba6cb !important;
   }

   h2 a:active {
       color: #2ba6cb !important;
   }

   h3 a:active {
       color: #2ba6cb !important;
   }

   h4 a:active {
       color: #2ba6cb !important;
   }

   h5 a:active {
       color: #2ba6cb !important;
   }

   h6 a:active {
       color: #2ba6cb !important;
   }

   h1 a:visited {
       color: #2ba6cb !important;
   }

   h2 a:visited {
       color: #2ba6cb !important;
   }

   h3 a:visited {
       color: #2ba6cb !important;
   }

   h4 a:visited {
       color: #2ba6cb !important;
   }

   h5 a:visited {
       color: #2ba6cb !important;
   }

   h6 a:visited {
       color: #2ba6cb !important;
   }

   table.button:hover td {
       background: #2795b6 !important;
   }

   table.button:visited td {
       background: #2795b6 !important;
   }

   table.button:active td {
       background: #2795b6 !important;
   }

   table.button:hover td a {
       color: #fff !important;
   }

   table.button:visited td a {
       color: #fff !important;
   }

   table.button:active td a {
       color: #fff !important;
   }

   table.button:hover td {
       background: #2795b6 !important;
   }

   table.tiny-button:hover td {
       background: #2795b6 !important;
   }

   table.small-button:hover td {
       background: #2795b6 !important;
   }

   table.medium-button:hover td {
       background: #2795b6 !important;
   }

   table.large-button:hover td {
       background: #2795b6 !important;
   }

   table.button:hover td a {
       color: #ffffff !important;
   }

   table.button:active td a {
       color: #ffffff !important;
   }

   table.button td a:visited {
       color: #ffffff !important;
   }

   table.tiny-button:hover td a {
       color: #ffffff !important;
   }

   table.tiny-button:active td a {
       color: #ffffff !important;
   }

   table.tiny-button td a:visited {
       color: #ffffff !important;
   }

   table.small-button:hover td a {
       color: #ffffff !important;
   }

   table.small-button:active td a {
       color: #ffffff !important;
   }

   table.small-button td a:visited {
       color: #ffffff !important;
   }

   table.medium-button:hover td a {
       color: #ffffff !important;
   }

   table.medium-button:active td a {
       color: #ffffff !important;
   }

   table.medium-button td a:visited {
       color: #ffffff !important;
   }

   table.large-button:hover td a {
       color: #ffffff !important;
   }

   table.large-button:active td a {
       color: #ffffff !important;
   }

   table.large-button td a:visited {
       color: #ffffff !important;
   }

   table.secondary:hover td {
       background: #d0d0d0 !important;
       color: #555;
   }

   table.secondary:hover td a {
       color: #555 !important;
   }

   table.secondary td a:visited {
       color: #555 !important;
   }

   table.secondary:active td a {
       color: #555 !important;
   }

   table.success:hover td {
       background: #457a1a !important;
   }

   table.alert:hover td {
       background: #970b0e !important;
   }

   table.facebook:hover td {
       background: #2d4473 !important;
   }

   table.twitter:hover td {
       background: #0087bb !important;
   }

   table.google-plus:hover td {
       background: #CC0000 !important;
   }

   @media only screen and (max-width: 600px) {
       table[class="body"] img {
           width: auto !important;
           height: auto !important;
       }

       table[class="body"] center {
           min-width: 0 !important;
       }

       table[class="body"] .container {
           width: 95% !important;
       }

       table[class="body"] .row {
           width: 100% !important;
           display: block !important;
       }

       table[class="body"] .wrapper {
           display: block !important;
           padding-right: 0 !important;
       }

       table[class="body"] .columns {
           table-layout: fixed !important;
           float: none !important;
           width: 100% !important;
           padding-right: 0px !important;
           padding-left: 0px !important;
           display: block !important;
       }

       table[class="body"] .column {
           table-layout: fixed !important;
           float: none !important;
           width: 100% !important;
           padding-right: 0px !important;
           padding-left: 0px !important;
           display: block !important;
       }

       table[class="body"] .wrapper.first .columns {
           display: table !important;
       }

       table[class="body"] .wrapper.first .column {
           display: table !important;
       }

       table[class="body"] table.columns td {
           width: 100% !important;
       }

       table[class="body"] table.column td {
           width: 100% !important;
       }

       table[class="body"] .columns td.one {
           width: 8.333333% !important;
       }

       table[class="body"] .column td.one {
           width: 8.333333% !important;
       }

       table[class="body"] .columns td.two {
           width: 16.666666% !important;
       }

       table[class="body"] .column td.two {
           width: 16.666666% !important;
       }

       table[class="body"] .columns td.three {
           width: 25% !important;
       }

       table[class="body"] .column td.three {
           width: 25% !important;
       }

       table[class="body"] .columns td.four {
           width: 33.333333% !important;
       }

       table[class="body"] .column td.four {
           width: 33.333333% !important;
       }

       table[class="body"] .columns td.five {
           width: 41.666666% !important;
       }

       table[class="body"] .column td.five {
           width: 41.666666% !important;
       }

       table[class="body"] .columns td.six {
           width: 50% !important;
       }

       table[class="body"] .column td.six {
           width: 50% !important;
       }

       table[class="body"] .columns td.seven {
           width: 58.333333% !important;
       }

       table[class="body"] .column td.seven {
           width: 58.333333% !important;
       }

       table[class="body"] .columns td.eight {
           width: 66.666666% !important;
       }

       table[class="body"] .column td.eight {
           width: 66.666666% !important;
       }

       table[class="body"] .columns td.nine {
           width: 75% !important;
       }

       table[class="body"] .column td.nine {
           width: 75% !important;
       }

       table[class="body"] .columns td.ten {
           width: 83.333333% !important;
       }

       table[class="body"] .column td.ten {
           width: 83.333333% !important;
       }

       table[class="body"] .columns td.eleven {
           width: 91.666666% !important;
       }

       table[class="body"] .column td.eleven {
           width: 91.666666% !important;
       }

       table[class="body"] .columns td.twelve {
           width: 100% !important;
       }

       table[class="body"] .column td.twelve {
           width: 100% !important;
       }

       table[class="body"] td.offset-by-one {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-two {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-three {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-four {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-five {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-six {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-seven {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-eight {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-nine {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-ten {
           padding-left: 0 !important;
       }

       table[class="body"] td.offset-by-eleven {
           padding-left: 0 !important;
       }

       table[class="body"] table.columns td.expander {
           width: 1px !important;
       }

       table[class="body"] .right-text-pad {
           padding-left: 10px !important;
       }

       table[class="body"] .text-pad-right {
           padding-left: 10px !important;
       }

       table[class="body"] .left-text-pad {
           padding-right: 10px !important;
       }

       table[class="body"] .text-pad-left {
           padding-right: 10px !important;
       }

       table[class="body"] .hide-for-small {
           display: none !important;
       }

       table[class="body"] .show-for-desktop {
           display: none !important;
       }

       table[class="body"] .show-for-small {
           display: inherit !important;
       }

       table[class="body"] .hide-for-desktop {
           display: inherit !important;
       }

       table[class="body"] .right-text-pad {
           padding-left: 10px !important;
       }

       table[class="body"] .left-text-pad {
           padding-right: 10px !important;
       }
   }
</style>

<table class="body"
      style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;">
   <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
       <td class="center" align="center" valign="top"
           style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;">
           <center style="width: 100%; min-width: 580px;">

               <!-- Begin email header -->
               <table class="row header"
                      style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; background: #999999; padding: 0px;"
                      bgcolor="#999999">
                   <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                       <td class="center" align="center"
                           style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;"
                           valign="top">
                           <center style="width: 100%; min-width: 580px;">

                               <table class="container"
                                      style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;">
                                   <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                                       <td class="wrapper last"
                                           style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 10px 0px 0px;"
                                           align="left" valign="top">

                                           <table class="twelve columns"
                                                  style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
                                               <tr style="vertical-align: top; text-align: left; padding: 0;"
                                                   align="left">
                                                   <td class="six sub-columns"
                                                       style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; min-width: 0px; width: 50%; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 10px 10px 0px;"
                                                       align="left" valign="top">
														                                                            <img
                                                           src="https://www.themirrorfoundation.org/ecotest/images/tours/1DW1/weaving.jpg"
                                                           alt="logo"
                                                           style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: left; clear: both; display: block;"
                                                           align="left" /></td>
                                                   <td class="six sub-columns last"
                                                       style="text-align: right; vertical-align: middle; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 50%; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;"
                                                       align="right" valign="middle">
                                                       <span class="template-label"
                                                             style="color: #ffffff; font-weight: bold; font-size: 11px;"></span><br/><span
                                                               class="template-label"
                                                               style="color: #ffffff; font-weight: bold; font-size: 11px;">Reference ID: f2bafe2</span>
                                                   </td>
                                                   <td class="expander"
                                                       style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;"
                                                       align="left" valign="top"></td>
                                               </tr>
                                           </table>
                                       </td>
                                   </tr>
                               </table>
                           </center>
                       </td>
                   </tr>
               </table><!-- End of email header --><!-- Begin of email body -->
               <table class="container"
                      style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;">
                   <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                       <td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;"
                           align="left" valign="top">

                           <table class="row callout"
                                  style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;">
                               <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                                   <td class="wrapper last"
                                       style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 10px 0px 20px;"
                                       align="left" valign="top">

                                       <table class="twelve columns"
                                              style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
                                           <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                                               <td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;"
                                                   align="left" valign="top">
                                                   <h3 style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 1.3; word-break: normal; font-size: 32px; margin: 0; padding: 0;"
                                                       align="left">Dear Gatling Gun,</h3>

                                                   <p style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;"
                                                      align="left"> </p>

                                                   <p style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;"
                                                      align="left">
														Thank you for being our guest, we hope that you enjoyed your experience with 1 Day Weaving tour.</p>

                                                   <p style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;"
                                                      align="left">
														Your ultimate satisfaction is always our top goal. Your feedback would be very much appreciated, please take a few minutes to leave a feedback by clicking the link below.</p>

                                                   <table class="button"
                                                          style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; overflow: hidden; padding: 0;">
                                                       <tbody>
                                                       <tr style="vertical-align: top; text-align: left; padding: 0;"
                                                           align="left">
                                                           <td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; color: #ffffff; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; display: block; width: auto !important; background: #2ba6cb; margin: 0; padding: 8px 0; border: 1px solid #2284a1;"
                                                               align="center" bgcolor="#2ba6cb" valign="top">
                                                               <a href="https://www.themirrorfoundation.org/ecotest/index.php?option=com_solidres&view=feedback&filter_scope=1&feedbackToken=624f61e0a82a06b4912819f5fe9b168bfbefc15c"
                                                                  style="color: #ffffff; text-decoration: none; font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 16px;">Click here to leave feedback</a>
                                                           </td>
                                                       </tr>
                                                       </tbody>
                                                   </table>
                                                   <p style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;"
                                                      align="left"> </p>
                                                   <p style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;"
                                                      align="left">Your feedback means a lot to us. We are looking forward to seeing you again soon and often.</p>

                                               </td>
                                               <td class="expander"
                                                   style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;"
                                                   align="left" valign="top"></td>
                                           </tr>
                                       </table>
                                   </td>
                               </tr>
                           </table>
                           <table class="row footer"
                                  style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;">
                               <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                                   <td class="wrapper"
                                       style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; background: #ebebeb; margin: 0; padding: 10px"
                                       align="left" bgcolor="#ebebeb" valign="top">

                                       <table class="body columns"
                                              style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 10px;">
                                           <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                                               <td class="last right-text-pad"
                                                   style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0px 0px 10px;"
                                                   align="left" valign="top">
                                                   <h5 style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 1.3; word-break: normal; font-size: 24px; margin: 0; padding: 0 0 10px;"
                                                       align="left">Contact Info: </h5>
                                                   <p style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;"
                                                      align="left">
														Address: 199/1-3 Moo 21 Singhaclai Road, Chiang Rai Thailand                                                    </p>
                                                   <p style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;"
                                                      align="left">Phone: 053719554</p>
                                                   <p style="color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; margin: 0 0 10px; padding: 0;"
                                                      align="left">Email: <a
                                                               href="mailto:ecotours@themirrorfoundation.org"
                                                               style="color: #2ba6cb; text-decoration: none;">ecotours@themirrorfoundation.org</a>
                                                   </p>
                                               </td>
                                               <td class="expander"
                                                   style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;"
                                                   align="left" valign="top"></td>
                                           </tr>
                                       </table>
                                   </td>
                               </tr>
                           </table><!-- container end below --></td>
                   </tr>
               </table><!-- End of email body --></center>
       </td>
   </tr>
</table>
</body>
</html>

Please Log in or Create an account to join the conversation.

More
8 months 1 week ago #11990 by solidres
Replied by solidres on topic Experiences - Automated feedback email problem
Hi,

Could you elaborate more about your issue? Did you get a plain text email instead of a HTML email?

Regards,

Please Log in or Create an account to join the conversation.

More
8 months 1 week ago #11994 by Thellie
What I posted is exactly what I received - just the pure code. I tried it a couple of times, and it was the same. I'm just updating the new versions and will have another test to see if it's the same.

Please Log in or Create an account to join the conversation.

More
8 months 1 week ago #11999 by solidres
Replied by solidres on topic Experiences - Automated feedback email problem
Hi,

We were not able to replicate this issue in our server, please raise a new support ticket and include your website info, we will check it for you.

Regards,

Please Log in or Create an account to join the conversation.

More
8 months 1 week ago #12001 by Thellie
I've just re-tested on both of the sites (live and testing) and both are now working correctly. Sorry for wasting time.

Please Log in or Create an account to join the conversation.

Moderators: solidres
Powered by Kunena Forum

All the things you need to make your work easier. Did you like Solidres?