December release: Free Bonus Products, Accessibility improvements, Home wall previews and more

Over the past six weeks our product teams worked hard to bring a large number of innovative features to the Highstreet app platform. Enjoy finding out!
Joeri

Joeri

Customer Success Manager
Platform Update – December 2020

🚀 New features


iOS & Android

Free Bonus Products

Give-aways are great, who doesn’t want free stuff? This feature makes it an even greater experience for customers by allowing them to change the configurations of a give-away product. Customers can now choose from a range of different products and configure the colour and size to their liking – all from within the shopping cart.

Popover with free bonus products that can be configured
Free Bonus Products popover in the cart

The Free Bonus product can setup by creating a give-away promotion in your backend. It was already possible to add a free product to the cart but this product couldn’t be configured.

When customers meet the requirements and visit the cart a pop-over will jump up. The pop-over informs the customers that he can select a free gift and shows one or multiple products. When the customers taps on one of the products it’s product detail view opens. Here the customer can select their preferred size and colour. After selecting the size and colour the users returns to the cart and the free bonus product is added to the cart. The customer is unable to change the quantity of the free product.

The give-away pop-over can also be dismissed. In that case the customer can tap on a voucher, shown above the products in the cart, to open the pop-over again. The free product can also be removed from the cart, which triggers the voucher to appear again. This allows to customer to pick another free product of their choice.

Free Bonus Products is currently available for SFCC. The implementation for Magento 2 is currently in progress.

Contact support for more information on how to setup the Free Bonus Products.

iOS & Android

Accessibility improvements

We believe our apps should be usable for everybody. This is why we improved the app’s accessibility features. It is now easier for visually impaired users to create an account and shop. While the user is navigating through the app it reads all the elements out loud – all content, buttons and text. 

Users can enable this feature by turning on the accessibility feature on their phone.

Highstreet Studio accessibility popover for home merchandise images
Manually add accessibility text for home merchandise

One part of the accessibility improvements can be managed through Studio. Home wall content can be given a textual description in a similar way to the localise home title feature. A default descriptive text can be added to the content, but it can also be localised for the available languages.

The other part of the accessibility feature comes from your backend. The app automatically reads product information like the product title, description, price and colour options. When browsing through the app it will be able to name all these elements without any additional setup.

iOS & Android

Native Store Locator in the account view

Recently we released the Native Store Locator for both iOS and Android. The native Store Locator replaces the favourites option in the bottom bar, which is moved to the account section. We listened to your feedback and have now also made the Native Store Locator available in the account section. This way the favourites icon can stay in the bottom bar.

An additional improvement for iOS is that we’ve made the Native Store Locator available on iPad as well.

Store locator on account and iPad
Store Locator can be placed on the account view
Studio, iOS & Android

On-device home wall previews

We care a lot about realistic previews of the content you create in Studio. The device previews in Studio give an accurate way of previewing content, but the best test is to see your content on an actual device. We have created a preview functionality for home walls just like you can already do for lookbooks. Simply scan a QR code and preview your home wall on your device.

Popover displaying a QR code which can be scanned with a device.
Scan the QR Code to preview the home wall on a device

Within Studio a ‘Preview on Device’ button can be found on the Home Merchandise Row Overview. When you press this button it opens a pop-up with a QR code. Scanning this QR code with your phone opens the draft home wall within the app. You can return to the live home wall with the back button in the top left corner. Any changes to the draft home wall require you to scan a new QR code.

Studio, iOS & Android

Link home wall tiles to App Views

Home merchandise can already be linked to a wide variety of app content. We’ve expanded this with a new link type: App views. This allows you to link home wall tiles to the existing App Views: Account creation, Account overview, Cart, Search and Store Locator.

In Studio, when creating a new Home Merchandise Row, you can now select the content type App Views. 

Visual of home title linking to different views
Home wall tile can be linked to more app views
Studio

Redesigned Popovers

In Studio, a lot of the interactions needed to set up content is happening inside popovers. We’ve spent time improving the code and design of all these popovers. The result is that they will perform better and more consistent and it will be easier to interact with them.

Following your feedback we have also added a ‘Select all Storefronts’ button to more locations in Studio. For example the Storefront selection popover within the Push Notification Manager.

New popover design
New popover design
Backend

Analytics gateway

Last year Google required all app properties to move from Google Analytics to Firebase Analytics. This completely changed the app analytics landscape. For more background, please visit the App Analytics Guide.

In the current situation looking at the app data requires you to check multiple silos and that’s quite a hassle. You need Firebase for all app events, sources, mediums and more. And in the Google Analytics Reliable Order Tracking property you can find the transaction- and revenue data. 

We really wanted to make it easier for you to check the performance of the app. With the Analytics Gateway we will start sending all app data to the Reliable Order Tracking property. This allows you to compare events, sources and traffic to revenue and transactions. All in one view!

Besides that we’ve made it easier to export app data to your data warehouse or other systems. With the Event API it is now possible to store and report the data in a way that is desirable for you.

Interested in the Event API? Reach out for more information.

Backend

Server side validations

The validations in the app have always checked if entry fields were empty or not and if these fields were required. If a field was left empty the user would get to see an error. For address fields this would be more complicated because address fields are different per country or have different requirements per brand.

Form field validations
Form field validations

With this improvement we have moved the validations to our servers. This allows us to validate addresses more thoroughly and makes sure validations can be updated more easily. In addition, you can also choose to run these validations using your own preferred service and return custom error messages to the user.

Next to that, we’ve also improved the way error messages are being displayed for input fields. The app will now show input specific error messages so that users can better understand what information they need to correct. 

Backend

Platform infrastructure

We’ve spent a significant amount of time on making the platform more solid and robust. These improvements in our backend make sure that the platform can handle large spikes in traffic and is easier to scale. 

These improvements were already live during Cyber Week and have made sure that everything ran smoothly.

Other improvements

iOS
  • We’ve done some small refinements to the Native Order History.
  • We have fixed a bug where the bottom navigation could appear on screens where it should not.
  • The default iOS ‘Delete’ phrase in the swipe-to-delete functionality in cart is now overridden so localisation is always in sync.
  • The app now sends the category ID to the personal recommendations engine for category recommendations.
  • A bug was fixed where the topbar home button would be missing on iPad when navigating home.
Android
  • We have fixed a crash that would occur when an image loading inside a Product Detail View product card would take more than 10 seconds.
  • A crash would occur when Firebase tried to set a screen view while no screen activity was active. This is now fixed.
Studio
  • We’ve refactored the whole Push Notification image flow. This code could use some refreshing. This should make the push notification image more stable and less error prone.
  • We are currently in the process of updating Studio’s code to make it more consistent, easier to manage and easier to develop new features. The Row Edit page is now completely migrated to React.
  • We are currently in the process of updating Studio’s code to make it more consistent, easier to manage and easier to develop new features. The Row Edit page is now completely migrated to React.

What’s next?

That’s it for our release update! Have a peek at our release portal to see what’s new and what’s next at Highstreet.

Share on:
Share on facebook
Share on twitter
Share on pinterest
Share on linkedin

Want more of this?

Subscribe to our newsletter and stay ahead of the curve with inspiring stories and ideas for your fashion brand.

You might also like

Contact us or request a demo

Do you want to learn more about Highstreet and how to create beautifully designed app experiences that will help you grow your business? Leave us a note and we will come back to you.