Plugin support for mobile view

Hi,

Thank you for bringing us your issue.

The free version of this plugin has not been updated in the last two months. Could you please let us know which email server you sent the email and encounter this error? https://i.postimg.cc/7YcBwtKJ/Whats-App-Image-2024-08-20-at-9-13-35-PM.jpg

Best regards.

I use my domin email [email protected], and the receiver usually Gmail
the mobile view problem started on 29 Jun 2024

Hi,

Please use the export and import template feature: https://ibb.co/LkB7Kpq, share with us this template, we will import it and check this issue on our end. You can contact us on our support forum.

Best regards.

{“style_container”:{“background-color”:”#f2f2f2″,”background-image”:”none”},”rows”:{“0”:{“props”:{“style_outer”:{“padding”:”15px 35px”,”background-image”:”none”,”background-color”:”#162447″,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”transparent”,”width”:”600px”},”type”:”layout/grid1cols”,”dataCols”:”1″},”cols”:{“0”:{“props”:{“style”:{“padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”530px”}},”elements”:{“0”:{“type”:”html/image”,”style”:{“width”:”530px”,”text-align”:”center”,”padding”:”0px”,”background-image”:”none”},”content”:{},”attrs”:{“src”:”{_site_url}/wp-content/uploads/2023/08/logo-white.png”,”data-href”:””,”data-alt”:””},”childStyle”:{“img”:{“width”:”150px”}}}}}}},”1″:{“props”:{“style_outer”:{“padding”:”45px 35px”,”background-image”:”none”,”background-color”:”#f9f9f9″,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”600px”},”type”:”layout/grid1cols”,”dataCols”:”1″},”cols”:{“0”:{“props”:{“style”:{“padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”530px”}},”elements”:{“0”:{“type”:”html/image”,”style”:{“width”:”530px”,”text-align”:”center”,”padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”},”content”:{},”attrs”:{“src”:”{_site_url}/wp-content/plugins/email-template-customizer-for-woo/assets/img/icon-cart-dark-blue-200×200-1.png”,”data-href”:””,”data-alt”:””},”childStyle”:{“img”:{“width”:”100px”}}},”1″:{“type”:”html/text”,”style”:{“width”:”530px”,”line-height”:”30px”,”background-image”:”none”,”background-color”:”transparent”,”padding”:”35px 0px 0px”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″},”content”:{“text”:”
??? ???? ?? {customer_name}
“},”attrs”:{},”childStyle”:{}},”2″:{“type”:”html/text”,”style”:{“width”:”530px”,”line-height”:”30px”,”background-image”:”none”,”background-color”:”transparent”,”padding”:”10px 0px 0px”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″},”content”:{“text”:”??? ?????: #{order_number} – ????????: {order_total}
“},”attrs”:{},”childStyle”:{}}}}}},”2″:{“props”:{“style_outer”:{“padding”:”25px 35px”,”background-image”:”none”,”background-color”:”#ffffff”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”600px”},”type”:”layout/grid1cols”,”dataCols”:”1″},”cols”:{“0”:{“props”:{“style”:{“padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”530px”}},”elements”:{“0”:{“type”:”html/order_detail”,”style”:{“width”:”530px”,”padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”},”content”:{“quantity”:”??????:”},”attrs”:{“data-template”:”3″,”show_sku”:”true”,”remove_product_link”:”false”},”childStyle”:{“.viwec-item-row”:{“border-width”:”0px”,”border-color”:”#808080″},”.viwec-product-img”:{“width”:”130px”},”.viwec-product-distance”:{“padding”:”10px 0px 0px”},”.viwec-product-name”:{“font-size”:”15px”,”font-weight”:”400″,”color”:”#3c434a”,”line-height”:”18.2px”},”.viwec-text-price”:{},”.viwec-item-style-1″:{},”.viwec-product-price”:{“font-size”:”15px”,”font-weight”:”400″,”color”:”#3c434a”,”line-height”:”18.2px”},”.viwec-product-quantity”:{“font-size”:”15px”,”font-weight”:”400″,”color”:”#3c434a”,”line-height”:”18.2px”}}},”1″:{“type”:”html/divider”,”style”:{“width”:”530px”,”padding”:”25px 0px 0px”,”background-image”:”none”,”background-color”:”transparent”},”content”:{},”attrs”:{},”childStyle”:{“hr”:{“border-top-color”:”#f9f9f9″,”border-top-width”:”10px”}}}}}}},”3″:{“props”:{“style_outer”:{“padding”:”0px 35px”,”background-image”:”none”,”background-color”:”#ffffff”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”600px”},”type”:”layout/grid2cols”,”dataCols”:”2″},”cols”:{“0”:{“props”:{“style”:{“padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”265px”}},”elements”:{“0”:{“type”:”html/text”,”style”:{“width”:”265px”,”line-height”:”24px”,”background-image”:”none”,”padding”:”0px”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″},”content”:{“text”:”????? ?????:?{payment_method}
“},”attrs”:{},”childStyle”:{}},”1″:{“type”:”html/text”,”style”:{“width”:”265px”,”line-height”:”24px”,”background-image”:”none”,”padding”:”0px”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″},”content”:{“text”:”????? ?????:?{shipping_method}
“},”attrs”:{},”childStyle”:{}},”2″:{“type”:”html/text”,”style”:{“width”:”265px”,”line-height”:”24px”,”background-image”:”none”,”padding”:”0px”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″},”content”:{“text”:”??????? ?????:?{customer_note}
“},”attrs”:{},”childStyle”:{}}}},”1″:{“props”:{“style”:{“padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”265px”}},”elements”:{“0”:{“type”:”html/order_subtotal”,”style”:{“width”:”265px”,”font-size”:”16px”,”font-weight”:”300″,”color”:”#444444″,”line-height”:”24px”,”padding”:”0px”,”background-image”:”none”},”content”:{“subtotal”:”????? ????????”,”discount”:”?????”,”shipping”:”?????”,”refund-full”:”???????? ????”,”refund-part”:”???????? ?????”},”attrs”:{},”childStyle”:{“.viwec-td-right”:{“width”:”30%”,”text-align”:”center”},”.viwec-td-left”:{“text-align”:”right”},”.viwec-order-subtotal-style”:{“border-width”:”0px”,”border-color”:”#444444″,”padding”:”0px”}}},”1″:{“type”:”html/order_total”,”style”:{“width”:”265px”,”font-size”:”20px”,”font-weight”:”400″,”color”:”#444444″,”line-height”:”30px”,”background-image”:”none”,”padding”:”0px”},”content”:{“order_total”:”?????? ?????”},”attrs”:{},”childStyle”:{“.viwec-td-right”:{“width”:”37%”,”text-align”:”center”},”.viwec-td-left”:{“text-align”:”right”},”.viwec-order-total-style”:{“border-width”:”0px”,”border-color”:”#444444″,”padding”:”0px”}}}}}}},”4″:{“props”:{“style_outer”:{“padding”:”0px 35px 25px”,”background-image”:”none”,”background-color”:”#ffffff”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”600px”},”type”:”layout/grid2cols”,”dataCols”:”2″},”cols”:{“0”:{“props”:{“style”:{“padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”265px”}},”elements”:{“0”:{“type”:”html/text”,”style”:{“width”:”265px”,”line-height”:”22px”,”background-image”:”none”,”padding”:”25px 0px 0px”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″},”content”:{“text”:”????? ????????
“},”attrs”:{},”childStyle”:{}},”1″:{“type”:”html/billing_address”,”style”:{“width”:”265px”,”font-size”:”15px”,”font-weight”:”300″,”color”:”#444444″,”line-height”:”22px”,”text-align”:”start”,”padding”:”20px 0px 0px”,”background-image”:”none”},”content”:{},”attrs”:{},”childStyle”:{}}}},”1″:{“props”:{“style”:{“padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”265px”}},”elements”:{“0”:{“type”:”html/text”,”style”:{“width”:”265px”,”line-height”:”22px”,”background-image”:”none”,”padding”:”25px 0px 0px”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″},”content”:{“text”:”????? ?????
“},”attrs”:{},”childStyle”:{}},”1″:{“type”:”html/shipping_address”,”style”:{“width”:”265px”,”font-size”:”15px”,”font-weight”:”300″,”color”:”#444444″,”line-height”:”22px”,”text-align”:”start”,”padding”:”20px 0px 0px”,”background-image”:”none”},”content”:{},”attrs”:{},”childStyle”:{}}}}}},”5″:{“props”:{“style_outer”:{“padding”:”25px 35px”,”background-image”:”none”,”background-color”:”#162447″,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”600px”},”type”:”layout/grid1cols”,”dataCols”:”1″},”cols”:{“0”:{“props”:{“style”:{“padding”:”0px”,”background-image”:”none”,”background-color”:”transparent”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#444444″,”width”:”530px”}},”elements”:{“0”:{“type”:”html/social”,”style”:{“width”:”530px”,”text-align”:”center”,”padding”:”0px”,”background-image”:”none”},”content”:{},”attrs”:{“facebook”:”{_site_url}/wp-content/plugins/email-template-customizer-for-woo/assets/img/fb-blue-white.png”,”facebook_url”:””,”twitter”:”{_site_url}/wp-content/plugins/email-template-customizer-for-woo/assets/img/twi-cyan-white.png”,”twitter_url”:””,”instagram”:”{_site_url}/wp-content/plugins/email-template-customizer-for-woo/assets/img/ins-color-white.png”,”instagram_url”:”https://www.instagram.com/laris.omani”,”youtube”:”{_site_url}/wp-content/plugins/email-template-customizer-for-woo/assets/img/yt-color-white.png”,”youtube_url”:””,”linkedin”:”{_site_url}/wp-content/plugins/email-template-customizer-for-woo/assets/img/li-color-white.png”,”linkedin_url”:””,”whatsapp”:”{_site_url}/wp-content/plugins/email-template-customizer-for-woo/assets/img/wa-color-white.png”,”whatsapp_url”:”https://wa.me/96897791125″,”telegram”:”{_site_url}/wp-content/plugins/email-template-customizer-for-woo/assets/img/tele-color-white.png”,”telegram_url”:””,”tiktok”:”{_site_url}/wp-content/plugins/email-template-customizer-for-woo/assets/img/tiktok-color-white.png”,”tiktok_url”:”https://www.tiktok.com/@laris.oman”,”direction”:””,”data-width”:”32″},”childStyle”:{}},”1″:{“type”:”html/text”,”style”:{“width”:”530px”,”line-height”:”22px”,”background-image”:”none”,”background-color”:”transparent”,”padding”:”20px 0px”,”border-left-width”:”0px”,”border-top-width”:”0px”,”border-right-width”:”0px”,”border-bottom-width”:”0px”,”border-radius”:”0px”,”border-color”:”#3c434a”},”content”:{“text”:”????? ??? ????? ??? ???? ????????? ?????? ??? ????? ??????? ?????????
\n???? ?????? ?????? ??? ??????????
“},”attrs”:{},”childStyle”:{}}}}}}}}

yes, mobile emails are bugged. For example when i send email when change order status like normal, in outlook font size more bigger, product image size very small, order details bugged. But if you send customizer test email with same info, all looks okey. So real emails bugged, test emails okey.

for me both are not perfect size

Can you attach a screenshot?

https://i.postimg.cc/RFpKM4XR/1.jpg

https://i.postimg.cc/GtBYtVf1/2.jpg

in mobile gmail also font size more bigger. Need optimize mobile view.

• This reply was modified 3 months ago by dowista.

If you are using Gmail app try this 2 steps and tell me if it solved

https://postimg.cc/3dxdHN0D

no that button in my gmail. Also think about customers, they dont press any buttons when get emails. And look how font are big.

https://i.postimg.cc/bwYCgHsS/IMG-20240824-085817.jpg

Can you redirect the email to me

[email protected]

I opened the email you sent me using both the iPhone Mail app and the Spark app. The fonts in both apps appear fine and are of normal size, but the email itself isn’t mobile-friendly. I’m not sure, but this issue might be related to the font size or screen size on your mobile device.

https://i.postimg.cc/SxWCwQkY/Whats-App-Image-2024-08-24-at-11-49-59-AM.jpg
https://i.postimg.cc/WpCZzq4J/Whats-App-Image-2024-08-24-at-11-50-00-AM.jpg
https://i.postimg.cc/sgRZ9F7j/Whats-App-Image-2024-08-24-at-11-50-00-AM-1.jpg
https://i.postimg.cc/P5zvS6Qm/Whats-App-Image-2024-08-24-at-11-50-00-AM-2.jpg

Yes, as you see images small and its not mobile friendly. I dont know what to do. Its best email customizer what i found, but its not mobile friendly, so probably i will leave default woocommerce emails.

https://i.postimg.cc/RFpKM4XR/1.jpg

In image first with test email looks good, but second with real email looks not good. I dont know how to fix, maybe need to search in plugin code where is mobile css or why test email looks good.

• This reply was modified 3 months ago by dowista.

Yes, it’s indeed the best email customizer I’ve found, but unfortunately, it’s not mobile-friendly. I even tried the PRO version and encountered the same issue. I hope they will release an update to fix this problem, as most customers shop using their phones, and they need a well-organized user interface.

Hi @skoty,

We have reviewed your template, and we can replicate your issue on our end, our team is working on it and respond to you as soon as possible. Kindly wait.

Hi @dowista

The email format may be interfered by the email server, and not keep the initial format. Could you export your email template, so we will review this issue on our end.

Best regards.

Hello @lavendervu2510 ,

i have tried add custom css in email template and its a little bit helped. Please try sent TEST and REAL, becouse it have difference:

@media (max-width: 479px) { table { width: 100%; } .viwec-responsive { width: 100% !important; } .viwec-responsive-center, .viwec-responsive-center p { text-align: center !important; } }

its my email template:

{"style_container":{"background-color":"#efefef","background-image":"none","width":600,"responsive":"479"},"rows":{"0":"2103","1":{"props":{"style_outer":{"padding":"15px 35px 0px","background-image":"none","background-color":"#b5f1db","border-color":"#444444","border-style":"solid","border-left-width":"0px","border-top-width":"0px","border-right-width":"0px","border-bottom-width":"0px","border-radius":"0px","width":"100%"},"type":"layout/grid1cols","dataCols":"1"},"cols":{"0":{"props":{"style":{"padding":"0px","background-image":"none","background-color":"transparent","border-color":"#444444","border-style":"solid","border-left-width":"0px","border-top-width":"0px","border-right-width":"0px","border-bottom-width":"0px","border-radius":"0px","width":"530px"}},"elements":{"0":{"type":"html/text","style":{"width":"530px","line-height":"30px","background-image":"none","padding":"35px 0px 0px","border-color":"#444444","border-style":"solid","border-left-width":"0px","border-top-width":"0px","border-right-width":"0px","border-bottom-width":"0px","border-radius":"0px"},"content":{"text":"
Labas, {first_name}
"},"attrs":{"data-center_on_mobile":"true"},"childStyle":{}},"1":{"type":"html/text","style":{"width":"530px","line-height":"30px","background-image":"none","padding":"10px 0px 0px","border-color":"#444444","border-style":"solid","border-left-width":"0px","border-top-width":"0px","border-right-width":"0px","border-bottom-width":"0px","border-radius":"0px"},"content":{"text":"A?iū, gavome Jūs? u?sakym? Nr. {order_number}. Informuosime Jus, kai gausime apmok?jim? ir prad?sime vykdyti u?sakym?.
"},"attrs":{"data-center_on_mobile":"true"},"childStyle":{}},"2":{"type":"html/button","style":{"width":"530px","font-size":"16px","font-weight":"400","font-family":"Helvetica, Arial, sans-serif","color":"#eeeeee","line-height":"45px","text-align":"center","padding":"35px 0px"},"content":{"text":"?IūR?TI U?SAKYM?"},"attrs":{"href":"{view_order_url}"},"childStyle":{"a":{"border-width":"0px","border-radius":"0px","border-color":"#eeeeee","border-style":"solid","background-color":"#e43f5a","width":"204px"}}}}}}},"2":{"props":{"style_outer":{"padding":"20px 35px 25px","background-image":"none","background-color":"#fbf3c5","border-color":"#0f0f0f","border-style":"solid","border-left-width":"0px","border-top-width":"0px","border-right-width":"0px","border-bottom-width":"0px","border-radius":"0px","width":"100%"},"type":"layout/grid1cols","dataCols":"1"},"cols":{"0":{"props":{"style":{"padding":"0px","background-image":"none","background-color":"transparent","border-color":"#444444","border-style":"solid","border-left-width":"0px","border-top-width":"0px","border-right-width":"0px","border-bottom-width":"0px","border-radius":"0px","width":"530px"}},"elements":{"0":{"type":"html/wc_hook","style":{"width":"530px"},"content":{},"attrs":{"data-wc-hook":"woocommerce_email_order_details"},"childStyle":{"h2":{"font-size":"20px","font-weight":"400","line-height":"22px","color":"#0f0f0f","padding":"10px 0px"},".td":{"font-size":"15px","line-height":"10px","padding":"12px 0px 8px"},".head.td":{"color":"#444444","border-color":"#e5e5e5","border-style":"dashed","border-left-width":"0px","border-top-width":"0px","border-right-width":"0px","border-bottom-width":"0px"},".body.td":{"color":"#444444","border-color":"#e5e5e5","border-style":"dashed","border-left-width":"0px","border-top-width":"0px","border-right-width":"0px","border-bottom-width":"0px"}}}}}}},"3":"2128","4":"2104"}}

• This reply was modified 3 months ago by dowista.