|
View the web version
Hi there, hope you're having a great Friday!
This is Colm and Simon from CommerceGurus, with a handpicked weekly roundup of eCommerce articles.
Is your Shopify store dragging its feet?
Slow load times are a silent killer for eCommerce businesses, impacting everything from your search engine rankings to your conversion rates and even your brand's reputation.
Even a mere one-second delay can drastically reduce sales, leading to abandoned carts and frustrated customers.
Our latest article dives deep into why speed matters, revealing how common culprits like unoptimized images and bloated third-party apps can sabotage your store's performance.
We wrote it with Shopify in mind, but the same principles apply to WooCommerce, or indeed any eCommerce platform.
Learn How to Boost Sales with a Faster Store
Stitch is Google’s new AI design tool, unveiled at I/O 2025, and it's all about making UI design faster and easier.
You can simply describe the kind of interface you want, or even upload a sketch or screenshot, and Stitch will turn that into a working design with HTML and CSS.
It’s powered by Google’s Gemini 2.5 models and is great for quickly turning ideas into visual mockups.
You can also tweak designs through an interactive chat and export everything to Figma for more detailed editing.
The tool is especially helpful during the brainstorming or prototyping phase. While it’s not quite ready for full production design (some users have pointed out it struggles with things like brand consistency) it’s still a big leap forward in AI-assisted design.
Take a look at Stitch by Google
Shopify's Summer 2025 Edition included a very interesting new feature called Storefront Web Components.
The components let you add Shopify to any website and can be embedded easily into any HTML or CSS stack.
These custom HTML elements abstract the intricacies of interacting with Shopify's Storefront API, enabling developers to display products, collections, and shopping cart features.
By incorporating components into their markup, you can access store data and customize the presentation using standard HTML and CSS.
This approach is very versatile, catering to various use cases from embedding product showcases within existing content to constructing entirely new pages.
Check out Shopify's New Storefront Web Components
Elementor's CSS Carousel page showcases a pure CSS-based carousel template without relying on JavaScript.
These carousels are optimized for performance and accessibility, making them suitable for various applications such as image galleries, testimonials, and product showcases.
This is part of Elementor's ongoing efforts to empower web creators with tools that prioritize speed, simplicity, and user experience.
By eliminating the need for JS in these components, Elementor ensures faster load times and better compatibility across devices.
Discover Pure CSS Carousels with Elementor
App Motion is an interesting online gallery that curates and showcases high-quality mobile app motion designs.
It is an excellent resource for designers and developers seeking inspiration for UI animations and transitions.
It features a variety of examples categorized by interaction types such as checkboxes, pinch gestures, spinners, openings, deletions, sign-ups, morphs, selections, illustrations, and floating action buttons.
See Hand-Picked App Motion Design Examples
Shopify store owners, we want to hear from you!
We're looking for Shopify merchants and agencies to test our new Shopify apps and provide valuable feedback. In exchange for your insights, you'll receive a free lifetime license.
Submit your interest
|
Our WordPress Products:
Our Shopify Apps:
That's it for this edition. Simply reply to this email if you have any questions or suggestions, we read every message.
You can also take a look at our entire back catalog of newsletters.
Have a great week and best of luck with your projects!
Colm and Simon from CommerceGurus
|