Social Feed

Drapery configuration without the drudgery. This configurator for the Everhem Shopify shop does a great job at configuring drapery to custom requirements and visualizing it. 🟢 Lots of customization options 🟢 Helpful measurement tips throughout the configuration steps 🟢 The total price is visible at every step of the process and updates in real-time 🔴 The final configured product is currently not showing in the overview section When confirming the final step, the tool creates a new Shopify product with the selected specifications on demand via the Admin API and then adds it to the cart. This is a good technique for bespoke products where not every combination can exist as a product or variant in Shopify. #headlesscommerce #productconfigurator #shopify #customization

Is your Shopify store not passing Core Web Vitals? Resolving these issues can vary in complexity, but there are steps you can take right now to improve them. However, using third-party apps from the app store can have a significant impact on these scores. For more information, check out my most recent blog post on this subject. #corewebvitals #shopify #ux #shopifyapps

This is a well-made product configurator platform. Roomvo by Leap Tools let paint and flooring manufacturers connect their products to the configurator and display the widget on their website. It enables customers to easily visualize the products within their own room settings. #augmentedreality #ecommerce #productconfigurator

Consider these important points when migrating from Magento to Shopify Most data can be migrated from Magento to Shopify, but there are some things to be aware of. Products Shopify has a limit of 100 variants and 3 options per product. If you have more, you may need to split them into separate products. Collections Subcollections do not have native support in Shopify, so they will merge with their parent collection and lose their individual URLs. You can work with tags and custom menus to reestablish the appearance of subcollections. Customers Only customer information related to orders can be moved, not actual customer accounts. It's recommended to send a newsletter after migration to prompt customers to reset their accounts and passwords. Orders Refund status on orders will transfer correctly, but refund transaction dates will not migrate. This may affect sales reports as all refund dates will be recorded on the migration day. #ecommerce #datamigration #shopify #magento Data Migration Vectors by Vecteezy: https://lnkd.in/e4fZzr6R

This section in Alpina's store dedicated to room color impressions aims to facilitate users in selecting the right paint through various filters and direct links to corresponding product pages. One current problem is the poor performance when adjusting filters and slow loading times for images, which hinders quick navigation through filters. #ecommerce #ux

Many installed apps or plugins in a shop result in a poor Cumulative Layout Shift (CLS) score. CLS is a critical aspect of Core Web Vitals that impacts search engine ranking. The lower the score the better. The CLS metric evaluates the movement of elements on a webpage post-loading, with minimal movement being the ideal scenario to prevent users from experiencing disruptions while reading content or interacting with links and buttons. Most installed apps load on page load. They send requests to servers to populate their widgets with data calculate their spot on the page and run animations. In this example, the sequence of events starts with the display of associated products, causing the existing content to shift downwards. Subsequently, the subscription feature appears on the side, leading to the displacement of the payment buttons. The introduction of the discount bundle application then results in the related products section being pushed away. Finally, the same application triggers a notification banner to slide in from the bottom, prompting the application of a discount. All this movement leads to a bad CLS score of 0.374 seconds and a total of 2.4 seconds until the site finally sits still. Integrating third-party app functionalities like these directly into the page can help mitigate these issues by allowing better control over page behavior and ultimately reducing the Cumulative Layout Shift to zero. #headlesscommerce #shopifyapps #cls #ux

This app adds a TikTok-style feed to any Shopify store. Tolstoy allows you to import videos from TikTok or Instagram and associate them with product pages, as demonstrated by Cann. #ecommerce #socialcommerce #shopify

Starting today your e-commerce vitals could fail. As announced Google added Interaction to Next Paint (INP) to the Web Core Vitals today replacing First Input Delay (FID). INP measures the responsiveness of a website to user actions such as clicking buttons and entering text. Web browsers keep track of user interactions and highlight the longest delay exceeding 200ms as the INP. To enhance your INP consider minimizing code size, optimizing complex calculations, and removing barriers that block other tasks from executing swiftly. #webcorevitals #ux #ecommerce

Great widget by Youreko that Euronics Ireland is using to make one time and long term costs of electrical appliances easier to compare. #ecommerce #ux

Shops with many reviews need an AI-generated review summary. I really like the feature in the review section of a Shopify app. I think implementing a similar feature in shops for products would greatly benefit shoppers by providing a quick overview of the advantages and disadvantages without the need to sift through numerous individual reviews. #ecommerce #reviews #ai #shopify

Transitioning to a headless storefront necessitates the evaluation of third-party app compatibility. Shopify apps that only enhance frontend functionalities, such as adding sales banners, become redundant in this setup, as these features can be incorporated directly into the code of the custom storefront. However, apps that interact with Shopify's backend, offering features like dashboards, require an API or embeddable script for continued functionality in the new store environment. When such integration tools are not available, typically there are alternative apps that offer these capabilities. Three key apps suitable for headless storefronts: Judge.me Facilitates product review integration, providing a widget for embedding in headless storefronts, along with an API for comprehensive integration. Goaffpro Designed for creating affiliate links for influencers, this app includes a script for integration into headless sites and effectively processes codes in URLs. Bespoke Shipping Enables the creation of complex shipping rates based on multiple factors. Its API allows for the development of custom solutions to display total shipping costs for items in the cart prior to checkout.

This product configurator by Volvo got me thinking about racing a semi without trailer through the desert. 🟢 Very intuitive user interface with the product at the center 🟢 Not too many configuration options shown at once 🟢 Nice comparison overview of features 🔴 You don’t see prices for each feature but have to be contacted by an agent 🔴 No free 360 degree control on the outside view like on the inside 🔴 The details section distracts from the main configurator #headlessecommerce #productconfigurator #ux

Shopify's URL structure is mostly unchangeable, with predefined paths for products, collections, and blogs. This limitation can be a drawback for businesses needing additional subpaths for example news, FAQs, demos, private customer sites, or product bundles, as Shopify does not allow alterations to this structure. A headless storefront offers the flexibility to customize URL structures according to specific requirements, providing more control over site organization and navigation. #headlesscommerce #shopify

What is a middleware? It’s a function that executes before every page request with minimal impact on loading speed while having a powerful impact on your store. Check a user’s origin and adjust content, language, and currency accordingly. Identify a user and track them server-side more accurately than traditional client-side methods. Assign a user a specific version of your page, effective for A/B testing. The applications are virtually limitless, opening up a wide range of possibilities for website optimization and user experience improvement. #middleware #headlesscommerce Middleware Vectors by Vecteezy: https://buff.ly/3I2VoV7