Feature | Product Tile Editor for Plugin Studio

On top of our recently introduced Plugin Studio, we have added a feature to design and customize your product tiles in Tweakwise App and we call it: Product Tile Editor. This new tool takes away the dependency of Tweakwise development capacity and enables customers to make quick (or bigger) modifications, or create complete new product tiles for our set of Tweakwise JS plugins. Search & Merchandising, Recommendations and Guided Selling are covered at the moment. All new customers implementing Tweakwise via Javascript will benefit from this Product Tile Editor, whilst others require a minor migration first (which can be requested via Tweakwise App).

The concept

Without getting too technical, the whole idea behind Tweakwise JS is to offer an easy way of integrating Tweakwise via a collection of modular and configurable plugins. Tweakwise JS offers all kinds of Tweakwise features in combination with a pre-built UI, which enables your to quickly add standardized versions of site-search, -navigation and more to your platform. Both functional behavior as looks and feel are served by Tweakwise and the only thing you have to do, is adding a single Javascript-snippet to your website. All configuration settings are done in Tweakwise App, now including the exact look and feel of your highly customized product cards. In short: high impact against low effort.

Editing Product Tiles

Although e-commerce website look very familiar in general, the information provided and looks and feel of product tiles may vary a lot. Branding has a big impact and so is the market or branch you are operating in. Second to that, product tiles are subject to change and require (minor) tweaks for several reasons, for example during Black Friday or Christmas season. As every minor change would be handled and updated by the Tweakwise development team prior to this, the Product Tile Editor gives you the power and opportunity to do updates yourself.

Once Tweakwise is implemented on your platform via Tweakwise JS (using Plugin Studio), we serve product tiles based on in App customizations. Product tiles can be applied to JS modules, like: Search & Merchandising, Recommendations and Guided Selling. In theory this could mean that you have multiple Product Tiles configured, and assigned different tiles to different modules. If no custom product tiles are created (or setup by Tweakwise), a default whitelabel tile will be served.

Every product tile except for the default one, is available for customizing within the Product Tile Editor. The editor uses the principle of drag and drop to add new elements on your tile. Every element should be connected to an attribute (feed, external or derived) and has a certain amount of settings to adjust, like: fonts, sizes, colors, borders, paddings and margins. In all customizations the editor does not provide certain settings, you can setup a css-classname and do your magic via custom css which is also available in Plugin Studio. Via the live preview button (top right) there is shown an actual representation on what the product tile will look like. Modifications are only applicable on your production website after a successful deploy of your JS settings (via Plugin Studio).