Element Types

Element Types


  1. Dropdown: Displays a list of options in a dropdown menu. You assign a value to each option to be used in the formula.

    Tutorial:




  1. Number input: Allows your customers to enter a numerical value to be used in the formula.
    You can use the number that the customer input as the value in the formula or you can set ranges for a number input.


  3. Text input: Allows your customers to enter text that can be used for making the custom product.

  4. Image Upload: Allows your customers to upload an image that can be used for making the custom product.  Learn more here.

  5. Text block: Allows you to display text for the benefit of your customers. For example, you can provide your customers with helpful instructions regarding your calculator or instructions or information pertaining to your products.

  6. Image Selector: Allows your customers to select images from a swatch view while displaying the selected image as the main product image. You can also use this feature in as a dropdown. (Example: color selector, design selector, etc.).

  7. Calculation Display: Allows you to display a calculation to provide additional information or a description regarding your product. The calculation displays dynamic changes as your customer modifies his or her inputs. For example, the calculation can reflect pricing for bundled products or products sold in multiples (e.g., $20 per roll; order will come in 10 boxes; etc.).



    • Related Articles

    • Image Selector Element

      Using our Image Selector element you can allow your customers to select any image from a swatch or dropdown selection. If you want the image of the selected option will even be displayed on as the main photo on the product page the caculator is ...

    • Conditional Display

      Conditional display allows you to show a specific element only if a condition is met. If you have a dropdown, image selector or checkbox on your calculator you can display additoinal elements based on what option is selected in those elements.  Just ...

    • Building a Calculator

      1. On the side navigation click “Create New” 2. Make sure you are on the Elements tab 3. Select which element [link to elements section] you want to use and drag it to the canvas. You can add multiple elements to the same calculator and reposition ...

    • High level definitions

      1. Calculator: Each calculator can be embedded to a product page and needs to be configured. There is no limit to the amount of calculators you can build but you can only embed one calculator per product. 2. Elements: These are the building blocks ...

    • Creating a Formula

      The formula is the price that the customer will see on the product page and will be calculated dynamically and displayed live as their input changes. In the formula section you will need to define the formula based on the defined inputs in the ...