Invoice Format in Outlook thick-client vs Gmail (web-based) client
-
I’m on the latest version of WordPress and WooCommerce and having an issue with the formatting of the standard email from WooCommerce and how it looks on web-based email clients vs. thick-client like Outlook. Outlook looks totally fine but the same invoice in Gmail looks terrible.
Thank you for anything you can help with.
Gmail: https://i.imgur.com/OEVlyfD.png
Outlook: https://i.imgur.com/1QRLLgp.png
-
Hello @thatsgame1,
Thank you for reaching out!
All WooCommerce generate emails sent to my Gmail are rendering as expected, I’m using Apple’s default email client.
Link to image: https://d.pr/i/SOGrujHave you tried accessing the email from a normal browser?
Look forward to hearing back from you.I get the same thing: Looks great in an email thick-client but if you were to view same email from a web-based client the formatting is not acceptable. I’m using latest version of Chrome on Windows 10 machine.
View post on imgur.com
I can’t replicate the issue even on a browser:
Link to image: https://d.pr/i/9zmBtrHave you tried switching to the default Storefront theme?
If that doesn’t help, please attach a copy of your site’s system status report. You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”.? Once you’ve done that, paste it here in your response.Look forward to hearing back from you.
Still looks same on Storefront Theme: https://i.imgur.com/qRxN9UD.png
WordPress Environment WordPress address (URL): https://[hiddenforprivacy].com Site address (URL): https://[hiddenforprivacy].com WC Version: 7.6.0 REST API Version: ?</img> 7.6.0 WC Blocks Version: ?</img> 9.8.4 Action Scheduler Version: ?</img> 3.5.4 Log Directory Writable: ?</img> WP Version: ?</img> 6.1.1 - There is a newer version of WordPress available (6.2) WP Multisite: – WP Memory Limit: 1 GB WP Debug Mode: – WP Cron: ?</img> Language: en_US External object cache: – Server Environment Server Info: Apache/2.4.54 (Debian) PHP Version: 7.4.30 PHP Post Max Size: 1 GB PHP Time Limit: 300 PHP Max Input Vars: 10000 cURL Version: 7.74.0 OpenSSL/1.1.1n SUHOSIN Installed: – MySQL Version: 8.0.32 Max Upload Size: 1 GB Default Timezone is UTC: ?</img> fsockopen/cURL: ?</img> SoapClient: ?</img> DOMDocument: ?</img> GZip: ?</img> Multibyte String: ?</img> Remote Post: ?</img> Remote Get: ?</img> Database WC Database Version: 7.6.0 WC Database Prefix: wp_ Total Database Size: 15.76MB Database Data Size: 13.18MB Database Index Size: 2.58MB wp_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_actions: Data: 0.39MB + Index: 0.31MB + Engine InnoDB wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_logs: Data: 0.22MB + Index: 0.17MB + Engine InnoDB wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wp_eg_grids: Data: 0.17MB + Index: 0.02MB + Engine InnoDB wp_eg_item_elements: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_eg_item_skins: Data: 2.52MB + Index: 0.03MB + Engine InnoDB wp_eg_navigation_skins: Data: 0.38MB + Index: 0.02MB + Engine InnoDB wp_gla_attribute_mapping_rules: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_gla_budget_recommendations: Data: 0.22MB + Index: 0.14MB + Engine InnoDB wp_gla_merchant_issues: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_gla_shipping_rates: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_gla_shipping_times: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_jetpack_waf_blocklog: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_lc_block_login: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_options: Data: 5.06MB + Index: 0.09MB + Engine InnoDB wp_postmeta: Data: 1.28MB + Index: 0.31MB + Engine InnoDB wp_posts: Data: 1.31MB + Index: 0.06MB + Engine InnoDB wp_revslider_css: Data: 0.13MB + Index: 0.02MB + Engine InnoDB wp_revslider_css_bkp: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_revslider_layer_animations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_layer_animations_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_navigations: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_navigations_bkp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_revslider_sliders: Data: 0.06MB + Index: 0.02MB + Engine InnoDB wp_revslider_sliders_bkp: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_revslider_slides: Data: 0.08MB + Index: 0.02MB + Engine InnoDB wp_revslider_slides_bkp: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_revslider_static_slides: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_revslider_static_slides_bkp: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_usermeta: Data: 0.11MB + Index: 0.03MB + Engine InnoDB wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_admin_notes: Data: 0.05MB + Index: 0.00MB + Engine InnoDB wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wp_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wpfm_backup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wpgdprc_access_requests: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wpgdprc_consents: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wpgdprc_delete_requests: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wpgdprc_log: Data: 0.02MB + Index: 0.00MB + Engine InnoDB Post Type Counts attachment: 119 custom_css: 1 mc4wp-form: 2 nav_menu_item: 22 oembed_cache: 1 page: 18 post: 2 product: 24 revision: 197 services: 4 shop_order: 12 team: 4 testimonial: 6 wp_global_styles: 1 wpcf7_contact_form: 1 Security Secure connection (HTTPS): ?</img> Hide errors from visitors: ?</img> Active Plugins (23) All-in-One WP Migration: by ServMask – 7.73 Duplicate Page: by mndpsingh287 – 4.5.1 Essential Grid: by ThemePunch – 3.0.17.1 Google Listings and Ads: by WooCommerce – 2.4.3 Jetpack Protect: by Automattic - Jetpack Security team – 1.3.0 Jetpack: by Automattic – 12.0 WPBakery Page Builder: by Michael M - WPBakery.com – 6.11.0 Mail Beam by LeadConnector: by LeadConnector – 1.0.1 Loco Translate: by Tim Whitlock – 2.6.4 Pinterest for WooCommerce: by WooCommerce – 1.2.20 Slider Revolution: by ThemePunch – 6.6.12 Sold Out Badge for WooCommerce: by Charlie Etienne – 4.3.6 TikTok: by TikTok – 1.0.16 ThemeREX Updater: by ThemeREX – 2.0.0 ThemeREX Utilities: by ThemeREX – 3.2.6 White Label CMS: by www.videousermanuals.com – 2.5 Preview E-mails for WooCommerce: by Digamber Pradhan – 2.1.1 WooCommerce Payments: by Automattic – 5.7.0 (update to version 5.8.0 is available) WooCommerce: by Automattic – 7.6.0 (update to version 7.6.1 is available) WP File Manager: by mndpsingh287 – 7.1.8 Cookie Information | Free WP GDPR Consent Plugin: by Cookie Information – 2.0.22 YITH WooCommerce Catalog Mode: by YITH – 2.21.0 Zapier for WordPress: by Zapier – 1.0.4 Inactive Plugins (2) Akismet Anti-Spam: by Automattic – 5.1 Booked: by Boxy Studio – 2.4.3 Must Use Plugins (2) LC Helper: by LeadConnector – 1.0.4 LC Security: by LeadConnector – 1.0.0 Settings API Enabled: ?</img> Force SSL: – Currency: USD ($) Currency Position: left Thousand Separator: , Decimal Separator: . Number of Decimals: 2 Taxonomies: Product Types: external (external) grouped (grouped) simple (simple) subscription (subscription) variable (variable) variable subscription (variable-subscription) Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog) exclude-from-search (exclude-from-search) featured (featured) outofstock (outofstock) rated-1 (rated-1) rated-2 (rated-2) rated-3 (rated-3) rated-4 (rated-4) rated-5 (rated-5) Connected to WooCommerce.com: – Enforce Approved Product Download Directories: ?</img> Order datastore: WC_Order_Data_Store_CPT WC Pages Shop base: #145 - /shop/ Cart: #417 - /cart/ Checkout: #419 - /checkout/ My account: #864 - /my-account/ Terms and conditions: ?</img> Page not set Theme Name: Pets Grooming Version: 1.2.5 Author URL: https://axiomthemes.com/ Child Theme: ?</img> – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme WooCommerce Support: ?</img> Templates Overrides: – Subscriptions WCS_DEBUG: ?</img> No Subscriptions Mode: ?</img> Live Subscriptions Live URL: https://[hiddenforprivacy].com Subscriptions-core Library Version: 5.5.0 Subscription Statuses: – WooCommerce Account Connected: ?</img> No Store Setup Country / State: United States (US) — South Carolina Subscriptions by Payment Gateway Payment Gateway Support WooCommerce Payments: products refunds multiple_subscriptions subscription_cancellation subscription_payment_method_change_admin subscription_payment_method_change_customer subscription_payment_method_change subscription_reactivation subscription_suspension subscriptions gateway_scheduled_payments tokenization add_payment_method Admin Enabled Features: activity-panels analytics coupons customer-effort-score-tracks import-products-task experimental-fashion-sample-products shipping-smart-defaults shipping-setting-tour homescreen marketing multichannel-marketing mobile-app-banner navigation onboarding onboarding-tasks remote-inbox-notifications remote-free-extensions payment-gateway-suggestions shipping-label-banner subscriptions store-alerts transient-notices woo-mobile-welcome wc-pay-promotion wc-pay-welcome-page Disabled Features: block-editor-feature-enabled minified-js new-product-management-experience product-variation-management settings Daily Cron: ?</img> Next scheduled: 2023-04-29 20:10:18 +00:00 Options: ?</img> Notes: 69 Onboarding: completed WooCommerce Payments Version: 5.7.0 Connected to WPCOM: Yes Blog ID: 216257196 Account ID: [hiddenforprivacy] Action Scheduler Canceled: 6 Oldest: 2023-04-07 22:13:51 +0000 Newest: 2023-04-28 20:54:54 +0000 Complete: 787 Oldest: 2023-03-28 21:45:52 +0000 Newest: 2023-04-28 20:55:01 +0000 Failed: 7 Oldest: 2023-02-17 21:43:53 +0000 Newest: 2023-04-17 10:56:24 +0000 Pending: 5 Oldest: 2023-04-28 21:01:07 +0000 Newest: 2023-04-29 09:27:23 +0000 Status report information Generated at: 2023-04-28 20:56:48 +00:00 `
Thank you VERY MUCH for helping with this.
- This reply was modified 1 year, 6 months ago by thatsgame1.
Thank you for sharing the report!
Aside from updating WooCommerce and WordPress, things look healthy so far. You can check this guide on how to update WooCommerce properly.Since the email appears to work properly in email clients, it’s possible that the issue may be related to your browser. Have you tried to access the email using Firefox or Safari?
Additionally, please disable all extensions in Google Chrome and clear your browser’s cache to see if that resolves the issue.
Let us know how it goes!It’s definitely not just me. Sorry, I should have mentioned that earlier. Do you think we could arrange you to make a test payment to see what I’m referring too? I could put site in test mode to process a test payment so you can see for yourself. thatsgame1 at gmail dot com
Hi,
Sorry to hear that the issue persists.
You can allow the BACS payment method on your site, https://woocommerce.com/document/bacs/ and provide us a product link, that way we can test the behavior once we get the order emails.
Once your WordPress version is updated, can you please check if the issue persists?
Can you switch the site theme temporarily to Storefront, and then disable all plugins except WooCommerce? At this point, please create a test order to see if the issue persists. If not, it means a conflict was affecting the site, and you can then switch back your theme to the original one, and then reactivate the rest of the plugins (checking again after each plugin reactivation), until you find the culprit. You can find a more detailed explanation on how to do a conflict test here.
Let us know if you have any questions.
WooCommerce updated, enabled BACS, and here is a product.
I have tried using that theme but have not tried while also disabling all the plugins. I can try that soon. Will also update WordPress verison.
With updated WordPress and WooCommerce it’s still a problem.
View post on imgur.com
I changed to Storefront theme, deactivated all plugins except
and this one which sends the emails.
And still no luck.
Hi @thatsgame1 ,
I have gone to your site and placed a test order on the product you shared (please disregard this order):
I am able to see what you mean, as these are my results after receiving the order email:
Gmail on web browser:
Apple Mail client:
Much like @babylon1999 , I am unable to reproduce this issue on my end, as the emails received are formatted correctly.
It’s possible that this may be the cause of the Mail Beam plugin, can you try temporarily disabling this and see if this resolves the issue?
You can try temporarily using an alternative SMTP provider and see if this helps. The support guide below provides some suggested providers:
Let us know how this goes!
YOU NAILED IT! I deactivated Mail Beam. Then installed and configured WP Mail SMTP Lite with SendinBlue and it works very nicely now.
THANK YOU SO MUCH!!!!Hi @thatsgame1
You are most welcome and we’re glad that worked! ??
I will be marking this thread as resolved. Should you have further inquiries, kindly create a new topic here.
Meanwhile, if you have a moment to spare, we would love it if you could share your thoughts with us by leaving a review or feedback. Your experience and feedback are important to help us improve and ensure we’re always providing the best possible support.
Thanks!
- The topic ‘Invoice Format in Outlook thick-client vs Gmail (web-based) client’ is closed to new replies.