Spiff 3D Product Customization

Find Shopify App — it's free
BACK

Rod Grey from Cooper Cricket's experience with Spiff3D's Product Customizer

so i'm a songwriter by trade and so,uh i would always fix,you know my own bats and and you know,things like that as i was when i was,still playing and then when we were,coming up with this brand this cooper,cricket it was um what are we gonna do,this different to anyone else everyone,is either buying cricket bats from,overseas and putting stickers on them or,there there are some that are making,them,but what happens when someone wants,something different or you know and so,given that i could print something out,we started just by you know mucking,around with printing stickers out,it wasn't until we started,really getting into it that we thought,what if we give a player something that,they want that's just for them and so,it's that that's what set us apart,that's what would carve a little niche,out of making completely customized bats,just for you,so that,you can be totally unique if you want,and get exactly what you want sometimes,with big business when they get really,big,and this is not having a go at anyone,but they're just they're a little bit,faceless because they're so big and,they're moving so much product you're,just one individual of,thousands millions who knows but how do,they give you personalized service and,the reality is they can't always do that,so,that's something for now it's extremely,important to us because as an,independent cricket brand our word and,our service is,the only thing that we can be,better at,because a cricket bat you can get,anywhere and of course we're going to,always say that our crooked bats are,amazing but cricket bats,uh,won't break or they will have little,bits that come out of them or whatever,so we'll always be here to support and,help the player because we really care,how they go on the field we've initially,started with the cricket stumps and so,everything was manual so we set a um,you know a product up online on our,shopify store and then we would sell it,and then the customer would say well how,do i do the artwork and then we say,we'll send us your logo and text and,colors and and then we'll come back to,you with artwork and,it got to the point where it would just,took so long to do the artwork and,it's not a you know a massive job so,it's there's not a lot of profit in it,so what we found was all the profit was,getting eaten up in time having to deal,with customers back and forth and so it,was,one of those things where it's we've got,this great product but it's just not,viable to,sell as a product because we can't be,competitive,and,you know make this great product as well,at the price point that we're doing it,and so we,tried other,online designers and and uh they worked,okay they just couldn't quite get it,right a lot of them couldn't do vertical,text down the cricket stump and so i,know that that was one thing that that,chatty um could,they they they specifically made that,happen just for us,and uh and so that was a great um,advantage and,unbeknownst to me that was a it was a,hard thing to do i did

The above is a brief introduction to Spiff 3D Product Customization

Let's move on to the first section of Spiff 3D Product Customization

Creating Simple Workflows

Creating Simple Workflows

okay so this is a short video on how to,create a workflow,a workflow experience is the experience,that you want to deliver to your,customer,in the front end with regards to what,sort of what level of customizations you,want to offer,and it's it's a very powerful tool that,allows you,to control almost any aspect of the,customization experience,so here we have a pillow and what we're,going to do here now is create a very,basic workflow with,placing some text onto,the object and changing the background,color,so creating a workflow is as simple as,clicking the button here to create a,workflow you can also find workflows,here in the content,tab of the nav bar click and you can,click on workflows,first thing you'll have to do is very,simply click to select the model,so let's find the pillow and let's add,that,so here we can see the material name is,label,as we sort of hover over it you'll see,that,it relates to the entire object and so,in this particular case this,whole 3d model has only one material so,we'll say,create workflow experience created a,panel which will represent the size of,the pdf,that you will ultimately get now in this,case for,this panel this would be wrong,we actually default the size to begin,with to 512,by 512 but it's there for you to make a,change,because every product has a different,size so we just defaulted so that you've,got,an easy win to begin with what we do by,default is we just add a text step,first thing you've got to do is add if,you want to keep that text step,if you don't you can just delete it here,um but the first thing you do is you add,an option,by clicking on the options tab and then,you click add variant,and you choose your first font that you,want to put on that you can actually,choose more than one font,so you can choose to have many fonts,you name your font big font,normal font you can charge extra dollars,for that,you can select a display image um as,well that you want you can set one as a,default,um and then basically all we need to do,is save but,important to note that by default we,actually,give you the region the region is,defined as the place,on the actual um pdf on the panel,by default because we've created a panel,that's 512 by 512 pixels,we actually just by default create a,width and height that's,and the positioning that positions the,text in the center,of the actual model so to add a color,step for this all we would do,is click add step and we would click,on the color steps so each one of these,steps is different function,you can find out more about each step by,reading the help,that's available as you can see the,little blue button will show you,examples,of how to use each one of these step,types and each one of them has very,different functionality so it's,important to go through it,but for now we'll go through the color,step,we'll name it background,and we'll say choose your,color you can set whether it's a,mandatory step or not,and then you go to options click add,option because this is the ac

After seeing the first section, I believe you have a general understanding of Spiff 3D Product Customization

Continue the next second section about Spiff 3D Product Customization

Integrating Spiff3D With Shopify

Integrating Spiff3D With Shopify

for site integration once you've,completed your workflows and you're,ready to deploy onto your store,or it's it's a usually something that,you would reserve,for your shopify developer,um or we can do it for you but for,those customers with debut themes this,is a quick video to show you how to,get your snippet live so that you can,see the,entire process end to end on your store,so,what you do is you go into,your shopify store by the way this is,just purely for shopify bigcommerce,doesn't need this it'll just work,straight out of the box,and wordpress will work straight out of,the box as long as you follow the,instructions in the video that's sitting,in the actual wordpress installation,instructions page,um on the actual wordpress app store,um okay so,here is a test store that we've got it's,got the debut theme,all we do is click on the online store,come to that live theme and you might,want to do this on a preview theme so,sorry on a um on a duplicate theme so,all you do is duplicate,your theme and then name it test,version so if you've got a live store,that you wouldn't want to be you know,making these changes unless you knew,what you were doing,um so you click on actions,edit code we're going to do this on the,main store because this is not actually,a live site it's just a test store,and for debu we want to look for the,product template,all right product template.liquid over,here,then we want to do a control f and,search for the word form,and we want to find where it says form,product,this is basically the part of the page,that is responsible for the actual,product template,and it's where the add to cart button,goes,so all we do is we simply go to the,spiff help pages which is,help.spiff.com.u,forward slash quick dash start forward,slash shopify,and i'll have that link up on the screen,now,and we scroll down to the bottom,we copy the,the code that's in here right so this,allows this second one here this second,snippet allows you to,make changes to the button the size and,the width and the color and so on,and you copy and simply,come into the code and press enter,after that line and then paste it in,there,that does is it puts the spiff button,standard,here's the text that it says on the,actual,uh button so you can change that to,whatever you want,this is the label color as a hexadecimal,code so,all zeros is black and the background,color,all zeros is white so that's basically,it and we save,and then if we go to the demo store,we can see a button appear the,customized name,oh but the other thing that needs to,occur is that,in your actual store under your part,under your billing,section the button won't actually work,unless you activate a plan,to activate a plan all you've got to do,is click here to update your payment,details,um so that's just activating your paypal,express account with us,and then you then once you've done that,that'll allow you to choose a plan,in here at that point and only once,you've activated a plan,will the actual button wo

After seeing the second section, I believe you have a general understanding of Spiff 3D Product Customization

Continue the next third section about Spiff 3D Product Customization

An end to end product personalization experience for a chocolate company

An end to end product personalization experience for a chocolate company

today we're going to show you an example,of coco black's product personalization,in their site they have a,personalization section with a couple of,products there's a couple modular,products where you can add and sort of,customize the internals but for,simplicity we're just going to use this,nine piece box which is set with a,number of nine different very delicious,chocolates very easy we just click the,personalize now button,what it does is it loads the spiff 3d,viewer here where all the customization,components can be modified so you can,see here the first step is we have some,creative iterations in general gift,circumstances so maybe it's for a,birthday maybe it's just because you,know you want to send someone a present,obviously through experience clicker,black know the major gift situations and,have created a template to help,customers out,the second step is to choose a color so,obviously again here we've got seven,different colors including monochrome,you can just see how quickly we can,toggle between the two and it instantly,updates what it will look like when it,arrives at the customer's place,again we've got a canned response,message here but you're welcome to,modify that anything you want within,that templates limits,again this is the first stage where this,gets rendered as a high-res print pdf,and gets the customer to confirm that,before they go and check out now at the,checkout we can see here how we've got,the product and then the personalization,sleeve which is a sliver gets printed,dynamically and then applied to the,standardized packaging but there's an,upsell to a greeting card and there's,three types of greeting cards black,color and then video,i'm going to show you the video one,because the most complex and coolest,so here we can again test between,different gift situations and then,modify the to field the from field and,then the text in the middle of the card,so obviously i'm giving this to myself,so i'm going to say you know dear john,you know you're awesome and talented and,it's going to be from me as well,so you can see here these are the three,customization text steps within the,greeting card and i click next,now this is really cool this is where i,can upload a video either from my mobile,phone or from my desktop and then it,creates a custom or personalized qr code,now when that gets scanned that will,load a personalized landing page which,will play the video back to the,recipient and then again you can see,that card coming up on the checkout page,and some of the very interesting options,that you could do to augment your store,so at the print center this card and the,sleeve gets printed dynamically and then,matched up the pick list and then sent,out to the customer then from really,good customer service here which kept me,informed of where my package was,multiple times during the delivery,process this is how it arrived in a,really nice box a really nice message,there again sort of reiterating that,branding so then i open i

After seeing the third section, I believe you have a general understanding of Spiff 3D Product Customization

Continue the next fourth section about Spiff 3D Product Customization

Augmented reality, virtual reality and customization - Shadi Taleb

Augmented reality, virtual reality and customization - Shadi Taleb

when i first started this business it,was,we were more interested in delivering it,in ar than we were delivering a 3d in,the web,and we did start by doing that and we,turned away from it just purely because,the hardware and the adoption,of the general consumer wasn't quite,there yet,we ran one of the first and largest,augmented reality personalized augmented,reality campaigns for,alan's lollies,with nestle,um in,2018 i think it was,and it was you know it was huge,basically you would purchase you know,i mean this was more of a marketing,thing than actually placing a product in,a room,but you know they were people were,purchasing a box of alan's lollies and,just came in a nice tin and you know,they would then,shine the um you know the their phone,app onto the actual sticker that had,their name on it and that was then,triggering an animation that would have,like a frog and a banana that would jump,on like some of the lollies would jump,on top and then open a scroll and have,your name on it in ar type thing that,was really good but it was and and it's,the same thing for the,you know there's a lot of companies out,there you know doing a lot with regards,to being able to allow you to present,products your products in ar so that,people can see in real time in their,room it's it's definitely where the,future is heading i can see and to be,honest i'm you know i predicted five,years ago that by now we would have made,that switch well and truly so,uh but we haven't you know i think it's,still you know i think we need to see,the wearables market really take off,you know because i think having people,actually shine a phone and a device to,actually place something in a room it,kind of takes the magic away but if i'm,just wearing a pair of glasses and i'm,looking through the room,and then i can sit there and do my,customization and place the object in,the room then it feels like it's there,you know and it doesn't it doesn't it,the magic is there like it's it's it's,it's it's um,it's you know that connection is it's a,lot easier to make um and you know look,we've set our system up to be able to do,that and it's because 3d,and ar essentially are the same thing,they're just presented in different ways,right so,3d in the web is just presenting in the,web 3d model but ar is just a 3d model,presented in digital in in you know in,in,the digital real world once we're,comfortable to use wearables i mean,think of how immersive,vr is right when you put those glasses,on and you leave this world like think,of how immersive it is but,is it realistic,no because we can't walk around in in in,the vr world otherwise we'll trip over,our furniture you know so it's it's like,vr and ar have to um have to blend and,become,i think they're calling it mixed reality,now right like not ar and not vr they're,calling it mixed reality or hyper,reality where you know you can literally,walk around in a room have wearables on,you know see digital icons in the air,bring up a customization platfo

After seeing the fourth section, I believe you have a general understanding of Spiff 3D Product Customization

Continue the next fifth section about Spiff 3D Product Customization

Chocolate gift product personalization example - Koko Black

Chocolate gift product personalization example - Koko Black

today we're going to show you an example,of coco black's product personalization,in their site they have a,personalization section with a couple of,products there's a couple modular,products we can add and sort of,customize the internals but for,simplicity we're just going to use this,nine piece box which is set with a,number of nine different very delicious,chocolates very easy we just click the,personalize now button,and what it does is it loads the spiff,3d viewer here where all the,customization components can be modified,so you can see here the first step is we,have some,creative iterations in general gift,circumstances so maybe it's for a,birthday maybe it's just because you,know you want to send someone a present,obviously through experience quicker,black know the major gift situations and,have created a template to help,customers out,the second step is to choose a color so,obviously again here we've got seven,different colors including monochrome,you can just see how quickly we can,toggle between the two and it instantly,updates what it will look like when it,arrives at the customer's place,again we've got a canned response,message here but you're welcome to,modify that anything you want within,that templates limits,again this is the first stage where this,gets rendered as a high-res print pdf,and gets the customer to confirm that,before they go and check out now at the,checkout we can see here how we've got,the product and then the personalization,sleeve which is a sleeve that gets,printed dynamically and then applied to,the standardized packaging but there's,an upsell to a greeting card and there's,three types of greeting cards black,color and then video,i'm going to show you the video one,because the most complex and coolest,so here we can again test between,different gift situations and then,modify the to field the from field and,then the text in the middle of the card,so obviously i'm giving this to myself,so i'm going to say you know dear john,you know you're awesome and talented and,it's going to be from me as well,so you can see here these are the three,customization tech steps within the,greeting card and i click next,now this is really cool this is where i,can upload a video either from my mobile,phone or my desktop and then it creates,a custom or personalized qr code now,when that gets scanned that will load a,personalized landing page which will,play the video back to the recipient and,then again you can see that card coming,up on the checkout page and some of the,very interesting options that you could,do to augment your store that is some,pretty cutting edge tech that is all,dynamically printed and produced inside,the warehouse of cocoa black and then,personalize on mass to their customers,without a hitch for more information go,to spiff3d.com

After seeing the fifth section, I believe you have a general understanding of Spiff 3D Product Customization

Continue the next sixth section about Spiff 3D Product Customization

How to use and build a 3D product configurator for your ecommerce business with Expivi

How to use and build a 3D product configurator for your ecommerce business with Expivi

Hello, my name is Siamak Mirzaie and welcome to the Getting Started lessons of Expivi.,In these few lessons we are going to show you how you can set up your...,...products online and how to give your customers a whole new experience for...,...online shopping. What is Expivi? Expivi is an online e-commerce platform. It allows you...,...to show your products in complete 3D, that means replacing those boring...,...images with complete 3D environments, where customers are able to rotate, zoom in...,...zoom out and see the product from every angle.,It especially allows them to personalize the product to their needs...,...so they can change the options and directly see the results of those...,...options inside the browser.,So I can actually be able to select from a wide variety of attributes...,...inside this product and all of the products that I,...am selecting inside here are visualized in real time and built also in real time.,That means as soon as I change some options inside here it looks on the...,cloud to see which components are required to build up options and build,some in real time.,That gives you advantage of two things. First of all...,...it gives the advantage to see which components are exactly inside the 3D...,...object or inside your product and build the bill of materials for...,...that product we can actually admit the entire process of your sales.,Secondly...,...it allows to have an unlimited number of options on your product. That means...,...it doesn't matter whether you have 10 options or 10,000 options on a product...,...Expivi builds it all in real time so there is no limitations how many options you have.,Also, it calculates the price instantly as soon as you change an option...,...it can do the price calculation directly based on attributes or based on,the components that are inside the product. Any product set of...,...Expivi is also directly available and you can view it inside virtual...,...reality and augmented reality. That means that customers are able to personalize...,...a product on your website or on your ecommerce platform and directly...,...view it inside their own living room or inside their own space,And you don't have to do anything for that. Expivi is a local platform, that means there is no...,...coding for it, everything is set up in a complete visual way and you don't need...,...to do anything extra to provide that augmented or virtual reality to your customers.,Any product set up on Expivi is directly viewable inside augmented and...,...virtual reality. And you can view all of the products you have set up on Expivi...,...directly inside Expivi's online e-commerce platform or if you prefer to show it...,...inside your own existing shopping platform like Magento, WooCommerce...,...Shopify or any other website, you can just use one of many Expivi plugins...,...to view it inside your own web shop or on your website.,So in the first lesson...,...I'm going to give an introduction of the admin panel of Expivi an

After seeing the sixth section, I believe you have a general understanding of Spiff 3D Product Customization

Continue the next seventh section about Spiff 3D Product Customization

How to integrate the Expivi 3D Configurator with WooCommerce

How to integrate the Expivi 3D Configurator with WooCommerce

hello everyone Woei-Sang here, digital marketer at Expivi and in this video I'm,going to show you how to integrate Expivi with your WooCommerce webshop. now it's,actually very easy to do especially if you are familiar with WordPress and,WooCommerce already but first of all you need to have an Expivi account already, if,you don't have an account yet just head over to our website and sign up here for an,account with a 30-day trial period. after you have signed up for an account you,need to upload and setup your 3d models in your account. to learn how to set up,your 3d models watch the video tutorials which were created by my colleague Siamak,on our documentation page which you can find here.,so we are here in the backend of our WordPress demo website, the first step,would be installing the Expivi plug-in from the plugins directory, we go to plugins,add new, we're going to search for Expivi,hit install now button,and don't forget to activate it,so now you have installed the Expivi plugin and the next step would be configuring,the settings of our plugin. we go to settings and then you'll find the option,Expivi settings and in order to integrate your WooCommerce webshop with,Expivi we need to create an API connection first.,for the API link we need to enter this link you can find this link also on our,WooCommerce integration documentation located,here,the next step will be creating the API token and entering it here. the API token,is created in the backend of Expivi so log in to your Expivi account and go to team,and here you'll find the API keys, hit create,enter a descriptive name,set the permissions on read,and you can copy this access token here,the next thing is the upload URL if you are going to use the image upload,feature you need to enter this. you can find the upload URL on our documentation,page here,and instead of yourdomain.com you need to enter your own domain name,next thing is the price selector this is important because we want to hide the,WooCommerce price and replace it with a dynamic price from Expivi that's why we,need to locate the position of the price with the CSS selector. p.price is the,standard WooCommerce price selector. if your theme is using the same just leave it,that way, if not use the correct one,the last option is append options to hook. you can display the Expivi options before or,after the Add to Cart button,don't forget to save the changes and now you have configured all the Expivi,plug-in settings. and now begins the fun part we are going,to create the products in WooCommerce and we're going to connect these,products with 3d products in Expivi. we go to products, add new,let's give it a name,and when you scroll down you will find here the Expivi product tab and here you,will find the drop-down box with all the 3d products that's been set up in your,Expivi count,let's click on publish,now you have connected the WooCommerce product with your Expivi product,and let's see how it looks like on the product page and as

After seeing the seventh section, I believe you have a general understanding of Spiff 3D Product Customization

Continue the next eighth section about Spiff 3D Product Customization

E104: Talking eCommerce Product Customisation & Personalisation w/ Shadi Taleb, Spiff3D - At the Coa

E104: Talking eCommerce Product Customisation & Personalisation w/ Shadi Taleb, Spiff3D - At the Coa

welcome to the at the coldface podcast,with your host jason greenwood this,podcast is all about what it's really,like in the trenches of digital and,ecommerce,hello everybody and welcome to another,episode of the pod it's my pleasure to,welcome shadi talib from spiff 3d to the,podcast shoddy welcome to the pod thank,you thank you jason that's uh great to,be here fantastic mate i hope i said,your surname right is it talib did i say,that right,yeah,okay i was close i really try not to,butcher people's names and i try to be,respectful of names but i was,somewhat close at least well,while we're there let's get the first,name is shady as well chatty okay not,shoddy chatty okay cool well it is,awesome to have you on the podcast now,spiff 3d you know you you've got this,this amazing platform product technology,that does specializes in personalization,product personalization now you've got a,background as a serial entrepreneur you,know intelligent media ceo for,over five years chairman duties with,with d scoop sjt digital so you've got,this sort of tech entrepreneur,background and obviously you've been,doing spiff 3d for nearly five years now,so tell me kind of how spiff 3d came,about and how you got interested in this,whole product personalization technology,space yeah okay well so look i think if,without sort of uh giving you the um the,the really long version it all started,when i,left my initial career as a stock broker,and,and had a business idea where i felt,like i could add value to small,businesses and the idea came from the,fact that i had a lot of small business,owners that were customers of mine when,i was a broker i used to hear a lot of,their pain points when i just talked to,them in general about their finances and,the idea came to me to create some sort,of like the probably the main problem,that they had a lot of those small,businesses back then,they weren't able to get good pricing,because the volume that they had around,their purchasing power for,supplier-based products and in,particular i'm talking about the,hospitality industry so like purchasing,liquor and purchasing paper products and,insurance gas electricity and so on all,of their variable costs they weren't,able to get good prices on their own so,i basically created an aggregation or,became an aggregator and signed up about,500 hospitality-based venues and then,started negotiating all of these,variable costs on behalf of the group as,opposed to an individual and through,that i was able to reduce the cost of,you know like to a small business like a,small bar or a small cafe or a small,restaurant i was able to save most of,them in excess of 50 000 some of them,over 100 000 a year so a significant,amount of money and what we did was we,just took a percentage of the profits,that we um sorry of the of the savings,that we created for customers i've,always liked the idea of being able to,add value to the little guy whilst not,actually costing them money that's,always been kind of the dri

After seeing the eighth section, I believe you have a general understanding of Spiff 3D Product Customization

Continue the next ninth section about Spiff 3D Product Customization

How to use The Ugly Sweater Shop Website

How to use The Ugly Sweater Shop Website

north pole's cold but the elves are,rocking making little toys to stop the,stockings better behave so santa comes,knocking,when his sleigh is near,snow's piled up but the kids are playing,make their wishlist now they're all,parades santa will break where they all,sing they want underneath the tree,we end the year with christmas cheer,wish it was all year long,glasses toasting chestnuts roasting,carols make you sing along,tree goes up with cookies bacon camera,comes out for a picture taken of,memories that we're all making,at this joyful time,we have the year with christmas cheer,wish it was all year long,glasses toasting chestnuts roasting,carols make you sing along,man,wish it was all year long,glass and raising people praising carol,make you sing along,late at night the kids start sneaking,wish it was all year long,glasses raising people praising carols,make you sing along,with,me here with christmas cheer,wish it was all year long,glasses toasty chestnuts roasting,carrots make you see,oh,we end the year with christmas cheer,wish it was all year long,glass is raising people praising carol,make you sing along,late at night the kids start sneaking,out of bed,and hopes off

Congratulation! You bave finally finished reading Spiff 3D Product Customization and believe you bave enougb understending Spiff 3D Product Customization

Come on and read the rest of the article!

I am a shopify merchant, I am opening several shopify stores. I use ppspy to find Shopify stores and track competitor stores. PPSPY really helped me a lot, I also subscribe to PPSPY's service, I hope more people can like PPSPY! — Ecomvy

Join PPSPY to find the shopify store & products

To make it happen in 3 seconds.

Sign Up
App rating
4.9
Shopify Store
2M+
Trusted Customers
1000+
No complicated
No difficulty
Free trial