Blog

  • Comparing Custom Product Builders, Personalization and Configuration Tools.

    Comparing Custom Product Builders, Personalization and Configuration Tools.

    [vc_row height=”medium” color_scheme=”” us_bg_color=”” us_text_color=”” us_bg_image=”” us_bg_video=”0″][vc_column][vc_column_text]With the rapid development of manufacturing and web development technologies more and more e-commerce stores start offering product customization and personalization.

    Developing a product configurator is a challenging development task and requires budget and time. As a reward, the store owners can benefit from a 30% higher price for customizable products, lower than 5% product return rate and 70%+ re-purchase rate.

    If you have been looking for a product configurator tool, you might have noticed that there are mainly 2 types of tools: ‘product configurators’ and ‘product personalization tools’. 

    Product configurators allow changing the details of the products, like ‘build your own Nike shoes’ for example or ‘build your own pizza’…

    Product personalization tools are more about printable areas of pre-selected products. Uploading and positioning logos, texts, artwork and photos to t-shirts, mugs and other promotional products.

    Below are some of the competitive tools that we have found in the market that deliver different customization and personalization experiences.

    This list is in not final and might be not 100% up to date, since every company is working on enhancing their app!

     

    Description Product Builder by Buildateam Productimize Artistry ExoCortex
    Conditional Logic: If Someone Choses Something, He Can’T Select Another Option. yes yes yes yes
    Transparent Png Images yes n/a yes n/a
    3D Engine on the roadmap yes yes yes
    4 Dimension Preview Of The Custom Products (Front, Back, Left, Right, Top, Bottom) yes yes yes yes
    Regroup Swatch By Category on the roadmap yes n/a yes
    Tabs yes yes yes yes
    Visualize The Customized Product In The Cart And In The Confirmation Email. store customization store customization n/a yes
    Vizualize Two Parts Of The Bag That Are Customized (Ex.: Outside + Inside) In The Cart And Confirmation Email. theme customization theme customization n/a yes
    Direct Link To A Customized Product. yes yes n/a yes
    Show “Starting At” In The Theme theme customization yes n/a yes
    See Product In The Same Screen Than Options (Don’T Have To Scroll Down And Up) yes yes yes yes
    Add A Link In The App To Allow Customer To Order Swatches customization yes n/a n/a
    Mobile Optimized yes yes yes yes
    Hide Some Superflux Informations In The Cart – In The Actual Version, We See All Options Selected And It Makes A Very Long List. theme customization theme customization yes yes
    Save The Customized Product For Later (Wishlist) on the roadmap In development n/a yes
    Share The Personnalized Product on the roadmap yes yes yes
    Required Fields yes yes n/a yes
    Bilingual App on the roadmap yes n/a yes
    Add & Display Custom Text yes yes yes n/a
    Upload & Display Photos yes n/a yes n/a
    Browser Based Image Layer Re-Coloring! Create Unlimited Colors For Your Product Option Layers Using Just A Color Picker yes n/a yes n/a
    A Selection Of Themes And Color Schemes yes n/a yes n/a
    Customizable Css. Create Your Own Theme yes n/a yes n/a
    Easily Add Custom Js. Create Your Own Features yes n/a yes n/a
    Multiple Custom Product Page Layouts yes n/a n/a n/a
    Product Customization Summary Tab yes n/a n/a n/a
    Custom Options Search yes n/a n/a n/a
    Color Thumbnail (Hex / Rgb / Color Picker) yes n/a n/a n/a
    Quantity yes n/a n/a n/a
    Dropdown yes n/a n/a n/a
    Image Upload With Preview On Product Image yes n/a n/a n/a
    Text Label With Preview On Product Image yes n/a n/a n/a
    Text Area With Preview On Product Image yes n/a n/a n/a
    Date Picker yes n/a n/a n/a
    Time Picker yes n/a n/a n/a
    Multiple Select yes n/a n/a n/a
    Easy Option Position Reordering Within Option Categories yes n/a n/a n/a
    Easy Option Category Position Reordering Within Panels yes n/a n/a n/a
    Easy Image Preview Layer Reordering yes n/a n/a n/a
    Currency Selector yes n/a n/a n/a
    Interactive (Clickable) Product Preview yes n/a n/a n/a
    Dynamic Pricing yes yes yes yes
    Manage Inventory on the roadmap n/a n/a n/a
    Order Management on the roadmap n/a n/a n/a
    Unlimited Products yes yes yes yes

     


    Please let us know what tools have you tried and what was your experience so that we expand our comparison table with your help!
    As you can see The Custom Product Builder By Buildateam has both the features for product configuration and product personalization, while other apps provide either one or another.[/vc_column_text][/vc_column][/vc_row]

  • Version 2.0.0 Released

    Version 2.0.0 Released

    [vc_row height=”medium” color_scheme=”” us_bg_color=”” us_text_color=”” us_bg_image=”” us_bg_video=”0″][vc_column][vc_column_text]We are excited to announce that we have released Version 2.0.0 of the Custom Product Builder!

     

    Release Notes:

    • Mobile Optimization
    • Optimized user experience for mobile devices. Fixed bug that images didn’t show up on mobile devices.
    • The application uses Polaris that is the default UI Component’s library.
    • Improved components and layout in general.
    • Included a Welcome popup to help the users configure the products for the first time.
    • Improvements in user experience and layout.
    • Custom Layers new type: Upload Images, Artwork, Logos and Text. Now you will be able to render a text inside the image dynamically.
    • Improved the algorithm that saves the product’s variants. (No more ‘We couldn’t save options’ error)
    • Fixed bugs related to images inside the canvas, category modals, and options in general.

    [/vc_column_text][/vc_column][/vc_row]

  • How to create a product configurator for an eCommerce store?

    [vc_row height=”medium” color_scheme=”” us_bg_color=”” us_text_color=”” us_bg_image=”” us_bg_video=”0″][vc_column][/vc_column][/vc_row][vc_row height=”medium” color_scheme=”” us_bg_color=”” us_text_color=”” us_bg_image=”” us_bg_video=”0″][vc_column][vc_column_text]We are entering a new generation of shopping. More and more personalization and customization available for the brand are in demand.

    Did you know that businesses that offer custom products benefit from order return rate of less than 6%!!! That’s marginally lower than 30%+ of the industry average.

    On top of that, the re-purchasing rate goes up to over 70%+ which speaks for the customer loyalty.

    Previously the technology behind ‘build your own product’ experience was available only for a limited number of tech giants and startups that heavily invested into the tech behind this feature. Think of the things that first come to your mind? Build your own BMW. Build your own Nike.

    Even nowadays the development of such functionality is very time-consuming. Combined we have spent over 2000 hours on the development of the custom product builder and we aren’t done yet!

    Thanks to the work that we have completed though offering product visualization experience have become significantly easier.

    Who can benefit from the custom product builder.

    Small boutiques and makers that sell custom made-to-order items. With a simple interface, they can present all available variations of their product and collect all the necessary information.

    Manufacturers can now offer their clients full control over the ordered item.

    Large brands seeking connection with their customers.

    How to get started with the custom product builder?

    If you have been thinking about starting using 3D software for modeling your business – its time. Even though it might be scary at the beginning, the rewards will be exciting. If you aren’t comfortable with doing it yourself hire someone from upwork or fiverr or check out free resources like: 3d… where you can download basic models from.

    Professionally done 3d models would be completed in Maya and software alike.

    For each variation you will need to cra

     

     

     

     

    [/vc_column_text][/vc_column][/vc_row]

  • Upload Image & Text!

    Upload Image & Text!

    [vc_row height=”medium” color_scheme=”” us_bg_color=”” us_text_color=”” us_bg_image=”” us_bg_video=”0″][vc_column][vc_column_text css_animation=””]We added two types of image layers: Image and Text

    As shown below, now you can type a text to appear inside the canvas.

    Inline image 1
    First, create a new layer
    Inline image 1
    After that, select the layer and fill in the information required
    Inline image 2
    After typing the text, it will appear inside the image
     We added a button for making easier the creation of the products. We added a clone button as in many cases products are similar.
    Inline image 2
    And we fixed some bugs that were leading to app crashing.

    [/vc_column_text][vc_column_text css_animation=””]

    • We added two types of image layers: Image and Text
    As shown below, now you can type a text to appear inside the canvas.
    Inline image 1
    First, create a new layer
    Inline image 1
    After that, select the layer and fill in the information required
    Inline image 2
    After typing the text, it will appear inside the image
    • We also added a button for making easier the creation of the products. We added a clone button as in many cases products are similar.
    Inline image 2
    And we fixed some bugs that were leading to app crashes.

    [/vc_column_text][/vc_column][/vc_row]

  • Best Custom Product Configurator, Product Visualizer.

    [vc_row height=”medium” color_scheme=”” us_bg_color=”” us_text_color=”” us_bg_image=”” us_bg_video=”0″][vc_column][vc_column_text css_animation=””]

    Hi Heinrich: designing a configurator from scratch is a lot of work and I do not recommend it. The problem is not just the front-end, which a good JavaScript developer could help you with, but the back-end: handling the setup of the configurable product, managing the ordering of the configured product, inventory management (if a part is out of stock, how will the storefront handle it?), etc. There are a lot of details that are not trivial to solve at all.

    What I can give you here is only biased advice based on my experience at Early Impact: the “Build To Order” version of the ProductCart ecommerce system (ProductCart Build To Order combines a shopping cart, product configurator, and online quoting software) is an affordable and customizable solution. You should check it out. It supports inventory management, product images and descriptions, multiple pricing levels, etc. at the configuration item level. Each item in the configuration is not just an “option” or “attribute” in the store, but rather an inventory part, which makes a big difference.

    Of course, there are other solutions (try a search for “product configurator” on Google, for example), but I’m not directly familiar with them. What I do know is that in many cases you are looking at a price tag that’s substantially higher.

    Top product roadmap software trusted by 100,000+ users worldwide.
    Roadmap software to manage your products. Finally, connect product strategy to execution.
    Learn more at aha.io/product-development

    Bernardo Nh
    Catherine Yushina

    Bernardo Nh and Catherine Yushina upvoted this

    Lex Mustafin
    Lex Mustafin, Outsource Web / Mobile / E-Commerce Design and Development.

    Hi everyone!

    I just checked all the links offered in this thread for software that offers product builder experience and I found that many links either don’t work, outdated or cost a lot of money and don’t have real integrations with the E-Commerce platforms.

    So I wanted to add my 2 cents here and share this link:

    We have just recently launched our version of product configurator software and it’s currently available as a native app on Shopify: Custom Product Builder by Buildateam.io

    It allows offering ‘Build Your Own Product’ experience to customers online and in-store without much technical knowledge or investment.

    Main website: The Custom Product Builder

    Nicholas Marx

    The complexity and quality of a product configurator depends on how visual and modifiable it is, as well as the number of options that go into the product. At Bespokeable http://Bespokeable.com we make it super easy to launch and manage your own online shops complete with product configurators. Although we only support men’s shirts at the moment, we’re working hard to launch new products…

    Stefan Dan

    Hi Heinrich, there are already made product configurators out there that you can use for your ecommerce store projects, one of them is the Simplio3D web based product configurator where is distributed both in standard version and bespoke for ecommerce integrations for Magento, Opencart, PrestaShop, WooCommerce etc.

    Simplio3D both supports .PNG imagery and full 3D rendering.

    Become a web developer – 13-week coding bootcamp.
    Learn HTML, CSS, javascript and more! Sign up today to save your seat at a local general assembly campus.
    Apply now at generalassemb.ly/coding

    Renaud Teasdale

    We have created a very advanced product configuration platform so you do not have to start from scratch.

    We take care of technology so you can focus on building and selling great custom products.

    http://mycustomizer.com

    Nikola Tosic

    Hi,

    At JTT PARTNERS we would apply following process:

    1) Elicit following information from stakeholders on client side:

    – Products or product parts which will be used in the configuration process

    – Rules under which they are configured

    – Price calculation rules

    – Marketing / sales goals (SEO, branding, etc)

    2) Requirements documentation would be designed based on elicited information, and it would include:

    – Feature design

    – Interface design

    – Any other relevant documentation that describe the development needs, user processes, while maintaining the brand

    3) Documentation is delivered to developers which can be:

    – Inhouse

    – Via RFP to supplier

    Product configurators are much more complex than assumed.

    My suggestion is NOT working directly with developers, but work with a business analyst to design the requirements.

    I am an ex triathlete, so I can understand the complexity of online bicycle configurators. There are a lot of rules to combine frames, wheelsets, groupsets, stems, handlebars, seats, and also bikefit must be taken into consideration.

    A partnership with someone like Retul might be interesting. Their bikefitting rules can be integrated into the bike configurator.

    Pieter-Jan

    Hi,

    There are a few ways to create a configurator like the example you gave.

    You can work with photo’s or you work with 3D models.

    1. With photo’s and not to much possible configurations, you can just show the photo that fit the chosen values.
    2. With photo’s but the amount of choices is big, then the photo needs to be cut in peaces and put together again depending on the choices made.
    3. With 3D models you can build a configurator like 1 and 2 but then pre-rendered on the server.
    4. Use the 3D model to render the image on the server as the request is done.
    5. Use webgl to render the 3D model in the browser on the client-side.

    At Navigram. Network platform for Product Catalogs. Solutions for product configuration, visualization and sharing. Guided selling and CPQ in 2D and 3D. you can create a configurator described in point 1 and 5. If you don’t want to use 3D models but only photo’s you attach the photo’s to the option. If you want to use 3D models you attach these to the option. Show, hide and color parts as you like.

    At

    Create your own 3D configurator or 3D planner

    you can create a 3D configurator like in point 5 but than with a lot of freedom. Show, hide or color parts. Choose your own lights or camera points, snap objects together etc.

    [/vc_column_text][/vc_column][/vc_row][vc_row height=”medium” color_scheme=”” us_bg_color=”” us_text_color=”” us_bg_image=”” us_bg_video=”0″][vc_column width=”1/2″][vc_column_text][us_single_image image=”” alignment=”” style=”” border_color=”grey” img_link_target=”_self” css_animation=”” lightbox=”” link=””][/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text css_animation=””]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_column][/vc_row][vc_row height=”medium” color_scheme=”” us_bg_color=”” us_text_color=”” us_bg_image=”” us_bg_video=”0″][vc_column width=”1/2″][vc_column_text][us_single_image image=”” alignment=”” style=”” border_color=”grey” img_link_target=”_self” css_animation=”” lightbox=”” link=””][/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text css_animation=””]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_column][/vc_row]

  • August Updates

    August Updates

    [vc_row height=”medium” color_scheme=”” us_bg_color=”” us_text_color=”” us_bg_image=”” us_bg_video=”0″][vc_column][vc_column_text css_animation=””]

    Here are some latest Custom Product Builder updates:
    New Features Released!

    Set Default Options

    Customize CSS

    If you know CSS, you can customize the themes by following this link. You can override theme classes and ids with custom CSS there.

     

    Custom JS

    If you know JS, you can add custom JS that would load within the tool. You can manipulate DOM elements in a similar way that ‘Optimizely’ does it.

     

    What’s next?

    If you haven’t realized we are quite excited about the custom product builder and how it can revolutionize the shopping experience. Currently, we have 44 active users and we are very proud of it! Thank you very much for being a part of the community!

    We are working on an ability to change layer colors on the fly without the necessity to upload images of all colors! It means you will have to upload 10 times fewer images and can create unlimited color options using just a color picker!

    We are also adding all type of new input fields: date and time pickers, multiple select, text labels and text areas that will be rendered on the product image preview, image upload for logos and photos.

    Interactive product preview with clickable areas soon will get a lot easier too! Just upload a layer into the custom options panel and we will automatically calculate the border of the image for the clickable area.

    On the roadmap, we also have inventory tracking, analytics, and more interactive design tools for the image preview section.

    And the last but not the least – we are actively working on releasing Magento 2 version of the builder which will also introduce an ‘Import and Export Custom Product’ feature as well! 

    Outsource Desing and Development with Us

    And just as a side note, in case you were interested a little bit about the team. We are a bootstrapped startup and the development of this plugin was sponsored by custom design and development work that we do for E-commerce stores using our network of Senior remote experts. Here is the list of all services that we offer: https://www.buildateam.io/outsource/  Our clients include national retailers, luxury marketing boutiques, and VC-backed startups.

    If you or someone you know are looking for a reliable partner for outsourcing design and development work, please let us know! We have excellent experts for most any type of projects including mobile app development and e-commerce development.[/vc_column_text][/vc_column][/vc_row]