{"id":41664,"date":"2020-08-10T14:06:55","date_gmt":"2020-08-10T14:06:55","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=41664"},"modified":"2025-12-03T21:33:12","modified_gmt":"2025-12-03T19:33:12","slug":"showcase-july-2020","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/showcase-july-2020\/","title":{"rendered":"Elementor Sites of July 2020: WooCommerce Sites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"41664\" class=\"elementor elementor-41664\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-748b5fc0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"748b5fc0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a91bfc\" data-id=\"8a91bfc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18a34218 elementor-widget elementor-widget-text-editor\" data-id=\"18a34218\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This month&#8217;s showcase focuses exclusively on websites built with Elementor and WooCommerce. One by one, we go through our favorite <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/online-store\/\"   title=\"How To Start An Online Store: Step-By-Step 2025 Guide\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25830\">online store<\/a> websites and discuss their strongest features and which design techniques and widgets were used to make each site stand out from the crowd.&nbsp;<\/p>\n<p>Online store websites have become even more popular over the last few months, <a href=\"https:\/\/elementor.com\/blog\/prepare-for-corona-virus\/\" target=\"_blank\" rel=\"noopener\">as a result of the COVID-19 pandemic<\/a>. Given that so many people are confined to their homes or are simply choosing not to spend time in busy shopping areas, more and more businesses have invested their efforts in making their products easily available online through a company website. As web creators, we know that each and every design and user experience detail that you perfect on your website, especially in your online stores, can have a huge impact on your purchase results and on the satisfaction of your customers.<\/p>\n<p>The examples that we&#8217;re about to discuss illustrate how beautiful and accessible online stores can be when their design is a top priority. As always, one of the best ways to improve and grow as web creators is to learn from and get inspired by fellow designers. Now is the time to start.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75b978f elementor-widget elementor-widget-heading\" data-id=\"75b978f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elementor.com\/blog\/shopify-to-woocommerce\/\">Migrate Your Shopify Store to WooCommerce With Our Step-by-Step Guide!<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7eaa846b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7eaa846b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e3057ec\" data-id=\"e3057ec\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-614d986c elementor-widget elementor-widget-heading\" data-id=\"614d986c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">10<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-459dfb49 elementor-widget elementor-widget-heading\" data-id=\"459dfb49\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NATIF: Simple and Elegant<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4598595d elementor-widget elementor-widget-image\" data-id=\"4598595d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/natifstore.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/natifstore.com-1-r4q72fpa8ichpv0gzgfib56z2m4khmzqw42wn548lw.png\" title=\"natifstore.com\" alt=\"natifstore.com\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-302e5ade elementor-widget elementor-widget-text-editor\" data-id=\"302e5ade\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>NATIF is a design studio creating everlasting, minimalist jewelry inspired by timelessness. Founded by designer Annamaria Mikulik, their project of commercially produced jewelry collection started in 2018. The NATIF Silver and Rose Gold jewelry represents the very essence of subtle and minimalist beauty. The simple and elegant design, with its polished finish, provides effortless style and grants a classy and relaxed appearance.<\/p><p>One of the first things we noticed about NATIF&#8217;s website is how smoote and succint we find their user experience, particularly the navigation, to be. If you click on the search icon in the top right, the <a href=\"https:\/\/elementor.com\/help\/search-form-widget\/\" target=\"_blank\" rel=\"noopener\">search form window<\/a> opens to a full-screen, solid white window. The effect this creates is a level of focus where the website visitor can devote his undivided attention to the product category he&#8217;s searching for. Visually, this navigation design is very befitting to the way NATIF showcases their products, as when you go to the jewelry page, each product is given their own light grey square background, all with the backdrop of a crisp, solid white page background.\u00a0<\/p><p>Within the product pages themselves, the navigation also implements <a href=\"https:\/\/elementor.com\/blog\/principles-of-website-design\/\" target=\"_blank\" rel=\"noopener\">website design best practices<\/a> as the usage of breadcrumb navigation makes it incredibly simple for online shoppers to understand what category their product of interest falls into and how they can look around further for similar items, etc. This is the virtue of the WooCommerce <a href=\"https:\/\/elementor.com\/features\/woocommerce-builder\/\" target=\"_blank\" rel=\"noopener\">breadcrumbs widget<\/a>, whose key purpose is to make it easier for potential buyers to navigate your site and discover your best products.<\/p><p><strong>Design &amp;\u00a0Development:<\/strong> <span style=\"font-weight: 400\">Marek Hrebik<\/span>e<\/p><p><strong>Theme:<\/strong> Hello Elementor<\/p><p><strong>Plugins: <\/strong>Advanced Custom Fields PRO, Checkout Field Editor for WooCommerce, Element Pack, ExtraWatch, Facebook for WooCommerce, GA Google Analytics, Jetpack by WordPress.com, Mailchimp for WooCommerce, Really Simple SSL, Safe SVG, Simple Custom<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-175971eb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"175971eb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12287073\" data-id=\"12287073\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-375d182b elementor-widget elementor-widget-heading\" data-id=\"375d182b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">09<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fd87cef elementor-widget elementor-widget-heading\" data-id=\"7fd87cef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ARU eyewear: Precious Lines of Vision <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e258e49 elementor-widget elementor-widget-image\" data-id=\"7e258e49\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/arueyewear.it\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/arueyewear.it-2-r4q6y3o2q0ew6lb4akzft8kggnhmzvsaynsaz7jlas.png\" title=\"arueyewear.it\" alt=\"arueyewear.it\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c450aec elementor-widget elementor-widget-text-editor\" data-id=\"4c450aec\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>ARU eyeware is an exclusive Italian eyewear brand with various collections that each focus on different artistic themes. Their creative and engaging <a href=\"https:\/\/elementor.com\/blog\/about-us-page-examples\/\">about us page<\/a> explains the design motifs behind each line, which sheds light on the different glasses we see on their website and how they represent the brand in multiple ways.\u00a0<\/p><p>What really won our hearts over with ARU eyewear&#8217;s site is the way they designed their homepage hero section. The background settings of the section really maximize the potential of how much <a href=\"https:\/\/elementor.com\/blog\/introducing-background-slideshow\/\" target=\"_blank\" rel=\"noopener\">background slideshows<\/a> can liven up any website. Once you&#8217;ve chosen your slideshow content, which, in ARU Eyewear&#8217;s case, includes stretched, detailed, and inviting photography of different people wearing the brand&#8217;s sunglasses, the styling options are endless.\u00a0<\/p><p>You&#8217;ll always have <a href=\"https:\/\/docs.elementor.com\/article\/594-background-slideshow\" target=\"_blank\" rel=\"noopener\">full design control<\/a> over your slideshow, from choosing each slideshow image&#8217;s duration on the screen to the many choices of transition effects you can choose from (Fade, Slide Right, Slide Left, Slide Down, or Slide Up), as well as the option for the Ken Burns effect. What we also especially loved about the background slideshow is the European landscape that you see in the photo backgrounds: mountain scenery, Italian cafes, and piazzas, it&#8217;s all there.<\/p><p>If you go to any of the product pages, you&#8217;ll notice a small gallery of four items at the end of the page. This row of products is what&#8217;s known as the WooCommerce <a href=\"https:\/\/elementor.com\/help\/woocommerce-single-upsell-pro\/\" target=\"_blank\" rel=\"noopener\">Upsells widget<\/a>. Online store owners use this widget to give shoppers a choice to purchase similar products to what they\u2019re currently browsing.\u00a0<\/p><p>Adding upsell products to your product page is an effective way to encourage customers to either learn about additional merchandise that you sell or to find alternative options if they decide not to purchase the product they&#8217;re looking at. Given that the design customization options for the Upsells widget are endless, you can incorporate the Upsell content in an intuitive, natural way with the rest of your page.<\/p><p><strong>Design &amp;\u00a0Development:<\/strong>\u00a0<a href=\"https:\/\/www.yoloplus.it\/\" target=\"_blank\" rel=\"noopener\">Yolo Plus<\/a> and\u00a0<a href=\"https:\/\/fandesconsulting.it\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Fandes Consulting<\/span><\/a><\/p><p><strong>Theme:<\/strong> Hello<\/p><p><strong>Plugins:<\/strong> <span style=\"font-weight: 400\">Additional Variation Images Gallery for WooCommerce &#8211; Pro, Elfsight Instagram Feed CC, Essential Addons for Elementor &#8211; Pro, Safe SVG, JetMenu, The Official Facebook Chat Plugin, YITH WooCommerce Color, and Label Variations Premium, YITH WooCommerce Product Add-Ons Premium<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-261a5eb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"261a5eb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-140575ee\" data-id=\"140575ee\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4901dc0f elementor-widget elementor-widget-heading\" data-id=\"4901dc0f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">08<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2434b44e elementor-widget elementor-widget-heading\" data-id=\"2434b44e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">JOMAC: Inspirational Textures and Colors<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fe01407 elementor-widget elementor-widget-image\" data-id=\"2fe01407\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/studiojomac.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/studiojomac.com-3-r4q78q8dzkylfvvf8ocli2128h410oz239axatscyc.png\" title=\"studiojomac.com\" alt=\"studiojomac.com\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d976d21 elementor-widget elementor-widget-text-editor\" data-id=\"2d976d21\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c70e4ee elementor-widget elementor-widget-text-editor\" data-id=\"c70e4ee\"><div class=\"elementor-widget-container\"><div class=\"elementor-text-editor elementor-clearfix\"><p>JOMAC is an active gallery space located in Downtown Honolulu. Their artwork explores the themes, visual motifs, and traditions of indigenous art and tribal designs. JOMAC\u2019s clientele includes art galleries, interior designers, property developers, art collectors, luxury homeowners, and tribal art enthusiasts. JOMAC\u2019s website was built by Whiskey &amp; Red, a Colorado-based design studio that provides branding and website design services for small businesses. JOMAC\u2019s site is a modern, minimalist portfolio-type website using Elementor Pro&#8217;s <a href=\"https:\/\/elementor.com\/blog\/introducing-theme-builder\/\" target=\"_blank\" rel=\"noopener\">Theme Builder<\/a>, with which they created custom navigations, menus, footers, and unique post layouts.\u00a0<\/p><p>We particularly enjoyed the way JOMAC\u2019s site incorporates the <a href=\"https:\/\/elementor.com\/widgets\/slides-widget\/\" target=\"_blank\" rel=\"noopener\">slides widget<\/a> into the hero content of their homepage. Because the two-column background is divided exactly halfway, the sliding images appear seamlessly integrated into the respective black and white sides. As you scroll, the black and white division continues down the page, yet the column widths shrink and widen at different points. This broken grid-style layout keeps things interesting and is a creative and sophisticated way to draw attention to visuals.<\/p><p>What we also discovered on each product page is the <a href=\"https:\/\/elementor.com\/help\/woocommerce-single-product-related-pro\/\" target=\"_blank\" rel=\"noopener\">related products<\/a> section further down on the page. The related products section is actually made possible by using <a href=\"https:\/\/elementor.com\/help\/dynamic-tags-pro\/\" target=\"_blank\" rel=\"noopener\">dynamic tags<\/a>, as when you add tags to a product\u2019s terms so that online shoppers can easily find products that fit certain criteria or taxonomy. In the case of JOMAC, the artwork items are given tags based on their style, pattern-types, art disciplines, and others. This way, if a prospective customer has second thoughts about the product he\u2019s viewing once he sees its single product page, you can subtly provide other suggestions for him to view so that he\u2019s less likely to exit your site.<\/p><p><strong>Design &amp;\u00a0Development:<\/strong> <span style=\"font-weight: 400\">Whiskey &amp; Red<\/span><\/p><p><strong>Theme:<\/strong> <span style=\"font-weight: 400\">OceanWP<\/span><\/p><p><strong>Plugins:<\/strong> <span style=\"font-weight: 400\">WP Rocket, JetElements, JetTabs<\/span><\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c68a8a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c68a8a0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e521227\" data-id=\"5e521227\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-14477a4 elementor-widget elementor-widget-heading\" data-id=\"14477a4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">07<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74b23f51 elementor-widget elementor-widget-heading\" data-id=\"74b23f51\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Van Hecke Chocolates: Sweet Modernity<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57bc96e4 elementor-widget elementor-widget-image\" data-id=\"57bc96e4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.chocolatesvanhecke.be\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/chocolatesvanhecke.be_-r4q6xf89sbhfsqam9af50eqh0mu3fr3a7atoi0jtsk.png\" title=\"chocolatesvanhecke.be\" alt=\"chocolatesvanhecke.be\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63219871 elementor-widget elementor-widget-text-editor\" data-id=\"63219871\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Since 1937, Chocolates Van Hecke has been an established name in the Koestraat in Ghent, Belgium. The family has been producing artisanal and high-quality chocolate creations for four generations. On their site, the various shades in their brand color palette blend well with the product, and their choice of a rounded serif font for the headlines complements the chocolate pralines, which are usually slightly rounded with sharp corners.\u00a0<\/p><p>On the \u201cCreations\u201d page, the usage of <a href=\"https:\/\/elementor.com\/widgets\/flip-box\/\">Flip Box widget<\/a> adds a sense of spontaneity and user-friendliness, as hovering over each item (be it pastry or chocolate) triggers a playful flip around to the ingredients found in them. This allows for a clean, image-focused gallery style that provides detailed information without crowding the page with too much text.\u00a0<\/p><p>We also found Van Hecke\u2019s purchase experience to be simple and sweet, as on the product page, the shopper has the option of choosing between various quantities of the item they\u2019re buying. This is made possible in WooCommerce by <a href=\"https:\/\/elementor.com\/blog\/woocommerce-tutorial\/\">configuring your product data<\/a> in the WordPress Dashboard and choosing \u201cvariable product\u201d as the product type.<\/p><p><strong>Design &amp;\u00a0Development:<\/strong> <span style=\"font-weight: 400\">Hot Topic, AppCom bvba<\/span><\/p><p><strong>Theme:<\/strong> <span style=\"font-weight: 400\">Elementor Hello \/ Hello Child<\/span><\/p><p><strong>Plugins:<\/strong> <span style=\"font-weight: 400\">WooCommerce Bookings, SendCloud, Mollie<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-545e8667 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"545e8667\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4687d9e4\" data-id=\"4687d9e4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6049c611 elementor-widget elementor-widget-heading\" data-id=\"6049c611\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">06<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f478dba elementor-widget elementor-widget-heading\" data-id=\"7f478dba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Beadz: Bold Vibes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b0bf580 elementor-widget elementor-widget-image\" data-id=\"7b0bf580\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.beadz.be\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/beadz.be-1-r4q77yz2hdxa36z0nukezqwp0audtgyubidudswrys.png\" title=\"beadz.be 1\" alt=\"beadz.be 1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2b7cad elementor-widget elementor-widget-text-editor\" data-id=\"a2b7cad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Beadz is a men&#8217;s bracelet brand that creates handmade wristwear crafted from unique stones. Beadz defines their fashion identity as accessories for the ones that want to look sharp and take action in their lives. Site owner Nicolas Vanlerberghe shared that the goal of their website design is to stand out from the crowd, with a strong focus on urban and street styles. One way this is reflected in the website\u2019s design is graffiti and paint-like imagery.<\/p><p>One unique, sophisticated way that their website uses paint-like imagery in their design elements is by using a brush font called Maquire. Maquire has an elegant and vintage feel to it and looks freshly handwritten. Brush fonts are highly unique, and very niche to specific design themes such as art-related or handmade creations.\u00a0<\/p><p>Given that Maquire is a specialized font, not included in standard font collections like Google Fonts, Beadz used the <a href=\"https:\/\/elementor.com\/blog\/custom-fonts\/\" target=\"_blank\" rel=\"noopener\">Custom Fonts<\/a> option to add another layer of personality and eye-catching branding to their website. Custom Fonts can be added to Elementor websites either by doing so manually through WordPress or inside Elementor itself (within the WordPress Dashboard.) Custom Fonts are perfect for a brand like Beadz, who, after all, defined their brand statement as \u201cto stand out from the crowd.\u201d\u00a0<\/p><p>Building on their tradition of uniqueness, each of Beadz\u2019s single product pages has an interactive, highly engaging way of showcasing its product. The <a href=\"https:\/\/elementor.com\/help\/woocommerce-single-product-images-pro\/\" target=\"_blank\" rel=\"noopener\">Product image<\/a> gallery is large and takes up half of the page content\u2019s width, with large, square navigation buttons that make the image gallery feel as captivating and interactive all at once. The 50-50 division between the two columns of the product page strikes a fine balance between showcasing the individual merchandise and displaying how it&#8217;s used in real life. Both the product itself and the experience of using it are crystal clear to any person browsing the online store.\u00a0<\/p><p><strong>Design &amp;\u00a0Development:<\/strong> <span style=\"font-weight: 400\">Nicolas Vanlerberghe<\/span><\/p><p><strong>Theme:<\/strong> <span style=\"font-weight: 400\">Hello Elementor<\/span><\/p><p><strong>Plugins:<\/strong> <span style=\"font-weight: 400\">Elementor Extras, The SEO framework<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4af73851 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4af73851\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3d750179\" data-id=\"3d750179\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2400e6fa elementor-widget elementor-widget-heading\" data-id=\"2400e6fa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">05<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ebcc87d elementor-widget elementor-widget-heading\" data-id=\"7ebcc87d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Heldengl\u00fcck Geschenke: Natural Inspiration<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b895b58 elementor-widget elementor-widget-image\" data-id=\"4b895b58\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/heldenglueck.de\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/heldenglueck.de-2-r4q6zwixtkvofoowrv0p3a79g8lyqzxs7kst3avfdg.png\" title=\"heldenglueck.de 2\" alt=\"heldenglueck.de 2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61f0fb7b elementor-widget elementor-widget-text-editor\" data-id=\"61f0fb7b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Heldengl\u00fcck is a store based in Dulmen, Germany, that sells uniquely designed drinkware such as water bottles and mugs, printed with inspirational phrases and quotations. Heldengl\u00fcck uses brand storytelling when choosing the <a href=\"https:\/\/elementor.com\/blog\/website-color-schemes\/\">color scheme<\/a> and imagery throughout their website: iconic German mountain landscape as well as black and white minimalism. The imagery used on Heldengl\u00fcck&#8217;s online shop website reflects the exact setting and ecosystem that the German town is surrounded by: greenery, mountain tops, wildlife, and breathtaking views of nature. They&#8217;ve translated these physical characteristics into the digital backdrop of their website, as the hero image of their homepage is a full-width, large-sized photograph of wide-open mountain tops. All of their merchandise is white with black lettering and accents, and so too, their website&#8217;s white background and black font colors and iconography.\u00a0<\/p><p>Combining storytelling with web design techniques, Heldengl\u00fcck chose an unusual, creative way to feature their customer ratings. On the \u201cShopping\u201d page, each product image thumbnail is accompanied by the product name, its price, and a star rating. When you hover over the stars, they disappear. This is actually an out-of-the-box way to use <a href=\"https:\/\/elementor.com\/help\/hover-effects\/\">hover effects<\/a> in order to add a sense of suspense and mystery to your product&#8217;s storytelling. Because the stars disappear once a user hovers over them, they automatically have an added reason to click on the product thumbnail in order to read the user reviews that qualify the number of stars that appeared and then vanished.\u00a0<\/p><p>When you navigate to a product page itself, another storytelling technique comes to life in the way the <a href=\"https:\/\/elementor.com\/help\/woocommerce-single-product-price-pro\/\">Product Price<\/a> is displayed. Both the old and the new pricing are shown: the old price in <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/text-bold\/\"   title=\"How to Make Text Bold in HTML &#038; CSS\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25832\">bold<\/a>, light grey with a strikethrough text decoration, and the new price in bold black. When using the product price widget, Heldengl\u00fcck chose to display the regular price and the sale price, telling the story of how shoppers will get a \u201cgood deal\u201d by seizing the opportunity of a good offer.<\/p><p><strong>Design &amp;\u00a0Development:<\/strong> <span style=\"font-weight: 400\">Werbeagentur Unbunt, Tristan V.<\/span><\/p><p><strong>Theme:<\/strong> <span style=\"font-weight: 400\">Jupiter X<\/span><\/p><p><strong>Plugins:<\/strong> <span style=\"font-weight: 400\">Google Analytics, Twitter Emoji (Twemoji), Stripe, Google Tag Manager, Tawk.to, Yoast SEO, Osano<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-447f2f00 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"447f2f00\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56a3c59c\" data-id=\"56a3c59c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5932bc7b elementor-widget elementor-widget-heading\" data-id=\"5932bc7b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">04<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ca26c60 elementor-widget elementor-widget-heading\" data-id=\"1ca26c60\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">GARAGE BEER CO.: Bustling Vibes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16519246 elementor-widget elementor-widget-image\" data-id=\"16519246\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.garagebeer.co\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/garagebeer.co_-r4q70lwky3uf55o1nnzmglsphn4vitqjb2ex1rtspg.png\" title=\"garagebeer.co_\" alt=\"garagebeer.co_\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1400f84 elementor-widget elementor-widget-text-editor\" data-id=\"1400f84\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c70e4ee elementor-widget elementor-widget-text-editor\" data-id=\"c70e4ee\"><div class=\"elementor-widget-container\"><div class=\"elementor-text-editor elementor-clearfix\"><p>GARAGE BEER CO. is a Barcelona-based beer factory and Brewpub that started out as a Brewpub in 2015 and opened a beer factory in 2017. Their Brewpub is located in Eixample, Barcelona, a central high street full of stylish boutiques, bars, and restaurants &#8212; built around Pla\u00e7a de Catalunya square, with a bustling flea market. Their website also gives off a vibe of bustling, fast-paced action, and their product pages are filled with a black background with metallic and colorful beer cans in a justified grid layout.\u00a0<\/p><p>What especially struck our attention is the creative yet subtle usage of typography that the website features, as well as the customized textual <a href=\"https:\/\/elementor.com\/help\/social-icons-widget\/\" target=\"_blank\" rel=\"noopener\">social icons<\/a> in the footer. On the products category page, the category name is shown in sentence case (\u201cBeers,\u201d for example), and the product name is in white, capitalized letters with a slightly heavier font weight. In parallel, the social icons are completely textual, using initials for each social channel (Instagram, Facebook, and Twitter), all of which use a white font color in their normal state, and turn to light grey on hover.\u00a0<\/p><p>The shopping cart in the top right corner of the <a href=\"https:\/\/elementor.com\/blog\/shrinking-sticky-header\/\">sticky header<\/a> indicates if and what the shopper has in their cart. Enabled by using the <a href=\"https:\/\/elementor.com\/help\/menu-cart-widget-pro\/\" target=\"_blank\" rel=\"noopener\">Menu Cart widget<\/a>, this information is highly valuable to any online store\u2019s user experience, as there\u2019s no need for prospective buyers to stop and think whether or not they added previous items to their cart. It also fortifies the customer\u2019s user journey, as they\u2019re less likely to forget about an item that\u2019s already in their cart.<\/p><p><strong>Design &amp;\u00a0Development:<\/strong> <span style=\"font-weight: 400\">Danilo Campos, Jos\u00e9 Sotelo<\/span><\/p><p><strong>Theme:<\/strong> <span style=\"font-weight: 400\">Jos\u00e9 Sotelo<\/span><\/p><p><strong>Plugins:<\/strong> <span style=\"font-weight: 400\">Essential Addons for Elementor &#8211; Pro, Ultimate Addons for Elementor<\/span><\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-22a45ddb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"22a45ddb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-74d5d4a1\" data-id=\"74d5d4a1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-11396e27 elementor-widget elementor-widget-heading\" data-id=\"11396e27\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">03<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59ba02a5 elementor-widget elementor-widget-heading\" data-id=\"59ba02a5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bram: Leather of Luxury<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-593dc96 elementor-widget elementor-widget-image\" data-id=\"593dc96\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.bramcompany.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/bramcompany.com-3-r4q742x472lk1amgdo106890hw0oykiu496hvkofpw.png\" title=\"bramcompany.com 3\" alt=\"bramcompany.com 3\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-741a234d elementor-widget elementor-widget-text-editor\" data-id=\"741a234d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Bram is a young accessories brand based in Barcelona, manufacturing handcrafted leather wallets. Their online store \u2013 the Slim One Collection page, has an eye-catching colorful collage of wallets that are contrasted by backgrounds of rich earth tones. The mosaic tiles and wallets change every few seconds, drawing more focus to the product.<\/p><p>For their hero content, BRAM uses <a href=\"https:\/\/elementor.com\/help\/blend-mode-and-css-filters\/\" target=\"_blank\" rel=\"noopener\">CSS filters<\/a> when hovering over images in their gallery, so that on hover, the images transform from color into black and white. Simultaneously, when the images turn into black and white, they shrink slightly. Both of these effects combined create a subtle yet engaging interaction so that the visitor becomes intrigued by the changes happening to the images and eager to explore more about what he sees.\u00a0<\/p><p>When you enter a product page, you\u2019ll see that the page indicates whether or not different variations of that product are available, such as different colors, sizing, etc. This, of course, is very informative to prospective buyers, as the last thing they want is to begin the checkout process only to realize that the item they\u2019re hoping to buy is out of stock. Another key benefit of showing out of stock items is to illustrate the high quality of your business, showing that you offer multiple options for one product, such as different colors (in the case of BRAM), or other varieties, such as sizing, material, etc.<\/p><p>This display option is made possible in the WooCommerce plugin dashboard itself, where you create product data for each individual product, and choose a \u201cproduct type.\u201d In this case, the <a href=\"https:\/\/docs.woocommerce.com\/document\/variable-product\/#prettyPhoto\/0\/\" target=\"_blank\" rel=\"noopener\">choice of product type<\/a> is \u201cVariable product.\u201d This is where you add attributes to a product so that you can create and manage stock on a product level in the form of variations, and then add variation data, in order to manage inventory for variable products.<\/p><p><strong>Design &amp;\u00a0Development:<\/strong> <span style=\"font-weight: 400\">Mkd.cat, Marc Orta<\/span><\/p><p><strong>Theme:<\/strong> <span style=\"font-weight: 400\">OceanWP<\/span><\/p><p><strong>Plugins:<\/strong> <span style=\"font-weight: 400\">Facebook, Cart Functionality, Google Analytics, TrackJs, Google Tag Manager, Yoast SEO, Twemoji<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2cd18fb4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2cd18fb4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f0a53de\" data-id=\"7f0a53de\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2d2dd96a elementor-widget elementor-widget-heading\" data-id=\"2d2dd96a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">02<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b586c9c elementor-widget elementor-widget-heading\" data-id=\"3b586c9c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Clever Elly: Crisp and Clear<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c2d02d elementor-widget elementor-widget-image\" data-id=\"4c2d02d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cleverelly.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/cleverelly.com-2-r4q70z2blscfnp4xitoefih5t1c0il6s0vjprnaaac.png\" title=\"cleverelly.com 2\" alt=\"cleverelly.com 2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75a3dfe2 elementor-widget elementor-widget-text-editor\" data-id=\"75a3dfe2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Clever Elly is a car safety device that reminds drivers to check the back seat before entering, primarily to ensure that no children are accidentally left in the car. The story behind the invention of this product is impactful and intense to process cognitively, as the notion of avoiding a tragedy is never a conversation to be had lightly. This is why it makes perfect sense to us that the website showcasing this product is extremely minimalistic, with a light grey background and abundant negative space between clean, black text elements. The entire page is designed with a \u201ccontent-first\u201d mindset, placing heavy emphasis on the words, sentences,, and buttons. Clever Elly actually qualifies their reasoning for choosing a highly simplistic design scheme, as the<\/p><p>The <a href=\"https:\/\/elementor.com\/help\/testimonial-widget\/\" target=\"_blank\" rel=\"noopener\">testimonial widget<\/a> is used in a delicate, sophisticated manner, following the content-first approach with displaying short snippets of quote texts rather than lengthy quotes. The rotating user quotations with a slow transition speed between rotations places even more emphasis on the short snippets of text, giving the visitor time to read and process the information being presented.\u00a0<\/p><p>On the \u201cShop\u201d page, there\u2019s the option to <a href=\"https:\/\/elementor.com\/help\/woocommerce-products-pro\/\" target=\"_blank\" rel=\"noopener\">sort the products according to criteria<\/a>, otherwise known as to \u201callow order\u201d in your products display. Visitors can choose to sort by ascending price, descending price, most recent,, and popularity. This gives the prospective buyer full control over how he is browsing between the options.\u00a0<\/p><p>Once again, shoppers like to feel that they are in control of their shopping experience, and providing the option to sort items they\u2019re interested in according to certain criteria is a helpful way to put them in the driver\u2019s seat.<\/p><p><strong>Design &amp;\u00a0Development:<\/strong>\u00a0<\/p><p><span style=\"font-weight: 400\">Greta Winter, Timothy Mills<\/span><\/p><p><strong>Theme:<\/strong> <span style=\"font-weight: 400\">OceanWP<\/span><\/p><p><strong>Plugins:<\/strong> <span style=\"font-weight: 400\">JetWooBuilder, JetProductGallery<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-592cf68c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"592cf68c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1823b62a\" data-id=\"1823b62a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e519d91 elementor-widget elementor-widget-heading\" data-id=\"5e519d91\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">01<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71049e78 elementor-widget elementor-widget-heading\" data-id=\"71049e78\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ioana Ciolacu: Iconic Fashion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34289d18 elementor-widget elementor-widget-image\" data-id=\"34289d18\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.ioanaciolacu.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/ioanaciolacu.com-1-r4q78c4t52falqfwj096ynl5bp1it8f31bin3od9jo.png\" title=\"ioanaciolacu.com 1\" alt=\"ioanaciolacu.com 1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e42f1d elementor-widget elementor-widget-text-editor\" data-id=\"5e42f1d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.ioanaciolacu.com\/\">Ioana Ciolacu<\/a> is an award-winning \u201csustainable fashion\u201d label created by Romanian fashion designer Ioana Ciolacu. The brand sells women\u2019s clothing, based in Romania, yet with multiple store locations throughout Europe. The brand\u2019s online shop was opened in 2015, whose video campaigns have won several film awards.<\/p><p>Iona Ciolacu\u2019s online store is the perfect example of why <a href=\"https:\/\/elementor.com\/blog\/custom-positioning\/\" target=\"_blank\" rel=\"noopener\">fixed positioning<\/a> can be so effective in web design. You\u2019ll notice that the two-column product page is one of a kind, as when you scroll down, the product images change, yet the right-side column with the product info and purchase buttons remains in place. This effect not only draws the user\u2019s attention to the large, captivating images, but it also makes sure the prospective shopper doesn\u2019t lose sight of the option to order the item he\u2019s browsing in the photographs. The consistent color scheme between the images\u2019 grey background and the grey button colors creates a harmonious relationship between both columns on the screen, using both contrast and similarity to create a wholesome page of complementary design elements.<\/p><p>Another useful design choice that actually perfects each product page\u2019s information hierarchy is the use of WooCommerce product <a href=\"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/\" target=\"_blank\" rel=\"noopener\">Data Tabs<\/a>. This is where you\u2019ll find a dropdown menu of different tabs that share more information about the respective product. We enjoyed the hover effects that turn the text into a heavier weight as you scroll down, keeping the menu more engaging with an interactive flair.<\/p><p><strong>Design &amp;\u00a0Development:<\/strong> <span style=\"font-weight: 400\">Curated Square<\/span><\/p><p><strong>Theme:<\/strong> <span style=\"font-weight: 400\">Ocean WP<\/span><\/p><p><strong>Plugins:<\/strong> <span style=\"font-weight: 400\">Google Analytics, Google Tag Manager, Tawk.to<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e0aa685 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e0aa685\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1771b717\" data-id=\"1771b717\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-242d0f88 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"242d0f88\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b555255 elementor-widget elementor-widget-text-editor\" data-id=\"5b555255\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Think your Elementor-based website or <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/landing-page-builder\/\"   title=\"Landing Page Builder\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25831\">landing page<\/a> should be featured in our next Top 10 Websites column? Give it a shot!<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69273ccc elementor-align-center elementor-widget elementor-widget-button\" data-id=\"69273ccc\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/submit-your-site\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Submit Your Website<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5f56424 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f56424\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-804792a\" data-id=\"804792a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71032b9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"71032b9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3e74572\" data-id=\"3e74572\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Take an in-depth look at online shop websites created with Elementor and WooCommerce. See how you can improve your own online stores in both looks and functionality, and see your purchase results go up and running.<\/p>\n","protected":false},"author":340600,"featured_media":41666,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,17,21,77],"tags":[82],"marketing_persona":[47,51,50],"marketing_intent":[49],"class_list":["post-41664","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-inspiration","category-showcase","category-woocommerce","tag-woocommerce"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10 Beautiful WooCommerce Website Examples | Elementor Showcase<\/title>\n<meta name=\"description\" content=\"Here are our top picks of Elementor WooCommerce sites for July 2020. Check them out!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/showcase-july-2020\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Beautiful WooCommerce Website Examples | Elementor Showcase\" \/>\n<meta property=\"og:description\" content=\"Here are our top picks of Elementor WooCommerce sites for July 2020. Check them out!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/showcase-july-2020\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-10T14:06:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-03T19:33:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Orlee Gillis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Orlee Gillis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/\"},\"author\":{\"name\":\"Orlee Gillis\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6\"},\"headline\":\"Elementor Sites of July 2020: WooCommerce Sites\",\"datePublished\":\"2020-08-10T14:06:55+00:00\",\"dateModified\":\"2025-12-03T19:33:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/\"},\"wordCount\":3335,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png\",\"keywords\":[\"WooCommerce\"],\"articleSection\":[\"Elementor\",\"Inspiration\",\"Showcase\",\"WooCommerce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/showcase-july-2020\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/\",\"url\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/\",\"name\":\"10 Beautiful WooCommerce Website Examples | Elementor Showcase\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png\",\"datePublished\":\"2020-08-10T14:06:55+00:00\",\"dateModified\":\"2025-12-03T19:33:12+00:00\",\"description\":\"Here are our top picks of Elementor WooCommerce sites for July 2020. Check them out!\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/showcase-july-2020\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/showcase-july-2020\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Showcase\",\"item\":\"https:\/\/elementor.com\/blog\/category\/showcase\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Elementor Sites of July 2020: WooCommerce Sites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6\",\"name\":\"Orlee Gillis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g\",\"caption\":\"Orlee Gillis\"},\"description\":\"Orlee is a Content Creator at Elementor who's enamored by UX\/UI Design and UX Writing. She spends a lot of time practicing her design skills and steeping cold brew coffee.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/orlee\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Beautiful WooCommerce Website Examples | Elementor Showcase","description":"Here are our top picks of Elementor WooCommerce sites for July 2020. Check them out!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/showcase-july-2020\/","og_locale":"en_US","og_type":"article","og_title":"10 Beautiful WooCommerce Website Examples | Elementor Showcase","og_description":"Here are our top picks of Elementor WooCommerce sites for July 2020. Check them out!","og_url":"https:\/\/elementor.com\/blog\/showcase-july-2020\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2020-08-10T14:06:55+00:00","article_modified_time":"2025-12-03T19:33:12+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png","type":"image\/png"}],"author":"Orlee Gillis","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Orlee Gillis","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/"},"author":{"name":"Orlee Gillis","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6"},"headline":"Elementor Sites of July 2020: WooCommerce Sites","datePublished":"2020-08-10T14:06:55+00:00","dateModified":"2025-12-03T19:33:12+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/"},"wordCount":3335,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png","keywords":["WooCommerce"],"articleSection":["Elementor","Inspiration","Showcase","WooCommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/showcase-july-2020\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/","url":"https:\/\/elementor.com\/blog\/showcase-july-2020\/","name":"10 Beautiful WooCommerce Website Examples | Elementor Showcase","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png","datePublished":"2020-08-10T14:06:55+00:00","dateModified":"2025-12-03T19:33:12+00:00","description":"Here are our top picks of Elementor WooCommerce sites for July 2020. Check them out!","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/showcase-july-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/showcase_july_2020_external-cover.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/showcase-july-2020\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Showcase","item":"https:\/\/elementor.com\/blog\/category\/showcase\/"},{"@type":"ListItem","position":3,"name":"Elementor Sites of July 2020: WooCommerce Sites"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6","name":"Orlee Gillis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g","caption":"Orlee Gillis"},"description":"Orlee is a Content Creator at Elementor who's enamored by UX\/UI Design and UX Writing. She spends a lot of time practicing her design skills and steeping cold brew coffee.","url":"https:\/\/elementor.com\/blog\/author\/orlee\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/41664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/340600"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=41664"}],"version-history":[{"count":8,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/41664\/revisions"}],"predecessor-version":[{"id":146501,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/41664\/revisions\/146501"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/41666"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=41664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=41664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=41664"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=41664"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=41664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}