ModeMagic by Mason makes it incredibly easy for you to update your product images on your product detail pages, collection pages, homepage, and generally throughout the site. They make it easy to add badges, social proof, and other elements to your product imagery so that you can showcase different components to your customers.
For example, if an item is selling super hot this week, put the “best seller” badge on the product image to highlight it and show some social proof. Or, if a product is brand new, you can automatically have the “New” badge added to it for the first 7 days. Or, if you’re doing a flash sale but only on some items, or a specific discount, you can add that to the image, and it will automatically be removed when the sale is over.
What’s a Rich Text element?
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
There are other tools that help you optimize your product images, or make them more informative or creative, but this is the first tool that I’ve seen that incorporates changes to product images with things like sales, discounts, out of stock, new, and other aspects of merchandising. And tying that directly into your imagery is super powerful, and of course saving you countless hours from a designer.
Some merchants may not want these badges impacting your Google Shopping product feed or catalog or the like, so instead, Mode Magic has the option to do an overlay on the product detail images with the badges, thus not modifying them for any other place other than the product detail images.
ModeMagic starts by saving you dozens of design hours. But most importantly, by having timely activated imagery for your campaigns, they are increasing conversion rate and revenue, and leading to a better customer experience.
You can install the tool with two clicks, then they import your product catalog and you can begin creating new imagery for each of your products. The larger your SKU count and the more items that are in a campaign (let’s say you have varying discounts across multiple product categories… I don’t know why you’d do that to yourself, but if for some reason you are… the longer it will take to get all the imagery setup just the way you want it.
You can easily turn on and off the “new” product imagery, you can move from changing images to overlays, depending on your preference. And you can scroll through dozens of templated campaigns to get the most common functionalities of their tool rolled out across product pages, collections, and storewide.
More than likely, you will come back in and make adjustments for each discount or campaign or product line drop that you have in the future.
ModeMagic can work for stores of any size, but their sweet spot are merchants doing $1mm+ and perhaps doing a lot of discounts and promos, constant changes in product line up. This caters nicely to beauty and fashion brands that are constantly swapping out their products based on the season.
ModeMagic won’t really help for stores with 1-10 SKUs or let’s say a single subscription product, where the change in the product line is basically non-existent, or if your brand isn’t doing a ton of discounts, sales, or seasonality.