Visible HTML Code In Emails

  • Resolved richsadams

    (@richsadams)


    6 months, 3 weeks ago

    Hello. We’ve installed the free version Email Template Customizer for WooCommerce and were planning on buying the paid version so we began building some templates on a staging site and ran into an issue.

    We’re currently using the Advanced Shipment Tracking Pro plugin – which lists Email Template Customizer for WooCommerce as compatible and has a dedicated page about how to enable it.

    We added the “woocommerce_email_before_order_table” web hook to the body of the new shipped/completed template. In the resulting email the shipper/tracking information is displaying normally with one exception. Just before the tracking information the following HTML code is being displayed:

    @media screen and (max-width: 720px).fluid_2cl_tr{display: block;}. fluid_2cl_td_provider{display: inline-block; padding-right: 0 limportant;).fluid_2cl_td_button{display: block;}.track-button{display: block limportant;}}

    Clearly that should not be visible.

    Can you assist us with this?

    Thank you.

    • This topic was modified 6 months, 3 weeks ago by richsadams. Reason: Typo

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • angelagrey

    (@angelagrey)

    6 months, 3 weeks ago

    Hi,

    It’s hard to say for sure, but if that CSS only appears when the webhook is added, then something in the output from the shipment plugin is injecting it incorrectly.

    Please try these checks so we can narrow it down:

    1. Disable our plugin and send the default WooCommerce email.
      → If the CSS still shows, the issue comes from the shipment plugin itself.
    2. If it only happens when our plugin is active, then test for conflicts:
      • Keep only WooCommerce, our email plugin, and your shipment plugin active.
      • Disable everything else temporarily.
      • Send the email again and see if the CSS still appears.

    Let me know the results so we can see what’s next

    Best regards.

    Thread Starter richsadams

    (@richsadams)

    6 months, 3 weeks ago

    Thanks very much for the quick reply!

    We’re currently using the default WC email templates along with the Advanced Shipment Tracking Pro plugin on the production site. The “Completed/Shipped” emails display the shipping/tracking information normally, no CSS code.

    I deactivating the Email Template Customizer for WooCommerce on the staging site, sent a “Completed/Shipped” test email and it’s as expected as well, no CSS.

    So on the staging site (where we’re testing Email Template Customizer for WooCommerce) I disabled all plugins except:

    – Email Template Customizer for WooCommerce
    – Advanced Shipment Tracking Pro
    – WooCommerce

    The test email still displays the CSS code just above the shipping/tracking information so it doesn’t look like a plugin conflict.

    Here’s a screenshot (with some content blurred):

    https://imgur.com/a/Y1T8Y3n

    Thank you again!

    Thread Starter richsadams

    (@richsadams)

    5 months, 3 weeks ago

    Hello,

    Quick follow-up to this issue. We ended up buying and installing the paid version of WooCommerce Email Template Customizer Premium. For unknown reasons the CSS code that was appearing in test emails does not appear in either the test emails or the actual emails customers receive.

    The issue is apparently only with the free version for some reason, and although the CSS code was appearing in the email tests, it did not appear in the actual customer emails.

    The developer of the Advanced Shipment Tracking Pro plugin isn’t sure why the code appears in the free version of the test emails as they weren’t able to replicate it.

    Ultimately if other users of the free version encounter the same problem with test emails, the actual emails should not reflect the code if so.

    Otherwise, we can recommend the paid version of Advanced Shipment Tracking Pro plugin. It works very well.

    Thank you for your attention to this, it is truly appreciated.

    angelagrey

    (@angelagrey)

    5 months, 3 weeks ago

    Hi,

    I’m really sorry for the delayed response, I completely overlooked your email. Thank you very much for the update and for your purchase.

    We appreciate you taking the time to share your findings as well. It’s good to know that the issue only affects the free version and that the Premium version works correctly for both test and actual customer emails. To investigate the issue with the standard plugin, could you please take a moment and create a support ticket on this Support Forum so we can take a direct look?

    Thanks again, and we really appreciate your patience and support.

    Thread Starter richsadams

    (@richsadams)

    5 months, 3 weeks ago

    Thank you @angelagrey I will do that.

    Also, although the Shipment Tracking Pro plugin is fine, I meant to say that I’d recommend the WooCommerce Email Template Customizer Premium plugin.

    Thank you again!

    angelagrey

    (@angelagrey)

    5 months, 2 weeks ago

    Thank you for the feedback. I’ve received your ticket and replied: https://villatheme.com/supports/topic/visible-html-code-in-emails/

    But I haven’t heard back since then. Could you check and let me know how it’s going?

Viewing 6 replies - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.