Go to homepage
21 / 72
Apr 2016

Hello fellow Hubs,

In order to better support Hubs we’re developing a range of very handy Powertools. These Powertools 19 are especially designed to help you steadily grow your 3D printing business. As you level-up as a Hub, more Powertools become available. This post is about a particular Powertool available for everyone; an Embeddable Order Widget that offers a seamless order experience on your own website.

Screen Shot 2015-11-10 at 18.48.13_0.png 19

The Order Widget is an upload tool that you can embed on your own website. With just a few clicks your customers can upload their design files (STL or OBJ) and receive an instant quote to get them 3D printed at your Hub.

Here’s a few cool examples of how the embed can look

Screen Shot 2015-11-10 at 19.04.00_0.png

Screen Shot 2015-11-10 at 19.05.31_0.png 1

Screen Shot 2015-11-10 at 19.04.19_0.png 2

How do I use it?

Once the order widget is embedded on your website, your customers can directly upload a .stl or .obj file on the page. A simple checkout flow allows the customer to set their print preferences (e.g. color, material). When the order is submitted, a new order is at your Hub, on 3D Hubs. From there it follows the standard order process on 3D Hubs.

https://www.youtube.com/watch?v=R6eMfzqfR3o 2

Quick Tip: Orders generated through the order widget will increase your Hub level on 3D Hubs, increasing overall search ranking and customer inflow. Over time, your Hub will significantly benefit from more orders.

How to set it up?

The Order Widget can easily be embedded by pasting a short string of code into your website.

  • Find your embed code for the order widget on your Hub dashboard on 3D Hubs. Go to the tab “powertools” and generate your code by setting the variables “color”, “size” and “text”.

https://www.youtube.com/watch?v=uWTSlr6CEc0

  • Paste your embed code into your website where you want the button to appear.

Screen Shot 2015-11-10 at 18.45.54_0.png

Order Widget Main Benefits

  • An instant online quote on your own website based on your pricing, printers and material settings.
  • Netfabb auto file repair. All 3D files will be checked on printability and automatically repaired by the Netfabb cloud solution if needed.
  • Secure payment processing (All major payments methods such as IBAN for EU, Paypal, Mastercard, American Express, Visa, Bitcoin and many more country specific methods)
  • 3D Hubs’ order management system. All orders will be added to you order flow on 3D Hubs, including individual order pages for direct communications with your customers
  • 7.5% 3D Hubs service fee, instead of the standard 12.5%
  • Increased Hub rating on 3D Hubs, improving search ranking and new customer inflow.

Please let me know if you have any questions on this thread, cheers!
Filemon

Ps. would be cool if you could share your embed on the comments on this thread as well so others can see.
howtohub_5.jpg

  • created

    Nov '15
  • last reply

    Aug '18
  • 71

    replies

  • 10.1k

    views

  • 31

    users

Frequent Posters

There are 71 replies with an estimated read time of 7 minutes.

Yes, please shoot me an email to filemon[at]3dhubs.com with the issue. Code is not needed, just a quick explanation will do

This is a great powertool Filemon, my new site is in the make and this has to be on it …

Hi, wonder if you can help me. How did you create the ‘Order’ tab on the page and linked the ‘Shop Now’ button to it? Thanks!

3 months later

I love this widget! It was super easy using the “html code” button in GoDaddy’s website builder and looks great. I added a box with some shadow behind it to really make it stand out. I added it to every page on my website www.3d4mellc.com 2. Thanks 3DHubs!

2 months later

I use a Wordpress hosted site and can’t seem to get this embedded in a page or text widget… anybody out there using Wordpress and getting this to work?

Hi @Jinxbot, we don’t support Google Site yet unfortunately. It’s on the backlog, but until that time I fear there’s little I can do to help. Sorry to keep you waiting on this. Best, Filemon

No worries Filemon,

I am working on a Google Script that might let me do it. If I figure it out I will post it. If you guys get to it before I can solve it, is there a way to be notified? Also my concern was about the 7.5% vs the 12% Hubs commission, Is there a way to still achieve the lower commission through using the link instead of the widget?

That would be great, thx!

The 7.5% widget service fee is indeed our minimum. Considering fees to payment providers (±3.5 - 4%) as well as server cost and support, this is already on or even below cost price for us. Hope that explains!

Filemon

Sorry if I was confusing,

I meant since I cant get the widget working as of now, Am I stuck with the 12% Even if I am linking from off page.

18 days later

Hi Filemon, excellent stuff. Thanks a lot for the widget. Has the topic of language localization been explored further within the dev team ? 3d Hubs is positioning the “local 3d printing” theme strongly and fostering the local communities and hence it would be favorable if we could keep the entire customer journey in a single language. Having said that, can I customize this order widget to display the dialogs (file upload, order dialog, cost quote) in a local language - not just the button text ?

I saw a couple of threads on the talk forum regarding language localization and you guys hinted quite a while ago, that this was on your roadmap.

Thanks !

Daniel.

Hi Daniel, It’s on our radar, but not yet on the roadmap. This means it will (most likely) not be developed within the next 6 months. Sorry to keep you waiting for this one. Cheers,

Filemon

1 month later

Is it possible to to customize this widget so that it submits an STL from the server hosting the button (i.e. my own site) or an external URL so that the user isn’t required to upload their own model? I’ve got an object available on Thingiverse and rather than have less than savvy users first download the model, then upload it to 3D hubs, I’d like to help simplify the process.

21 days later

Hi!

First, I love the order widget. It’s been a great addition to my site and service and will definitely be continuing to use it!

I am wondering if it’s possible to change the styling of the button? I’ve tried to add an additional class to the button and apply custom styling, but it’s overwritten with default styling, or breaks the widget altogether. Is there a way to add custom styling to the widget so that it more closely matches the theme/style of my site?

Thanks for the help!

I’d also be very interested in being able to style the button to fit my site.

20 days later

Hey Filemon,

Would you be able to provide a list of different website builders that support the Order Widget?

It can be integrated into most of-the-shelf software packages, I’ve seen Wordpress and Squarespace quite often. Many other packages should support it as long as it allows you to embed a piece of custom code.

Let me know if you have a specific tool you’re looking at and we can check it out.

Brian