Changelog
Documenting our journey of creating a custom sign builder on the shopify platform.
Page 8 of 9
-
New RGB Flow effect
You can now visually display a flowing RGB effect that matches more closely to advanced LED tubing that allows 100s of different modes in real life.
Checkout our demo to see how it performs.Sign Customiser now supports two unique RGB effects to help showcase your LED RGB products to the customer which should help with explaining the product and its capabilities.
To use this new effect on your customiser
- Go to our merchant app in Shopify admin
- Click on the customiser you wish to edit
- Click on “Required Options” and then “Colors”
- Click on “Add a new color”
- On the “Color Effect” input, select “Flow”
-
Font table display as opened or closed on desktop
You can now choose to display the entire table of fonts on the initial load or hide until clicked via dropdown.
We have also improved the app performance by only loading the first font selected and any other font that are visible in the viewport, since font file sizes can be anywhere from 20kb to 500kb this can make it much faster for our app to become usable, especially for users on slower internet connection speeds.
More info can be found here.
-
Custom Sign Design Forms
You can now add one or more forms to a sign customiser and start accepting custom sign design submissions from your potential customers.
Increase lead capture and acquire new customers by adding the custom design form on the same page as the text editor; this feature saves a page load which makes it easier and faster for potential customers to submit their unique sign designs.
Key Features:- Add one or more forms per sign customiser to handle both individual and business needs
- Capture leads and sync them as a Shopify Customer
- Accept all the common file formats used for sign designs
- 10 unique input types, including file, dropdown, multiple choice, date, number, etc.
- Completely customisable, styled and translated to your needs
Sign Customiser now provides three unique methods to capture custom design submissions.
- Simple link to another page on your store
- Full screen more info and link to another page on your store, the screen can be shown by a tab.
- A fully embedded form to capture custom design submission
For more information on how to set up a form on your customiser please browse our collection of relevant articles.
-
Enable font file compression on affected font file
An issue where devices with windows OS that uploaded font files would cause a missing mime type was found. This missing mime type meant our network could not compress the file previously. A font file could be anywhere on average from 20kb to 500kb in file size, our app may load 10 - 30 fonts - these uncompressed files were causing an impact on page speed.
We have addressed this issue by updating all existing font files that were affected to ensure they can now be compressed and provided a fix to the font upload form on our app to prevent missing mime types from occurring again.
-
Add a discounted price on your custom signs
You can now display the “discounted price” next to the “original price” for your custom signs. Using this feature will let the customer instantly see the original and discounted price.
Using this feature allows you to apply a discounted percentage or a fixed amount that will be applied to the original price. Both the discounted and original amounts will be displayed together on the app.The discounted price displayed to the customer will become the final product price when added to the cart.
More info on how discounting works can be found here by viewing this article.
-
New mobile view
You can now display all the options for your sign customiser on mobile to display as stacked options one over the other, rather than viewing an individual option per step.
This new mobile view provides the following
- A natural verticle scroll behaviour for your customers to view all options quickly on mobile
- The sign visualizer on mobile can be set to display as “fixed on scroll” which allows it to stay in view as the customer selects different options.
- The add to cart button can be set to “fixed on scroll” which allows it to stay in view as the customer scrolls up and down the page.
To enable this new view on your store, view this article.
-
Improved sending for custom order emails
Up until now only orders with a financial status of “PAID” would be legible for sending the custom order email.
This meant that some orders would not be legible for sending the custom email as some payment providers such as Klarna or afterpay would mark the order as a financial status of PENDING in certain scenarios.
Making this change means merchants on our apps PRO plan will from now on receive the custom order email as expected. -
Performance and stability update
We have significantly improved the client side app across multiple fronts, this update has fixed many long standing bugs and made the app overall faster to use, especially on low powered mobile devices.
This update represents a complete refactor of the client side codebase which opens the door to more advanced features such as “save or share your design” and “live quoting custom images”, along with ensuring we are building on a solid foundation that will allow us to iterate more quickly with new features and minimise the possibility of introducing new bugs.
Below are the key areas of improvement- 15% smaller file size for initial payload ( faster to download and render initially )
- Increased typing to text render speed by 4X
- Increased speed for selecting and rendering all client side options by 3X
- Improved time to render new measurements
- Improved visualiser text size re-render speed by 4X
- Custom size measurements now render live as the user moves the slider.
- Moved to a native select input on mobile and made it easier to provide custom css to the select input and options on desktop and mobile
- Fix typing issues on Android devices affecting sign text visualisation when using certain keyboards
- Fixed bug preventing the new product to generate when certain backboard colour options were not selected on mobile
-
Prevent rare bug from adding new signs to cart
This update, fixes a bug that that prevented extra large signs under certain conditions from being added to the customers cart. Looking at our metrics this bug would happen very rarely and only when a specific set of conditions would be met.
-
Increase product creation and add to cart speed
The time taken for a new custom sign to be created on Shopify and added to a customers cart has improved by a factor of 50% - 70%, this variable is dependant on the overall sign sign and choices of background images and product options.
This update should help with an increase in CRO, especially on devices with a slow internet connection around the world.