Easier to Develop Online Configurators With TypeScript and DynaMaker

We are constantly working to improve the DynaMaker cloud service and lately we have been focusing extra hard on usability for developers.

Therefore we now have released a big update simplifying many of the development patterns that you encounter when building your online CAD-configurators. Most of the changes are in the actual structure of the TypeScript/JavaScript templates for the different stages of development.

Changelog

The most important changes are listed in the docs under Changes 2020-10-20 and can be summarized as:

Upgrading Old Projects

Since old projects needs the possibility to always carry on there is no automatic upgrade performed on your projects. You need to reach out to support@dynamaker.com if you want the latest features and we will assist you with the upgrade!

Industry Gate Configurator Template

Are you working with doors, gates or other forms of openings in buildings? We have a nice template to get you started with DynaMaker!

When enabling parametric configuration on your homepage you can let the user do the measurements themselves. With rules restricting and validating the input you can control what sizes and resolutions are allowed, limiting mistakes and errors.

You can allow direct download of a quotation drawing (PDF/DXF) that is auto generated with the exact measurements and easily integrate your configurators with your e-commerce with the help of our plugins and integrations.

If this looks useful for you, please reach out to sales@dynamaker.com and let us show you how we can help guide your clients and automate your quotation process.

CAD Configurator for 3D-printed Motor Brackets

Try out the Configurator

A DynaMaker template project that generates a motor bracket that fits the NEMA standard for stepper motors. With very few inputs the user can modify the installation size and picking the right standard without having to know anything about the NEMA specifications.

You can navigate the model with middle and left mouse button.

Does this template look useful to you? Contact us at sales@dynamaker.com and we can get you started with this!

Greenhouse Configurator Template

This is one of many template projects available for a quick start with customization in DynaMaker. Its a simple one step configurator that enables parametric customization of a green house with automated CAD exports. See video below for example of how it could work for your e-commerce!

WordPress plugin for CAD

The CMS platform WordPress is one of the most popular ones to build your homepage on the web. We thought it might be suitable to make it easier to embed a Dynamaker project direct on a WordPress homepage. Therefore we have just launched a plugin of our own to WordPress!

You can find it among WordPress plugins and after installation it will show up in the wordpress standard block builder on your homepage.

Where you can find the DynaMaker block in your wordpress after installing the plugin

Even if the most common approach for configurator builders is integrating it with an more advanced e-commerce platform or customer portal we hope this can provide a good starting point for most companies in any stage of their digitization process.

Integrations with SendGrid and Auth0

Most online applications work together with other systems and solutions to help users design and customize products online. Therefore they almost always have to be connected to a homepage, e-commerce, ERP, customer portals and similar to do their intended work.

As a fast and standardize way of connecting the applications your create with DynaMaker to these type of platforms we have now released plugins in the developer dashboard!

Plugins popup in a project.

First out is the two plugins SendGrid and Auth0, providing e-mail service and authentication for your project.

These two provide a quick way of handling user interaction when you only have a homepage and dont yet have a full fledged e-commerce platform or customer portal taking care of things like theese.

How to use SendGrid plugin in a DynaMaker project

  1. Open your project in DynaMaker
  2. Edit UI in your DynaMaker project and create a checkout button in your project that should trigger an email to sales
  3. Create an account at SendGrid and create an API key there
  4. Create an e-mail template at SendGrid of how you e-mail should look and
  5. Go back to DynaMaker and activate the SendGrid plugin in your project dashboard.
  6. Add your api key to the plugin input field.
  7. Open Edit UI in the DynaMaker project and go back to your checkout button
  8. Import PLUGINS module under the “edit imports”
  9. Access the SendGrid plugin api with PLUGINS.SENDGRID.sendMail( … ) with the proper templateId and content matching what you setup in SendGrid
  10. Pres SAVE & UPDATE and test the checkout button in the editor

How to use Auth0 plugin in a DynaMaker project

  1. Create an account on Auth0
  2. Create a new Authentication setup for “Regular Web Application” and copy the details
  3. Create a first user in Auth0
  4. Open your project in DynaMaker and activate the Auth0 plugin in your project dashboard.
  5. Fill in the same details in the plugin fields as you used for the authentication setup.
  6. Deploy new version of your application and copy the url
  7. Go back to Auth0 to fill in some final information from the deploy url
  8. You will now get an login prompt when accessing the application url

If you have questions or feedback, dont hesitate to contact support@dynamaker.com and we will help you!

We also gladly receive your wishes of new plugins to your favorite systems!

Configure Assemblies with code

Now on Thursday (19/3) at 16:00 CET we have an upcoming webinar to learn how to setup an assembly and let rules and logic automatically place components in DynaMaker. Please join in by sending an email to webinar@dynamaker.com or read more about our other upcoming webinars at our open webinars page.

We will look into some example cases of how things can be done, explain components an instancing, show you how to work with a tool like DynaMaker and discuss together different options and possibilities.

Solar panels on roof created as instances of a single reference component
Basic porch configurator broken down into its sub components

Develop a CAD Configurator for Websites

Do you need a product configurator for your website so that the visitors can interact with your products in 3D and generate new CAD drawings and files?

Do you want to take part in the development yourself or hire an expert to help you?

Then the DynaMaker cloud service could be the perfect solution for you!

Online 3D Visualization and CAD Import/Export in One Tool

To give you the power and control to build fully automated processes from online configuration to on demand customized manufacturing we have combined both the possibility for visible configuration in 3D, with fast and lightweight models, together with the power of working with generation of CAD data. Both extracting parameters and dimensions from user imported 2D cad files (dxf, pdf, etc) to auto generation of 2D/3D CAD files for manufacturing (dxf, step, pdf, etc).

Fast Start with Fork, Modify and Deploy

We have standardized and streamlined the development process for setting up an online web app for CAD configuration with the help of our online IDE, lots of templates and example code to start from and an automated deploy and hosting process.

You pick a template (we can help with selection) and make it yours with a click (Fork). Then you can modify it and add as much as you like to make it match exactly your product that should be configured (Modify), And with the click of a button you build and deploy it to our hosting service and make it available to the world (Deploy).

Fork a template, Modify the content and Deploy your very own online configurator with DynaMaker

So just join the community and start exploring our cloud service!

Online product picker for solar panels

Building a online tool for just switching predetermined sizes is easy. Add a few 3D-models with some nice textures and suddenly you have very visual way for the customers to test different sizes.

But from that simple product picker you can then allow export of 2D-drawings with dimensions, open up for patterns of multiple panels, and allow different downloads for adding to your own 3D-projects. Endless possibilities!

Send us some links with your preferred sizes and we will set you right up with a solar panel online configurator from one of our templates.

Configurator webinars for winter 2019

2D CAD for sign making in DynaMaker

Take the opportunity to spend some time together with our engineers to learn how DynaMaker works and how you could become a better developer on the platform! The online IDE for developing and publishing your own 3D configurators and automated CAD customization tools has many features and lots of possibilities. You just have to learn how to navigate all that technology and start using it for your own applications!

The next webinar on the 5th of december will look on how to automatically generate 2D drawings (dxf, pdf) dynamically from whatever parameter the user inputs in a tool.

Upcoming DynaMaker Open Webinars

  • 2019-12-05 (13.00-14.00 CET) Generate 2D Drawings
  • 2019-12-19 (16.00-17.00 CET) Assemblies and Parts
  • 2020-01-16 (13:00-14.00 CET) Creating UI and Workflow
  • 2020-01-30 (16:00-17:00 CET) Automatic Quotations