{"id":14962,"date":"2022-07-21T10:40:30","date_gmt":"2022-07-21T10:40:30","guid":{"rendered":"https:\/\/getdevdone.com\/blog\/?p=14962"},"modified":"2022-12-07T14:56:01","modified_gmt":"2022-12-07T14:56:01","slug":"fixing-issues-with-default-shopify-email-notifications","status":"publish","type":"post","link":"https:\/\/getdevdone.com\/blog\/fixing-issues-with-default-shopify-email-notifications.html","title":{"rendered":"What You Can Do to Fix Issues With the Default Shopify Email Notifications"},"content":{"rendered":"\n<p>These days, when someone wants to start selling online, they will most likely pick Shopify as the platform for running their eCommerce business. And there\u2019s a good reason for that.&nbsp;<\/p>\n\n\n\n<p>Shopify has everything an ambitious Internet merchant needs to succeed, such as collections of modern, engaging themes and powerful apps to automate almost any business task.&nbsp;<\/p>\n\n\n\n<p>In addition to many helpful features, the vendor also provides online sellers with a selection of <strong>email notification templates <\/strong>for all intents and purposes, such as Gift card, New order, Shipping confirmation, Order invoice, and lots of others.&nbsp;<\/p>\n\n\n\n<p>While we can certainly sing Shopify\u2019s praises for this generous present to store owners, the <strong>out-of-the-box notifications are far from perfect<\/strong>. They have some odd little quirks in different email clients and on different platforms, which may negatively impact your customers\u2019 loyalty and bring down the conversion rate.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-can-go-wrong-with-the-default-shopify-email-notifications-f4f9b9c3-a095-416b-95a1-c6f46b091ca9\">What Can Go Wrong With the Default Shopify Email Notifications&nbsp;<\/h2>\n\n\n\n<p>In various projects, we come across some unexpected bugs when working with the default Shopify notifications, and often have to put in a lot of effort trying to find out what has caused the problem. Here are some of the most common examples.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When viewed on a desktop computer in Microsoft Outlook, a default notification may have incorrect margins, as the screenshot below shows. You can also see that the link color inside the button has changed to the browser\u2019s default link color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094920\/wrong-margins-1024x503.png\" alt=\"\" class=\"wp-image-14993\" srcset=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094920\/wrong-margins-1024x503.png 1024w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094920\/wrong-margins-300x147.png 300w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094920\/wrong-margins-768x377.png 768w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094920\/wrong-margins-1536x755.png 1536w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094920\/wrong-margins-2048x1006.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When displayed on a desktop in Outlook, some textual content in a default Shopify notification gets concatenated, as you can see in this screenshot. Besides, text blocks lose their proper horizontal alignment and shift in relation to each other.<br><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103506\/wrong-alignment-1-1024x554.png\" alt=\"\" class=\"wp-image-15003\" srcset=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103506\/wrong-alignment-1-1024x554.png 1024w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103506\/wrong-alignment-1-300x162.png 300w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103506\/wrong-alignment-1-768x416.png 768w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103506\/wrong-alignment-1-1536x831.png 1536w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103506\/wrong-alignment-1-2048x1109.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When opened in Microsoft Outlook on desktop computers, buttons on notifications are not displayed correctly and their location doesn\u2019t match that in the original design.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103636\/button-problem-1-1024x1024.png\" alt=\"\" class=\"wp-image-15004\" srcset=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103636\/button-problem-1-1024x1024.png 1024w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103636\/button-problem-1-300x300.png 300w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103636\/button-problem-1-150x150.png 150w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103636\/button-problem-1-768x767.png 768w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103636\/button-problem-1-1536x1534.png 1536w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103636\/button-problem-1-50x50.png 50w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103636\/button-problem-1-120x120.png 120w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21103636\/button-problem-1.png 1620w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-can-go-wrong-with-the-default-shopify-email-notifications-f4f9b9c3-a095-416b-95a1-c6f46b091ca9\">How You Can Fix the Issues With the Default Shopify Email Notifications&nbsp;<\/h2>\n\n\n\n<p>Since email notifications are an extremely important part of client communication, you should do your best to ensure that they display flawlessly regardless of the platform or email client your customers favor.&nbsp;<\/p>\n\n\n\n<p>But there are a host of email clients and all kinds of devices and operating systems. How can you rise to this seemingly insurmountable challenge?&nbsp;<\/p>\n\n\n\n<p>You could certainly try to fix the problem yourself. But that would mean looking under the hood and changing the faulty template\u2019s code. If you\u2019ve had no previous experience with web technologies, that may take a considerable amount of time, which you could otherwise spend on something more useful for your business.&nbsp;<\/p>\n\n\n\n<p>A much wiser approach is to hire professional developers like the <a href=\"https:\/\/getdevdone.com\/order-now\/html-email-development\/templates.html\" target=\"_blank\" rel=\"noreferrer noopener\">GetDevDone team<\/a> and forget about these hassles once and for all.&nbsp;<\/p>\n\n\n\n<p>We craft <strong><a href=\"https:\/\/getdevdone.com\/shopify-email-templates-development.html\" target=\"_blank\" rel=\"noopener\" title=\"\">custom Shopify email notification templates<\/a> <\/strong>that are:\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Designed in your <strong>unique brand style.<\/strong><\/li>\n\n\n\n<li><strong>Cross-platform, cross-browser, and cross-client compatible. <\/strong>We achieve this by testing our templates on 12+ physical devices and across all major operating systems (Windows, MacOS, Linux), browsers (Mozilla Firefox, Google Chrome, Safari, Microsoft Edge, Opera, etc.), and email clients (Microsoft Outlook, Gmail, Windows Mail, Thunderbird, etc.).&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>The list of notifications you can order from us includes:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Abandoned cart<\/li>\n\n\n\n<li>Account invite<\/li>\n\n\n\n<li>Account password reset<\/li>\n\n\n\n<li>Account welcome<\/li>\n\n\n\n<li>Contact customer<\/li>\n\n\n\n<li>Gift card<\/li>\n\n\n\n<li>New order<\/li>\n\n\n\n<li>Order canceled<\/li>\n\n\n\n<li>Order confirmation<\/li>\n\n\n\n<li>Order invoice<\/li>\n\n\n\n<li>Order refund<\/li>\n\n\n\n<li>Shipping confirmation<\/li>\n\n\n\n<li>Shipping delivered<\/li>\n\n\n\n<li>Shipping delivery out<\/li>\n\n\n\n<li>Shipping update<\/li>\n<\/ul>\n\n\n\n<p>Need another type of notification? Just give us the text and we\u2019ll do the rest.&nbsp;<\/p>\n\n\n\n<p>So why wait? <a href=\"https:\/\/getdevdone.com\/contact-us.html\" target=\"_blank\" rel=\"noreferrer noopener\">Reach out<\/a> to us today and get high-quality, branded Shopify email notifications that will bring you more loyal customers and conversions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shopify provides online merchants with a selection of email notification templates. Unfortunately, these notifications are not free from quirks when displayed on certain platforms and email clients. Read this post to learn what you can do to fix those issues and how GetDevDone can help you achieve the best result. <\/p>\n","protected":false},"author":4,"featured_media":14986,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[744,754],"tags":[783,825,766,847,810,857],"class_list":["post-14962","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-best-practices","category-shopify-development","tag-email-development","tag-html-css","tag-qa-testing","tag-retail","tag-shopify","tag-troubleshooting"],"acf":[],"aioseo_notices":[],"author_meta":{"display_name":"Dmytro Mashchenko","author_link":"https:\/\/getdevdone.com\/blog\/author\/dima"},"featured_img":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094230\/Intro-preview-300x300.png","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/getdevdone.com\/blog\/category\/best-practices\" class=\"advgb-post-tax-term\">Best practices<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">Shopify development<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Best practices<\/span>","<span class=\"advgb-post-tax-term\">Shopify development<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">Email development<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">HTML &amp; CSS<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">QA &amp; testing<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">Retail<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">Shopify<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/shopify-development\" class=\"advgb-post-tax-term\">Troubleshooting<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Email development<\/span>","<span class=\"advgb-post-tax-term\">HTML &amp; CSS<\/span>","<span class=\"advgb-post-tax-term\">QA &amp; testing<\/span>","<span class=\"advgb-post-tax-term\">Retail<\/span>","<span class=\"advgb-post-tax-term\">Shopify<\/span>","<span class=\"advgb-post-tax-term\">Troubleshooting<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 4 years ago","modified":"Updated 3 years ago"},"absolute_dates":{"created":"Posted on July 21, 2022","modified":"Updated on December 7, 2022"},"absolute_dates_time":{"created":"Posted on July 21, 2022 10:40 am","modified":"Updated on December 7, 2022 2:56 pm"},"featured_img_caption":"","series_order":"","featured_image_urls":{"thumbnail_723x315":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094230\/Intro-preview-400x315.png","thumbnail_723x315-2x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094230\/Intro-preview.png","thumbnail_723x315-3x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094230\/Intro-preview.png","thumbnail_770x510":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094230\/Intro-preview.png","thumbnail_770x510-2x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094230\/Intro-preview.png","thumbnail_770x510-3x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/07\/21094230\/Intro-preview.png"},"featured_post_color":"#25bfb3","author_avatar":"https:\/\/secure.gravatar.com\/avatar\/97bd036a871c68c70de0956108719ad9489849769ee15e25e0bee81f3bdd7286?s=96&d=mm&r=g","author_position":"CEO of GetDevDone","reading_time":"<span class=\"span-reading-time rt-reading-time\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">min read<\/span><\/span>","prev_post":{"slug":"email-signatures-best-practices","name":"Email Signatures: Best Practices to Impress Your Recipients"},"next_post":{"slug":"webflow-vs-elementor","name":"Webflow vs Elementor: Which Is Better for Building Your Website?"},"related_posts":["main-reasons-to-hire-a-shopify-developer-for-your-online-store","wordpress-front-end-development-best-practices-and-common-mistakes","3-mistakes-to-avoid-when-building-animated-html5-banners"],"_links":{"self":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/14962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/comments?post=14962"}],"version-history":[{"count":27,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/14962\/revisions"}],"predecessor-version":[{"id":24649,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/14962\/revisions\/24649"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/media\/14986"}],"wp:attachment":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/media?parent=14962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/categories?post=14962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/tags?post=14962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}