{
    "componentChunkName": "component---src-templates-blog-posts-jsx",
    "path": "/blog/category/shopify-development/",
    "result": {"pageContext":{"postsPerPage":6,"categories":[{"id":"dGVybTox","name":"General Articles","slug":"general-articles","count":131},{"id":"dGVybToyMTc=","name":"Shopify","slug":"shopify","count":5},{"id":"dGVybToyMjE=","name":"Shopify Development","slug":"shopify-development","count":4}],"pagesCount":1,"currentPage":1,"categoryOriginPath":"/blog/category/shopify-development","pageHeader":{"background":null,"backgroundOpacity":1,"color":null,"fieldGroupName":"page_header","title":"Latest Articles: Stay Informed","opacity":1,"position":"on","size":{"desktop":64,"tablet":48,"mobile":32},"spaces":{"top":null,"bottom":null,"leftright":null,"units":"em"}},"posts":[{"id":"cG9zdDo1NjIx","title":"Gain is the new Top Shopify Theme.","date":"26.05.2023","slug":"gain-is-the-new-top-shopify-theme","categories":{"nodes":[{"id":"dGVybTox","name":"General Articles"},{"id":"dGVybToyMTc=","name":"Shopify"},{"id":"dGVybToyMjE=","name":"Shopify Development"}]},"levels":{"nodes":[]},"acfPost":{"fieldGroupName":"acfPost","excerpt":"Bringing to your attention a beautiful, fully customizable, and modern premium Shopify Theme. Our company has been developing Theme, Storefront, and Shopify apps for over 10 years. We put all of our knowledge, research, and innovation from the eCommerce world into this beautiful, fast, mobile-first Theme and named it Gain. It's not just a name, it's what our Theme Gain was created for. We've incorporated all the research into it from the psychology of user behavior, focused specifically on increasing average check value, increasing conversion rates, cross-selling, and up-selling, and conducted hundreds of A and B tests to achieve the best results.","squaredImage":{"altText":"Gain is the new Top Shopify Theme.","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/231abedb7d6bbb9bb987ff8ee4ed083c/2dd76/1683901684117.png","srcSet":"/static/231abedb7d6bbb9bb987ff8ee4ed083c/2dd76/1683901684117.png 576w","sizes":"100vw"},"sources":[{"srcSet":"/static/231abedb7d6bbb9bb987ff8ee4ed083c/1fde5/1683901684117.webp 576w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1.25}}}},"metaData":{"title":null,"description":"Discover Gain, the fully customizable and modern premium Shopify Theme designed to boost your online store's performance. Increase conversion rates, average check value, and sales with Gain's user behavior psychology-based features. Try Gain for free and enjoy cross-browser and cross-platform compatibility"},"banner":{"title":"Gain is the new Top Shopify Theme.","showTitle":true,"image":{"altText":"Gain is the new Top Shopify Theme.","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/231abedb7d6bbb9bb987ff8ee4ed083c/2dd76/1683901684117.png","srcSet":"/static/231abedb7d6bbb9bb987ff8ee4ed083c/2dd76/1683901684117.png 576w","sizes":"100vw"},"sources":[{"srcSet":"/static/231abedb7d6bbb9bb987ff8ee4ed083c/1fde5/1683901684117.webp 576w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":1.25}}}}},"timeToRead":null,"sections":[{"fieldGroupName":"post_Acfpost_Sections_ArticleRichTextContent","content":"<h2 class=\"reader-text-block__heading1\">More About Gain</h2>\n<p class=\"reader-text-block__paragraph\">Bringing to your attention a beautiful, fully customizable, and modern premium Shopify Theme. Our company has been developing Theme, Storefront, and Shopify apps for over 10 years. We put all of our knowledge, research, and innovation from the eCommerce world into this beautiful, fast, mobile-first Theme and named it Gain. It&#8217;s not just a name, it&#8217;s what our Theme Gain was created for. We&#8217;ve incorporated all the research into it from the psychology of user behavior, focused specifically on increasing average check value, increasing conversion rates, cross-selling, and up-selling, and conducted hundreds of A and B tests to achieve the best results.</p>\n<p class=\"reader-text-block__paragraph\"><a href=\"/theme-support/\">Gain</a>: <a href=\"https://themes.shopify.com/themes/gain/styles/mio\"><strong>Try for Free</strong></a></p>\n<h2 class=\"reader-text-block__heading1\">Crossbrowser and Crossplatform:</h2>\n<p class=\"reader-text-block__paragraph\">By using Theme Gain you are already on your way to success as our product has passed numerous levels of validation and testing on all devices, browsers, and operating systems.</p>\n<h2 class=\"reader-text-block__heading1\">Manual</h2>\n<p class=\"reader-text-block__paragraph\">At this link, you will find a detailed manual for all the sections and pages of our topic. The manual contains information for both customers and documentation for developers: <a href=\"/shopify-themes/gain/manual/\">Manual</a></p>\n<h2 class=\"reader-text-block__heading1\">ADA compliant</h2>\n<p class=\"reader-text-block__paragraph\">We have been attentive to users with disabilities and they will not feel the slightest inconvenience when using your shop. By doing so, we have shielded your company from litigation from dissatisfied disabled users. It was made according to the following criteria A11y (A and AA levels)</p>\n<h2 class=\"reader-text-block__heading1\">Gain Theme Features</h2>\n<p class=\"reader-text-block__paragraph\">Our Theme has over 30 unique sections with over 100 000 000 total dynamism and variability &#8211; and we are not stopping there, we are constantly introducing new functionality. We provide you with a Premium Theme as well as a Premium support team, we don&#8217;t rest on our laurels but continue to research the market and create new features that can increase your sales. We can also help you save a lot of money on applications, as we have implemented many must-have features for an e-commerce shop. Our motto when creating the Gain theme was and still is: &#8220;Full dynamism and customization without developer input &#8211; the shop administrator can customize any desired style without a line of code&#8221;. All this is thanks to clean and maintainable code, thoughtful architecture, and deliberate decisions by our team of experts.</p>\n<h2 class=\"reader-text-block__heading1\"></h2>\n<h2 class=\"reader-text-block__heading1\"><strong>Benefits</strong></h2>\n<h3 class=\"reader-text-block__heading2\">Free support</h3>\n<p class=\"reader-text-block__paragraph\">Get fast and personalized world-class support from our experienced customer team, as well as access to regularly updated detailed documentation.</p>\n<h3 class=\"reader-text-block__heading2\">Sections everywhere</h3>\n<p class=\"reader-text-block__paragraph\">Easily customize your theme with our 25+ drag-and-drop sections. Our minimalist approach to design leaves you plenty of room to add your signature style, with little to no code.</p>\n<h3 class=\"reader-text-block__heading2\">Unlimited free trials</h3>\n<p class=\"reader-text-block__paragraph\">Try our theme for free with your own products, brand colors, and customizations before committing to buying. Only pay if you publish the theme to your store.</p>\n<h3 class=\"reader-text-block__heading2\">Choose from 3 presets</h3>\n<p class=\"reader-text-block__paragraph\">Create your very own design using one of our free pre-designed preset styles as your springboard. Pick a preset, then start customizing the one you like best to fit your brand perfectly.</p>\n<h3 class=\"reader-text-block__heading2\">Built for conversion</h3>\n<p class=\"reader-text-block__paragraph\">Our designs only use the most proven patterns for conversion and longevity.</p>\n<h3 class=\"reader-text-block__heading2\">Non-expiring license</h3>\n<p class=\"reader-text-block__paragraph\">Your payment entitles you to use the theme on a single store and keep it as long as you like.</p>\n<h3 class=\"reader-text-block__heading2\">Mobile-first</h3>\n<p class=\"reader-text-block__paragraph\">Just like your customers. Fast, compact, and thumb-friendly design. Our themes deliver the best mobile experience.</p>\n<h3 class=\"reader-text-block__heading2\">Speed optimized</h3>\n<p class=\"reader-text-block__paragraph\">Our lightning-fast themes meet Shopify’s high performance standards. Created with modern browsers and mobile devices in mind, they use less code to ensure fast loading pages and a faster shopping experience—all without compromising on style or features.</p>\n<h2 class=\"reader-text-block__heading1\"></h2>\n<h2 class=\"reader-text-block__heading1\"><strong>Standard sections</strong></h2>\n<h3 class=\"reader-text-block__heading2\">Marketing &amp; conversion</h3>\n<p class=\"reader-text-block__paragraph\">Blogs</p>\n<p class=\"reader-text-block__paragraph\">Customizable contact form</p>\n<p class=\"reader-text-block__paragraph\">FAQ page</p>\n<p class=\"reader-text-block__paragraph\">Product badges</p>\n<p class=\"reader-text-block__paragraph\">Product reviews</p>\n<p class=\"reader-text-block__paragraph\">Promo banners</p>\n<p class=\"reader-text-block__paragraph\">Promo popups</p>\n<p class=\"reader-text-block__paragraph\">Promo tiles</p>\n<p class=\"reader-text-block__paragraph\">Quick view</p>\n<p class=\"reader-text-block__paragraph\">Recommended products</p>\n<p class=\"reader-text-block__paragraph\">You might also like</p>\n<p class=\"reader-text-block__paragraph\">Stock counter</p>\n<p class=\"reader-text-block__paragraph\">Store locator</p>\n<p class=\"reader-text-block__paragraph\">Image row</p>\n<p class=\"reader-text-block__paragraph\">Ticker</p>\n<p class=\"reader-text-block__paragraph\">Gift card</p>\n<h3 class=\"reader-text-block__heading2\">Merchandising</h3>\n<p class=\"reader-text-block__paragraph\">Animation</p>\n<p class=\"reader-text-block__paragraph\">Color swatches</p>\n<p class=\"reader-text-block__paragraph\">High-resolution images</p>\n<p class=\"reader-text-block__paragraph\">Image galleries</p>\n<p class=\"reader-text-block__paragraph\">Image rollover</p>\n<p class=\"reader-text-block__paragraph\">Image zoom</p>\n<p class=\"reader-text-block__paragraph\">Shoop the look</p>\n<p class=\"reader-text-block__paragraph\">Product options</p>\n<p class=\"reader-text-block__paragraph\">Product tabs</p>\n<p class=\"reader-text-block__paragraph\">Product videos</p>\n<p class=\"reader-text-block__paragraph\">Shipping/delivery information</p>\n<p class=\"reader-text-block__paragraph\">Size guide</p>\n<p class=\"reader-text-block__paragraph\">Slideshow</p>\n<h3 class=\"reader-text-block__heading2\">Product discovery</h3>\n<p class=\"reader-text-block__paragraph\">Breadcrumbs</p>\n<p class=\"reader-text-block__paragraph\">Collection page navigation</p>\n<p class=\"reader-text-block__paragraph\">Enhanced search</p>\n<p class=\"reader-text-block__paragraph\">Mega menu</p>\n<p class=\"reader-text-block__paragraph\">Drop down menu</p>\n<p class=\"reader-text-block__paragraph\">Product filtering and sorting</p>\n<p class=\"reader-text-block__paragraph\">Recommended products</p>\n<p class=\"reader-text-block__paragraph\">Mega menu media</p>\n<p class=\"reader-text-block__paragraph\">Sticky header</p>\n<h3 class=\"reader-text-block__heading2\">Cart &amp; checkout</h3>\n<p class=\"reader-text-block__paragraph\">Cart notes</p>\n<p class=\"reader-text-block__paragraph\">In-store pickups</p>\n<p class=\"reader-text-block__paragraph\">Quick buy</p>\n<p class=\"reader-text-block__paragraph\">Cart notification</p>\n<p class=\"reader-text-block__paragraph\">Slide-out cart</p>\n<p class=\"reader-text-block__paragraph\">Cart page</p>\n<h2 class=\"reader-text-block__heading1\"><strong>For developers</strong></h2>\n<h3 class=\"reader-text-block__heading2\">Custom events</h3>\n<p class=\"reader-text-block__paragraph\">With exposed events and a standalone file for custom scripts, you can start adding functionality to the theme without editing any unfamiliar javascript files.</p>\n<h3 class=\"reader-text-block__heading2\">Custom Liquid</h3>\n<p class=\"reader-text-block__paragraph\">The Custom Liquid Section lets you add a custom drag-and-drop section using Liquid code directly in the theme editor on any page.</p>\n<h3 class=\"reader-text-block__heading2\">Editable JS</h3>\n<p class=\"reader-text-block__paragraph\">Gain comes with the original classic build file if you need to make edits to the theme Javascript.</p>\n<h3 class=\"reader-text-block__heading2\">App Extension Compatible</h3>\n<p class=\"reader-text-block__paragraph\">Theme app extensions allow merchants to easily add dynamic elements to their themes without having to interact with Liquid templates or code.</p>\n<h2 class=\"reader-text-block__heading1\"><strong>Documentation</strong></h2>\n<h3 class=\"reader-text-block__heading2\">1.0.0: <strong>Version</strong></h3>\n<h3 class=\"reader-text-block__heading2\">May 2023: Released</h3>\n<h3 class=\"reader-text-block__heading2\">Support: <a href=\"/theme-support/\">Gain</a></h3>\n"}]},"page_header":{"background":null,"backgroundOpacity":100,"color":null,"fieldGroupName":"page_header","title":"Introducing Gain: Top Theme","opacity":100,"position":"on","size":{"desktop":64,"tablet":null,"mobile":null},"spaces":{"top":null,"bottom":null,"leftright":null,"units":"em"}},"link":"/blog/gain-is-the-new-top-shopify-theme"},{"id":"cG9zdDoxNzI1","title":"Made with Metafields (part 1)","date":"11.08.2022","slug":"made-with-metafields-part-1","categories":{"nodes":[{"id":"dGVybToyMjE=","name":"Shopify Development"}]},"levels":{"nodes":[]},"acfPost":{"fieldGroupName":"acfPost","excerpt":"Metafields sound technical, but with a bit of time they can be simple to understand. At the core, they’re about adding additional information into your admin or storefront that doesn’t come standard across Shopify’s platform. Many businesses have specific needs that are unique to what they sell, their customers and their business goals. We created Metafields to help you customize and manage the information you need to grow your business to match your ambition. ","squaredImage":{"altText":"Made with Metafields","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#d8f8f8","images":{"fallback":{"src":"/static/d93b3599cf0ecfe5819069f2e35f8a5b/e1bd7/Made.webp","srcSet":"/static/d93b3599cf0ecfe5819069f2e35f8a5b/7513b/Made.webp 750w,\n/static/d93b3599cf0ecfe5819069f2e35f8a5b/e1bd7/Made.webp 1024w","sizes":"100vw"},"sources":[]},"width":1,"height":0.5244140625}}}},"metaData":{"title":null,"description":"Discover the power of Metafields in customizing and managing additional information on Shopify's platform. Learn how Metafields can help businesses personalize their storefronts, deliver exceptional customer experiences, and streamline back-office operations. Explore real-life examples of organizations, like La Boutique MOSO, that have leveraged Metafields to enhance content, improve SEO, optimize loyalty programs, and achieve better conversion rates. Unlock the potential of Metafields for your ecommerce business today"},"banner":{"title":"Made with Metafields (part 1)","showTitle":true,"image":{"altText":"Made with Metafields","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#d8f8f8","images":{"fallback":{"src":"/static/d93b3599cf0ecfe5819069f2e35f8a5b/e1bd7/Made.webp","srcSet":"/static/d93b3599cf0ecfe5819069f2e35f8a5b/7513b/Made.webp 750w,\n/static/d93b3599cf0ecfe5819069f2e35f8a5b/e1bd7/Made.webp 1024w","sizes":"100vw"},"sources":[]},"width":1,"height":0.5244140625}}}}},"timeToRead":"4 minutes read","sections":[{"fieldGroupName":"post_Acfpost_Sections_ArticleRichTextContent","content":"<p>Metafields sound technical, but with a bit of time they can be simple to understand. At the core, they’re about adding additional information into your admin or storefront that doesn’t come standard across Shopify’s platform. Many businesses have specific needs that are unique to what they sell, their customers and their business goals. We created Metafields to help you customize and manage the information you need to grow your business to match your ambition.</p>\n<p>While metafields are easy to understand, creating a metafield strategy and taking the time to deploy it effectively can be time consuming. That&#8217;s where you come in. As a Shopify partner, you can help guide metafield strategy and / or put it into action.</p>\n<p>Ultimately, Metafields are about sharing the right content with the right audience in the right context. They offer a simple, flexible way to build a personalized storefront and deliver experiences that delight new and returning customers—and keep them coming back for more. You can also help your clients use Metafields to organize your back office operations by centralizing data like customer details, shipping information, and inter-departmental notes. The best part? You can deliver all of these benefits without writing any code. With just a few clicks, you can create and reuse customized data-collection fields, and add them to your admin or to your online store, without touching a line of code.</p>\n<p>With Metafields, all of your store’s unique data —whether it’s related to customer birthdays, care instructions, material lists, or the packaging requirements for orders—has the potential to become actionable insights for any ecommerce business.</p>\n<p>Read on to explore how two organizations are using Metafields for easy, reusable data collection and management. These merchants implemented metafields on their own, but these examples illustrate just how big of an impact metafields can have on a business.</p>\n<p><strong>La Boutique MOSO </strong></p>\n<p>La Boutique MOSO is a French retailer offering cosmetic and hygiene products. With both a physical store in Paris and an online shop, the company sells almost 3,000 products from 50 different beauty brands, including organic and natural products with sustainable packaging. A lean and nimble company, La Boutique MOSO is led by co-founder Jean-Baptiste Lainé, who also oversees the store’s online development efforts.</p>\n<figure><img loading=\"lazy\" decoding=\"async\" class=\"block block--bordered lazyloaded alignnone\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image4_52d6504a-6191-4d54-86ce-6b75edfed4fe.png?format=webp&amp;v=1659358070\" alt=\"Made with Metafields\" width=\"1999\" height=\"1049\" data-src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image4_52d6504a-6191-4d54-86ce-6b75edfed4fe.png?format=webp&amp;v=1659358070\" /><figcaption>La Boutique MOSO uses Metafields to provide additional context for products.</figcaption></figure>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" lazyloaded alignnone\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image1_e9b1ed8e-7aea-4efa-8dd8-75dcab94a244.png?format=webp&amp;v=1659358279\" alt=\"Made with Metafields\" width=\"1999\" height=\"1562\" data-src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image1_e9b1ed8e-7aea-4efa-8dd8-75dcab94a244.png?format=webp&amp;v=1659358279\" /></p>\n<p>“With Metafields, we can have much better content on our online store, and we can scale our store much more easily because everything is structured in a way that allows us to add products and brands a lot faster, with the same consistency, and the same level of quality across the entire catalog,” Jean-Baptiste shares. “So for us, Shopify is becoming not only one of the best ecommerce platforms, but it&#8217;s also becoming a full-featured content management system.”</p>\n<p>Shopify’s Metafields also extend the search and discovery aspects of the store. By adding Metafields to products, and creating new filters in the Shopify admin, it opened a world of filtering options for shoppers. The Metafields act as a type of tag system, classifying product types into easily sortable categories using the storefront’s search feature.</p>\n<p>“If you go to any collection with a lot of products, you can use Metafields now to filter the products,” Jean-Baptiste explains. “For example, you can filter the products based on your type of skin, you can filter the products based on your skin problem. You can filter the products based on their certification, whether they&#8217;re made in France or not, whether they&#8217;re certified organic or not, and even whether the packaging is sustainable or not.”</p>\n<div class=\"marketing-block marketing-block--blue marketing-block--padded\">\n<p><strong>Metafield Lists</strong></p>\n<p>Use Metafield lists to show multiple pieces of content in one metafield, for example a list of ingredients. You can also use lists for more powerful storefront filtering–all through the admin without any coding. Learn more at the Shopify Help Center.</p>\n</div>\n<p>As an added benefit, Metafields helped improve La Boutique MOSO’s SEO search results and conversion rates. Jean-Baptiste discovered that Google’s search engine crawls content stored in Shopify’s Metafields and shows results based on Metafields criteria.</p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" lazyloaded alignnone\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image2_89311fbb-97c5-4f89-8c76-230c08c167e8.jpg?v=1659358477\" alt=\"Made with Metafields\" width=\"708\" height=\"185\" data-src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image2_89311fbb-97c5-4f89-8c76-230c08c167e8.jpg?v=1659358477\" /></p>\n<p>La Boutique MOSO also turned to Metafields after experiencing slow page-load issues with its initial loyalty program, built through a third-party application. The original application was bloated with unnecessary features, causing extreme lag times for product page loading and negatively impacting the online shopping experience. Jean-Baptiste and his team needed a different way to build La Boutique MOSO’s loyalty program that improved the site speed while offering a personalized experience that fosters long-lasting customer relationships.</p>\n<p>The solution to their challenge was simple: Why not build the loyalty points within the Shopify platform they were already using for the online storefront? In a more advanced application of these features, Jean-Baptiste’s development team used Metafields to build the new loyalty point program, capturing customer loyalty point data inside a customer metafield. This also made it easier to streamline back-office operations by centralizing customer and purchasing data in one place.</p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" lazyloaded alignnone\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image6.jpg?v=1659358504\" alt=\"Made with Metafields\" width=\"758\" height=\"634\" data-src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image6.jpg?v=1659358504\" /></p>\n<p>La Boutique MOSO gained many benefits from revamping their customer loyalty program data collection with Metafields, both for the customer experience and operational efficiencies, including:</p>\n<ul>\n<li>Faster product page building and loading speeds</li>\n<li>Enhanced online loyalty program experience for customers</li>\n<li>Easier back-office access to and integration of customer data</li>\n</ul>\n<p>The new loyalty program driven by Metafields is fast, simple, and fully integrated across the online store. Building customer loyalty points into a customer metafield leverages the flexibility of the Metafields feature and allows customers to easily access their loyalty points in multiple ways, including on their user account, within an email from the store or anywhere else the customer metafield is placed.</p>\n<blockquote><p>“For us, it is a game changer, the Metafields. The products are doing much better. If the Metafields are properly structured and properly filled, we know that the product page has a much better conversion rate.”</p>\n<footer><cite>Jean-Baptiste Lainé, Co-founder, La Boutique MOSO</cite></p>\n<footer></footer>\n</footer>\n</blockquote>\n<p>Through the proper use of classifying products and migrating that data to Metafields, the storefront’s administration and development was streamlined. “It&#8217;s very easy to add a metafield or to add the classification without having to think about all the impact,” says Jean-Baptiste. Organization is easier through the admin sections of a Shopify store, and it’s easy to manage and create new catalogs.</p>\n<p><em>To learn more about how your storefront can make the most of Metafields, look out for our next use case or visit our </em><em>Metafields Help Center</em>. Happy (Meta)fielding!</p>\n<p>From: https://www.shopify.com/partners/blog/made-with-metafields-part-1?utm_source=exacttarget&amp;utm_medium=email&amp;utm_campaign=blog&amp;utm_content=partner_blog-2022-08-10</p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 44px; top: 4004.81px;\">\n<div class=\"gtx-trans-icon\"></div>\n</div>\n"}]},"page_header":{"background":null,"backgroundOpacity":100,"color":null,"fieldGroupName":"page_header","title":"Made with Metafields (part 1)","opacity":100,"position":"on","size":{"desktop":64,"tablet":null,"mobile":null},"spaces":{"top":null,"bottom":null,"leftright":null,"units":"em"}},"link":"/blog/made-with-metafields-part-1"},{"id":"cG9zdDo1NTk=","title":"How to Build a Contact Us Page for Your Online Store","date":"10.08.2022","slug":"how-to-build-a-contact-us-page-for-your-online-store","categories":{"nodes":[{"id":"dGVybToyMjE=","name":"Shopify Development"}]},"levels":{"nodes":[]},"acfPost":{"fieldGroupName":"acfPost","excerpt":"It might seem like just another standard link in the navigation menu, but an online store’s Contact Us page is often one of the most under-optimized locations on its entire site. While you’ve probably put a lot of thought into making your homepage or landing page represent your brand and personality, other web pages tend to get a lot less love. This is a mistake. By making your Contact page more personable and more inviting, you’ll be giving customers who need to talk to you a better experience.","squaredImage":{"altText":"How to Build a Contact Us Page for Your Online Store","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#e8f8d8","images":{"fallback":{"src":"/static/e75190765526a43e7ffaedda0ea28110/e1bd7/How_20to_20Build_20a_20Contact_20Us_20Page.webp","srcSet":"/static/e75190765526a43e7ffaedda0ea28110/7513b/How_20to_20Build_20a_20Contact_20Us_20Page.webp 750w,\n/static/e75190765526a43e7ffaedda0ea28110/e1bd7/How_20to_20Build_20a_20Contact_20Us_20Page.webp 1024w","sizes":"100vw"},"sources":[]},"width":1,"height":0.5244140625}}}},"metaData":{"title":null,"description":"Improve your online store's Contact Us page to build trust, enhance customer experience, and boost conversions. Learn why a well-optimized Contact page is crucial, what elements to include, and discover inspiring examples. Enhance accessibility, create a welcoming atmosphere, set clear goals, and customize your Contact form. Make it easy for customers to reach out and provide valuable feedback, turning your Contact Us page into a valuable asset for your e-commerce store."},"banner":{"title":"How to Build a Contact Us Page for Your Online Store.","showTitle":true,"image":{"altText":"How to Build a Contact Us Page for Your Online Store","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#e8f8d8","images":{"fallback":{"src":"/static/e75190765526a43e7ffaedda0ea28110/e1bd7/How_20to_20Build_20a_20Contact_20Us_20Page.webp","srcSet":"/static/e75190765526a43e7ffaedda0ea28110/7513b/How_20to_20Build_20a_20Contact_20Us_20Page.webp 750w,\n/static/e75190765526a43e7ffaedda0ea28110/e1bd7/How_20to_20Build_20a_20Contact_20Us_20Page.webp 1024w","sizes":"100vw"},"sources":[]},"width":1,"height":0.5244140625}}}}},"timeToRead":"12 minutes read","sections":[{"fieldGroupName":"post_Acfpost_Sections_ArticleRichTextContent","content":"<p>It might seem like just another standard link in the navigation menu, but an online store’s Contact Us page is often one of the most under-optimized locations on its entire site.</p>\n<p>While you’ve probably put a lot of thought into making your homepage or landing page represent your brand and personality, other web pages tend to get a lot less love. This is a mistake. By making your Contact page more personable and more inviting, you’ll be giving customers who need to talk to you a better experience.</p>\n<h2>Why have a Contact Us page?</h2>\n<p>Trust is the most important currency ecommerce stores have. New visitors are more likely to purchase when they trust your brand, and existing customers are more likely to recommend you and make repeat purchases when they trust you.</p>\n<p>Being approachable and easy to talk to is a simple way of building trust with your website visitors. It’s easier to trust someone new who seems friendly right from the start. Brands are no different. When customers are reminded there’s a real person (or a team of people) powering your ecommerce store, they are much more likely to trust you compared to a faceless logo.</p>\n<p>Contact Us forms also help reassure customers there’s someone listening to complaints and feedback. Making it easy for customers to contact you if something goes wrong can save a sale (and a customer) who’s had a bad experience through a missing shipment or damaged product. Mistakes happen, and customers want to know you’ll be there to help when it does.</p>\n<p>Finally, being available to answer questions can convert curious website visitors into customers. When a customer delays a purchase, it’s often because they have lingering questions or need to come to a decision on a final important detail. Unfortunately, that sometimes means they’ll decide to leave empty-handed. If you’re easy to contact, customers can get the answers they need quickly.</p>\n<h2>What should I include on a Contact Us page?</h2>\n<h3>1. All relevant contact information</h3>\n<p>If there are ways your customers can contact you other than email, it’s important to include them on the page as well. For example, if you have a business phone number, a physical location, or a Twitter account, list them here.</p>\n<p>Other information you can convey to customers on your Contact page include:</p>\n<ul>\n<li>A map of where you’re physically located</li>\n<li>Email addresses for wholesale orders</li>\n<li>Business hours and expected response times</li>\n</ul>\n<h3>2. A relevant call to action</h3>\n<p>Inevitably, someone will land on your Contact Us page and not fill out the form to contact you. This is a great opportunity to invite them to do something else, such as sign up for your newsletter, check out your sale products or follow you on social media.</p>\n<p>The bottom of a Contact Us page is the perfect place for an inviting CTA (call to action).</p>\n<h3>3. FAQs</h3>\n<p>You’ll find that a lot of shoppers have similar questions. They might want to know how long delivery times are, what your shipping costs are, or whether they need any additional products to go with their initial purchase.</p>\n<p>Adding an FAQs section to your Contact Us page can help customers self-serve and get their questions answered without having to wait for a response from your team.</p>\n<h3>4. Links to a help center and relevant guides</h3>\n<p>If the FAQ isn’t enough, shoppers might look for guides they can work through to find answers to their questions. Link out to your help center or support videos, or direct shoppers to specific blog posts that answer their questions.</p>\n<h3>5. Customer reviews</h3>\n<p>When a shopper visits your Contact Us page, they are either trying to solve a problem or they’re partway through the sales cycle and need some clarification. Adding positive customer reviews to your Contact Us page will add a dose of social proof and reassure shoppers that they’ve made the right decision by buying from you.</p>\n<h2>9 Contact Us page examples that combine form and function</h2>\n<p>Combining all the traits listed above into a beautiful on-brand Contact page can seem daunting. But it’s easier than you think. By using the Contact pages already included in their Shopify themes (or going even just a little out of the box), the stores below have transformed the simple Contact Us form into a valuable resource for their customers.</p>\n<p>The best thing about these pages is their uniqueness to each brand. It just shows that you can take the basic traits of a Contact Us page and make it something special for your store to better serve your customers.</p>\n<h3>1. KeySmart</h3>\n<p>This Contact page manages to fit a lot of information into a simple, clean layout. KeySmart provides a ton of options for different contact methods depending on your question. It also sets clear expectations on response times (a very reasonable one-business-day turnaround on emails!).</p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" lazyloaded alignnone\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image13_191ed84e-c442-4a75-a80a-7b594b572263.png?format=webp&amp;v=1659561781\" alt=\"How to Build a Contact Us Page for Your Online Store\" width=\"1879\" height=\"891\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image13_191ed84e-c442-4a75-a80a-7b594b572263.png?format=webp&amp;v=1659561781\" /></p>\n<h3>2. ban.do</h3>\n<p>It’s just a simple form but ban.do does a great job of encouraging its customers to get in touch if there’s anything they need. The copy is very on brand—fun, light-hearted, and welcoming.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image15_86404667-7ceb-4bce-b7d0-78bd4af685e0.png?format=webp&amp;v=1659561882\" alt=\"Ban.do contact page\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image15_86404667-7ceb-4bce-b7d0-78bd4af685e0.png?format=webp&amp;v=1659561882\" /></p>\n<h3>3. Kettle &amp; Fire</h3>\n<p>Kettle &amp; Fire helps customers find the right team to contact (and potentially find an answer themselves along the way) by suggesting four topics on its Contact Us page. Customers can find their way to online documentation or contact information alongside a beautiful product image.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image1_8a2de46f-9f8a-4437-a078-9e33fc1e9697.png?format=webp&amp;v=1659562136\" alt=\"Kettle and Fire Contact us page\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image1_8a2de46f-9f8a-4437-a078-9e33fc1e9697.png?format=webp&amp;v=1659562136\" /></p>\n<h3>4. Tommy John</h3>\n<p>By embedding its Zendesk contact form and offering live chat directly on its Contact Us page, Tommy John makes it easy for customers to talk to the brand. There are also links and further information to make sure every visitor gets exactly what they need.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image9_ac929076-c900-4a3b-aafe-90aeb19611fb.png?format=webp&amp;v=1659562228\" alt=\"Tommy John contact us page\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image9_ac929076-c900-4a3b-aafe-90aeb19611fb.png?format=webp&amp;v=1659562228\" /></p>\n<h3>5. Skims</h3>\n<p>Skims offers shoppers a selection of ways to get in touch so they can choose their preferred method. Down the side of the page, it provides links to relevant information and FAQs.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image2_c9b19cb8-6d80-422e-b353-55e8dd4a0ffe.png?format=webp&amp;v=1659562345\" alt=\"Skims contact us page\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image2_c9b19cb8-6d80-422e-b353-55e8dd4a0ffe.png?format=webp&amp;v=1659562345\" /></p>\n<h3>6. Holland Cooper</h3>\n<p>Holland Cooper keeps its Contact Us page simple with an illustrated guide to the different ways customers can reach support. It also offers a What’s Next section to keep shoppers on site.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image7_9e657a47-adde-4aa9-9d31-402fa118f660.png?format=webp&amp;v=1659562469\" alt=\"Holland Cooper contact us page\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image7_9e657a47-adde-4aa9-9d31-402fa118f660.png?format=webp&amp;v=1659562469\" /></p>\n<h3>7. Allbirds</h3>\n<p>Allbirds provides a text number and a phone number for customers. It also has an extensive FAQ and a robust help center.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image16_bff12910-42ec-4525-83cf-d13c6af7e9b0.png?format=webp&amp;v=1659562204\" alt=\"Allbirds Contact Us page\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image16_bff12910-42ec-4525-83cf-d13c6af7e9b0.png?format=webp&amp;v=1659562204\" /></p>\n<h3>8. Blender Bottle</h3>\n<p>Blender Bottle acknowledges that it gets a lot of similar questions and provides three options for customers to get them answered. If that doesn’t do the job, there are a number of different contact options and a form below.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image4_b91bfe76-c86a-4313-b02b-1cce547f8f6b.png?format=webp&amp;v=1659562609\" alt=\"Blender Bottle contact us page\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image4_b91bfe76-c86a-4313-b02b-1cce547f8f6b.png?format=webp&amp;v=1659562609\" /></p>\n<h3>9. Magnolia Market</h3>\n<p>Magnolia Market splits its FAQ into categories to make it easier for shoppers to find what they’re looking for. Below that, there’s an illustrated guide to the different contact options.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image3_8121b125-fba5-4cf7-82e4-54c85104ba41.png?format=webp&amp;v=1659562739\" alt=\"Magnolia Market Contact Us page\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image3_8121b125-fba5-4cf7-82e4-54c85104ba41.png?format=webp&amp;v=1659562739\" /></p>\n<h2>5 tips for an effective Contact Us page</h2>\n<p>Sticking to these five tips will help you make the most of your contact page to convert prospects into customers, and unhappy customers into advocates.</p>\n<h3>1. Make your Contact page easy to find</h3>\n<p>If no one can find your Contact Us page, there’s no point in having one. Being accessible means customers can navigate to your Contact page when they need to talk to you. There are two places that work really well: your main navigation bar and the footer at the bottom of every page.</p>\n<figure><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image12_4d58acdb-f3d6-4b0c-9c5a-bef93e2f066c.png?format=webp&amp;v=1659562841\" alt=\"Example from ban.do, which also includes its page in the site footer.\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image12_4d58acdb-f3d6-4b0c-9c5a-bef93e2f066c.png?format=webp&amp;v=1659562841\" /><figcaption>Example from ban.do, which also includes its page in the site footer.</figcaption></figure>\n<h3>2. Create a Contact page that’s welcoming</h3>\n<p>Once site visitors find your website’s Contact Us page, do they know if you welcome emails, phone calls, and feedback? Or does your contact page resemble a series of hurdles designed to keep trespassers out? It sounds obvious, but depending on what your page actually says, your customers might not follow through with contacting you.</p>\n<p>At the top of the default Shopify Contact page, it’s possible to add copy to provide additional information and help customers complete the form. Including a request for customers to let you know if they need anything makes your brand feel approachable. Here are a few examples you can adapt to suit your needs:</p>\n<ul>\n<li>“We read and respond to every customer inquiry. We really do want to hear from you!”</li>\n<li>“Our customers mean the world to us, and we love hearing from you.”</li>\n<li>“We get lonely when we don’t hear from you. Get in touch today!”</li>\n<li>“Make our day and fill our inbox with comments, questions, and concerns.”</li>\n</ul>\n<h3>3. Choose the goals of your Contact Us page</h3>\n<p>Not every Contact Us page serves the same purpose. Plus, you have other pages that serve different purposes, including a homepage and About Us page template. Deciding the potential audience of your Contact Us page helps determine what features or fields to include.</p>\n<p>Here are a few common purposes for Contact Us pages:</p>\n<ul>\n<li><strong>Support.</strong> Help resolve the concerns of existing customers who are having issues with their order, want to return or exchange a product, or are having trouble completing an order.</li>\n<li><strong>Sales.</strong> Help potential customers make a decision, convert prospects into customers, and offer a channel for bulk or warehouse orders.</li>\n<li><strong>Press or PR.</strong> Help the media get in touch with the right people to share your story.</li>\n<li><strong>Human resources.</strong> Help potential employees apply for a job or ask questions about your company.</li>\n</ul>\n<p>Glossier does a great job of speaking to every type of visitor on its Contact Us page. Whether you’re a customer, a potential partner, or the media, it’s very clear how to get in touch with the displayed contact info.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image5_1f183ac5-86c8-45b9-9d82-1bcbe366c4f7.png?format=webp&amp;v=1659562989\" alt=\"Glossier contact us page\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image5_1f183ac5-86c8-45b9-9d82-1bcbe366c4f7.png?format=webp&amp;v=1659562989\" /></p>\n<h2>How to add a Contact Us page in Shopify</h2>\n<p>1. In your Shopify admin dashboard, go to Online Store &gt; Pages and click <strong>Add page</strong>.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image6_0fb44998-423b-43cc-a3c8-3d29cb998ebc.png?format=webp&amp;v=1659563284\" alt=\"Shopify admin screenshot showing step 1\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image6_0fb44998-423b-43cc-a3c8-3d29cb998ebc.png?format=webp&amp;v=1659563284\" /></p>\n<p>2. Add a title for your page, such as Contact Us or Get In Touch.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image8_8c3879d9-df41-4d88-becf-c454dab53fa2.png?format=webp&amp;v=1659563359\" alt=\"Shopify admin screenshot showing step 2\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image8_8c3879d9-df41-4d88-becf-c454dab53fa2.png?format=webp&amp;v=1659563359\" /></p>\n<p>3. Enter any text you want to show above the contact form in the <strong>Content box</strong> (you can leave it blank if you don’t want any text).</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image14_ca357e9e-7b8f-43ad-a2b9-dde8b759603e.png?format=webp&amp;v=1659563443\" alt=\"Shopify admin showing step 3\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image14_ca357e9e-7b8f-43ad-a2b9-dde8b759603e.png?format=webp&amp;v=1659563443\" /></p>\n<p>4. In the <strong>Online store</strong> section, choose “Contact” from the <strong>theme template</strong> dropdown menu.</p>\n<p><img decoding=\"async\" class=\" lazyloaded\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image10_9bb9c6b6-18db-4e40-bd62-f4d56236d42a.png?format=webp&amp;v=1659563501\" alt=\"Shopify admin screenshot showing step 4\" data-src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/image10_9bb9c6b6-18db-4e40-bd62-f4d56236d42a.png?format=webp&amp;v=1659563501\" /></p>\n<p>5. Click <strong>save</strong>.</p>\n<h3>Choose your form fields</h3>\n<p>Shopify’s built-in simple contact form includes three fields: Name, Email, and Message. This might be enough for you if you’re just starting out because it easily captures enough information for you to respond to the customer and have a productive conversation.</p>\n<h3>Route contact requests to the right team</h3>\n<p>If you’d like to route contact requests to different departments or capture more information, you might want to customize your form fields.</p>\n<p>For example, if you use a help desk to keep track of your incoming customer requests, embedding their ticket form on your Contact page can automatically tag and route incoming emails to the right department.</p>\n<h3>Customize your Contact Us form</h3>\n<p>You have a few options available for customizing the Contact Us form. While the default Shopify form fields require some basic code editing to update fields, you can also embed the ticket forms from your help desk directly into a page, or use a Shopify App to design a more full-featured contact form. Here are a few of our favorite apps:</p>\n<ul>\n<li>Improved Contact Form</li>\n<li>Contactly</li>\n<li>Form Builder</li>\n</ul>\n<p>These apps allow you to add as many fields as you’d like to your forms, so you can ask for order details and other information to respond to customers more effectively.</p>\n<p>But beware: make your forms too long and you end up creating a barrier for customers to contact you. No one wants to answer 20 potentially irrelevant questions before getting to talk to a human. Find a balance between asking for the information you need (like an email address) and making it easy for customers to get in touch.</p>\n<h2>Feedback is how you learn and improve</h2>\n<p>Your customers are field-testing your overall shopping experience at every stage, and they surface problems and opportunities you might never encounter on your own.</p>\n<p>A boring or confusing Contact page will only weigh you down, whereas a great page will put customers at ease and help them find solutions or provide better feedback when they have something to say. Making it easy for customers to get in touch is essential to building trust and learning how to create a better customer experience, which makes your Contact Us page one of your most valuable pages.</p>\n<div class=\"marketing-block marketing-block--light marketing-block--padded\">\n<div class=\"grid grid--layout-mode grid--equal-height grid--vertically-centered read-more-interlinking\">\n<div class=\"grid__item\">\n<div class=\"block\">\n<div class=\"section-heading\"></div>\n</div>\n</div>\n</div>\n<div>\n<div>\n<div>\n<div></div>\n</div>\n</div>\n</div>\n</div>\n"},{"fieldGroupName":"post_Acfpost_Sections_ArticleAccordions","title":"Contact Us page FAQ","accordion":[{"body":"<p>A Contact Us page is a dedicated page on a website where visitors can find out how to get in touch with the company.</p>\n","title":"What is a Contact Us page?"},{"body":"<p>Having a Contact page makes it easy for shoppers to get in touch if they have a question or issue. This helps build trust and relationships with your customers and ensures they get their questions answered before buying from you.</p>\n","title":"Does my online store need a Contact Us page?"},{"body":"<p>Many business Contact pages include one or more of the following elements: a contact form, an email address, a contact phone number, a live chat option, a text number, an FAQ, and links to a help center or guides. Local companies often include a map and a physical address.</p>\n","title":"What should be included on my Contact Us page?"},{"body":"<p>Yes, you can use phrases like “get in touch” or “reach out to us.” You want to make sure the phrase is something customers understand, so we recommend keeping it simple.</p>\n","title":"Are there alternative phrases to “contact us” we can use?"},{"body":"<ol>\n<li>Go to Online Store &gt; Pages in your admin dashboard.</li>\n<li>Click Add Page.</li>\n<li>Enter a title for your page.</li>\n<li>Add the text you want to show above the contact form.</li>\n<li>Choose “Contact” from the theme template dropdown.</li>\n<li>Click Save.</li>\n</ol>\n","title":"How do I make a Contact Us page for my Shopify store?"}]}]},"page_header":{"background":null,"backgroundOpacity":100,"color":null,"fieldGroupName":"page_header","title":"Creating a Contact Page 2023","opacity":100,"position":"on","size":{"desktop":64,"tablet":null,"mobile":null},"spaces":{"top":null,"bottom":null,"leftright":null,"units":"em"}},"link":"/blog/how-to-build-a-contact-us-page-for-your-online-store"},{"id":"cG9zdDo1NTU=","title":"Online Payments for Small Business Owners: An Overview","date":"10.08.2022","slug":"online-payments-for-small-business-owners-an-overview","categories":{"nodes":[{"id":"dGVybToyMjE=","name":"Shopify Development"}]},"levels":{"nodes":[]},"acfPost":{"fieldGroupName":"acfPost","excerpt":"Choosing an online payment processing system that doesn’t accept the payment methods your customers prefer is much like speaking Chinese at a Marrakech market: both approaches are unlikely to result in a successful transaction.","squaredImage":{"altText":"Online Payments for Small Business Owners: An Overview","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#d8d8e8","images":{"fallback":{"src":"/static/9f1c10e9d52a644268bc5debd1ad49c8/e1bd7/online_20payment_20methods.webp","srcSet":"/static/9f1c10e9d52a644268bc5debd1ad49c8/7513b/online_20payment_20methods.webp 750w,\n/static/9f1c10e9d52a644268bc5debd1ad49c8/e1bd7/online_20payment_20methods.webp 1024w","sizes":"100vw"},"sources":[]},"width":1,"height":0.5244140625}}}},"metaData":{"title":null,"description":"Choosing the right online payment processing system is crucial for ecommerce businesses. Learn about different types of online payments, such as credit cards, ACH transfers, direct debit, wire transfers, and digital wallets. Understand how online payments work and what factors to consider when selecting payment options for your business"},"banner":{"title":"Online Payments for Small Business Owners: An Overview","showTitle":true,"image":{"altText":"Online Payments for Small Business Owners: An Overview","localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#d8d8e8","images":{"fallback":{"src":"/static/9f1c10e9d52a644268bc5debd1ad49c8/e1bd7/online_20payment_20methods.webp","srcSet":"/static/9f1c10e9d52a644268bc5debd1ad49c8/7513b/online_20payment_20methods.webp 750w,\n/static/9f1c10e9d52a644268bc5debd1ad49c8/e1bd7/online_20payment_20methods.webp 1024w","sizes":"100vw"},"sources":[]},"width":1,"height":0.5244140625}}}}},"timeToRead":"14 minutes read","sections":[{"fieldGroupName":"post_Acfpost_Sections_ArticleRichTextContent","content":"<p>Choosing an online payment processing system that doesn’t accept the payment methods your customers prefer is much like speaking Chinese at a Marrakech market: both approaches are unlikely to result in a successful transaction.</p>\n<p>Similarly, a merchant’s point-of-sale system needs to be able to speak the same language as their customer’s payment method. Brick-and-mortar stores speak a different payment language from online stores. That’s why it’s critical for ecommerce businesses to be fluent in online payments.</p>\n<h2>What are online payments?</h2>\n<p>Online payments are types of payment submitted and processed over the internet. These include credit card payments, ACH payments, wire transfers, and payments made using a mobile wallet.</p>\n<p>While online and in-store payments may use the same payment processors, the point of sale (POS) differs between them. For an in-store payment, POS is your physical checkout counter. For an online payment, POS is an online payment interface, and your software payment solution is your point-of-sale system.</p>\n<p>In addition to accepting customer payments via online payment methods, businesses may also use online payments to pay bills or payroll expenses.</p>\n<h2>How do online payments work?</h2>\n<p>Online payments involve a customer, a vendor, and the financial institutions of each party. They may also involve payment processing partners such as PayPal, Zelle, or Square.</p>\n<p>Online payment processes differ by payment method. Here’s a sample breakdown of how an online payment using ACH debit (automated clearing house debit) works:</p>\n<ul>\n<li>A customer purchases a good or service and elects to pay by ACH debit.</li>\n<li>The merchant or third-party payment processing partner sends an ACH debit request to the merchant’s financial institution.</li>\n<li>The merchant’s bank batches the transaction along with other ACH transfers.</li>\n<li>An ACH operator receives the batched transactions, sorts them, then submits the transactions to the customer’s bank.</li>\n<li>The customer’s bank processes the transaction and credits the payment amount to the merchant’s account.</li>\n</ul>\n<h2>5 types of online payments</h2>\n<ol>\n<li>Credit card payments</li>\n<li>ACH payments</li>\n<li>Direct debit</li>\n<li>Wire transfers</li>\n<li>Digital wallets</li>\n</ol>\n<p>Different types of online payment offer different benefits for businesses and customers. Variables include cost, speed, security, and popularity with your customer base.</p>\n<h3 id=\"1\">1. Credit card payments</h3>\n<p>Both businesses and individuals frequently used credit cards for online payments. The credit card company settles the purchase debt with the vendor, and the cardholder either pays off their total credit card balance at the end of each billing cycle or accrues additional interest debt in the form of an annual percentage rate (APR) fee. APR reflects the annual cost of the loan, including the interest rate plus other charges.</p>\n<p>Because many customers use credit cards as their primary means of payment, businesses that accept credit cardsonline and in-person have advantages over those that don’t. Many credit card processing partners charge merchants a per-transaction fee, which can range from between 2% and 5% of the total transaction cost.</p>\n<h3 id=\"2\">2. ACH payments</h3>\n<p>Automated Clearing House (ACH) transfers are a type of online payment sent through the ACH network, an electronic network that serves as an intermediary between financial institutions.</p>\n<p>ACH transactions are processed in batches. This keeps fees down but can make ACH payments slower to process than other types of online payments. ACH payments typically process in one to three business days, while wire transfers and credit card transfers complete within 24 hours. Businesses frequently use ACH direct deposit to pay employees, and many financial institutions offer this type of transaction free of charge.</p>\n<h3 id=\"3\">3. Direct debit</h3>\n<p>Direct debit is a form of ACH payment that transfers money from one bank account to another through the ACH network. When customers pay for goods or services using ACH direct debit, the merchant’s financial institution instructs the ACH network to take money from the customer’s bank account and put money into the merchant’s bank account.</p>\n<p>The ACH network processes direct debits within one business day, but the receiving bank often holds transactions for an additional one to two business days, bringing the total transfer time to one to three business days.</p>\n<h3 id=\"4\">4. Wire transfers</h3>\n<p>Wire transfers are online payments from one bank to another without the use of an intermediary like the ACH network. Wire transfersmove money quickly, and tend to have higher per-transaction limits than ACH transfers. They also carry higher per-transaction fees, which frequently range between $20 and $30 per transaction. Although wire transfers themselves are secure, they are more often targets of fraud than ACH transfers because they process more quickly. The one-to-three-business-day payment processing period of ACH transfers allows a business to stop payment if fraud is suspected.</p>\n<h3 id=\"5\">5. Digital wallets</h3>\n<p>Digital wallet is an umbrella term referring to any method of electronic payment (such as a debit or credit card) stored on a user’s devices (e.g., Apple Pay or Google Pay) or in the cloud. Digital wallets are not payment methods in themselves; rather, they allow customers to use existing payment methods without access to a physical card. Digital wallet purchases can be made both online and in person.</p>\n<h2>What to consider when choosing online payment options for your business</h2>\n<p>Ideally, online payment solutions make it easy for customers to pay you and are within your technology budget. A best-fit online payment system for your business is one easy to set up so your online store is up and running quickly.</p>\n<p>When choosing an online payment solution, consider the needs and preferences of your customer base. Younger customers, in particular, are likely to use digital wallets and be familiar with a range of payment processing partners, while older customers may be more comfortable using credit and debit cards.</p>\n<p>Another consideration is how much in fees you are willing to pay.</p>\n"},{"fieldGroupName":"post_Acfpost_Sections_ArticleAccordions","title":"Online payments FAQ","accordion":[{"body":"<div>\n<div>\n<div>\n<p>An online payment is any payment made over the internet. Many ecommerce businesses accept online payments to make it easier for customers to purchase goods and services. They also frequently use online payments to pay vendors and employees.</p>\n</div>\n</div>\n</div>\n","title":"What is an online payment?"},{"body":"<div>\n<div>\n<div>\n<p>Online credit and debit card payments, ACH payments, wire transfers, and digital wallet (e.g., Apple Pay, Google Pay) payments are all types of online payments. Third-party payment providers like Zelle, PayPal, Apple Pay, Venmo, and Square also offer online payments that are reconciled via debit or credit card, or through ACH transfer.</p>\n</div>\n</div>\n</div>\n","title":"What are different types of online payments?"},{"body":"<p>There are many types of online payments. Examples include:</p>\n<ul>\n<li>A customer uses a credit card to purchase a Martha Stewart–signed spatula from your online store.</li>\n<li>Your business uses an ACH credit transfer to pay employees through direct deposit.</li>\n<li>Your business uses PayPal to pay the invoice of a contractor for painting a life-sized portrait of a hot dog stand in your lobby.</li>\n<li>A customer uses credit card information stored in their digital wallet to purchase a 90-minute scalp massage.</li>\n<li>Your business sets up a recurring bill pay through ACH debit to cover utility expenses out of your operating expense account.</li>\n</ul>\n","title":"What are examples of online payments?"}]}]},"page_header":{"background":null,"backgroundOpacity":100,"color":null,"fieldGroupName":"page_header","title":"Small Business Online Payments","opacity":100,"position":"on","size":{"desktop":64,"tablet":null,"mobile":null},"spaces":{"top":null,"bottom":null,"leftright":null,"units":"em"}},"link":"/blog/online-payments-for-small-business-owners-an-overview"}],"totalCount":4,"currentCategorySlug":"shopify-development","pageTitle":"Shopify Development"}},
    "staticQueryHashes": ["1083880928","2115852241","2249625599","2590265254","3117944600","3394409019","3777654359","589588126","842661457"]}