Customiser Feature List
Design Experiences Available
Our platform offers a range of design modes, from simple 3D model viewing to comprehensive customisation experiences. These modes cater to various user needs and product complexities.
| Design Mode |
Description |
| 3D Viewer |
Immersive 3D viewing experience for non-customisable digital models, allowing users to explore products in detail. |
| 2D Configurator |
Interactive 2D interface enabling real-time color and material configuration, ideal for simple customisation needs. |
| 3D Configurator |
Advanced 3D viewer with real-time color and material configuration, providing a more immersive customisation experience. |
| 2D Customiser |
Comprehensive 2D customisation suite combining multi-layered print design with configurable options, perfect for detailed 2D product customisation. |
| 3D Customiser |
Full-featured 3D customisation experience, merging multi-layered print design with configurable options in a 3D environment. |
| Split Mode Customiser |
Hybrid approach featuring a split viewer mode with 3D preview alongside a 2D print design interface, offering the best of both worlds. |
Visualisation Features
These key features enhance the visual experience within our Customiser, ensuring an engaging and user-friendly interface.
| Feature |
Description |
Optional? |
| Responsive UI |
Adaptive interface that seamlessly adjusts to various screen sizes and devices. |
Recommended |
| Touchscreen interaction |
Intuitive touch controls for effortless navigation and customisation on mobile devices and tablets. |
Recommended |
| Automatic camera values |
Smart camera positioning that automatically adjusts to showcase products optimally. |
Recommended |
| Camera Pan controls |
User-controlled camera movement for detailed product exploration. |
Optional |
| Animation |
Supports transform, morph, and skinned/skeletal animation styles, enabling dynamic product presentations with transitions between states, open/closed views, or exploded diagrams. |
Optional |
| AR/VR |
Augmented and Virtual Reality capabilities for immersive product visualization. |
Optional |
| Multi-model design |
Facilitates multiple shared states of a product (e.g., open/closed) or groups of different products in one design experience, without complex animations. |
Optional |
Tools
These top-level tool sets form the core of our multi-layered design experience, enabling rich customisation options.
| Tool |
Features |
Optional? |
| Background |
Color-editable SVG, Non-color-editable JPEG or PNG |
Optional |
| Colour Fill |
Hex code fill, Color gradients |
Optional |
| Stickers |
Color-editable SVG, Non-color-editable JPEG or PNG |
Optional |
| Image Upload |
Allows users to upload and incorporate their own images |
Optional |
| Pattern Maker |
16 symmetry options, Tile selection, Create patterns from background/sticker/image upload/text-to-image AI |
Optional |
| Text to Image generation AI |
AI-powered tool for creating unique images from text descriptions |
Optional |
| Text |
SVG font output for high-quality, scalable text elements |
Optional |
| Add NFT/digital token |
Wallet integration for incorporating digital assets |
Optional |
Tool Properties
These properties provide fine-grained control over each tool set, enhancing the customisation capabilities.
Background Fill
| Property |
Description |
Optional? |
| Eyedropper |
Selects color from the print area for precise matching |
Optional |
| Colour options |
Predefined color choices for quick selection |
Optional |
Backgrounds, Stickers, Image Upload, Pattern
| Property |
Description |
Optional? |
| Delete |
Remove the selected element |
Default |
| Resize/scale |
Adjust the size of the element |
Optional |
| Rotate |
Change the orientation of the element |
Optional |
| Move |
Reposition the element within the design area |
Optional |
| Centre x/y |
Automatically center the element horizontally and vertically |
Optional |
| Centre x |
Center the element horizontally |
Optional |
| Centre y |
Center the element vertically |
Optional |
| Layer up/down |
Adjust the stacking order of elements |
Optional |
| Mirror x/y |
Flip the element horizontally or vertically |
Optional |
| Duplicate |
Create a copy of the selected element |
Optional |
Note: Backgrounds have an additional "tiling on" property (Optional)
Pattern Maker
| Property |
Description |
Optional? |
| Symmetry |
Apply various symmetry options to create complex patterns |
Optional |
| All properties from Backgrounds, Stickers, Image Upload |
|
|
Text to Image AI
| Property |
Description |
Optional? |
| Text input field |
Enter text prompts for image generation |
Optional |
| 3 images are generated |
Provides multiple options based on the input |
Optional |
| Create variation of a generation |
Refine and iterate on generated images |
Optional |
| Select generation |
Choose the preferred generated image |
Optional |
| Cancel |
Exit the image generation process |
Default |
Text
| Property |
Description |
Optional? |
| Text input field |
Enter the desired text |
Default |
| Edit colour |
Change the color of the text |
Optional |
| Font library |
Select from a variety of font styles |
Optional |
| Font size |
Adjust the size of the text |
Optional |
| Rotate |
Change the orientation of the text |
Optional |
| Outline |
Add an outline to the text for emphasis |
Optional |
| Centre x/y, x, y |
Alignment options for precise text positioning |
Optional |
| Line spacing |
Adjust the vertical space between lines of text |
Optional |
| Letter spacing |
Modify the horizontal space between characters |
Optional |
| Move |
Reposition the text within the design area |
Optional |
| Duplicate |
Create a copy of the text element |
Optional |
| Layer up/down |
Adjust the stacking order of text elements |
Optional |
| Delete |
Remove the text element |
Default |
| Left/Right/Centre align |
Text alignment options |
Optional |
Additional Features
These features complement the tool sets and enhance the overall design experience.
Colour Editing
| Feature |
Description |
Optional? |
| Individual colour editing |
Fine-tune colors for specific elements |
Optional |
| Colour palettes |
Predefined sets of up to 8 colors for cohesive designs |
Optional |
| Shuffle colours in palette |
Randomly reorganize colors within a palette for inspiration |
Optional |
| Random selection from palettes |
Choose a random color from available palettes |
Optional |
| Eye dropper tool |
Select colors directly from the print area for precise matching |
Optional |
Extra Fields
These additional features enhance design approaches, selection menus, and other aspects of the customisation experience.
Product Based Extra Fields
General Product Config
| Field |
Description |
Optional? |
| cliparts_category_id |
Assigns a specific clipart gallery to a product |
Optional |
| backgrounds_category_id |
Assigns a specific background gallery to a product |
Optional |
| cliparts_default_scale |
Sets the default scale for clipart |
Optional |
| backgrounds_default_scale |
Sets the default scale for backgrounds |
Optional |
| show_initials |
Adds an extra step for initials input (e.g., for engraving) |
Optional |
| Mobile Zoom multiplier |
Defines the default model scale for mobile view |
Optional |
| initials_thumb_url |
Adds an image for the extra step in the design process |
Optional |
| initial_animation_state |
Sets the initial 3D Model Animation state on loading |
Optional |
| hide_blank_canvas |
Loads directly into templates, bypassing the blank canvas |
Optional |
Mesh
| Field |
Description |
Optional? |
| price_range |
Displays price range text in Mesh options |
Optional |
| description_text |
Adds a description to mesh options |
Optional |
| transparent_texture |
Makes the background transparent for the side |
Optional |
| animation |
Specifies which animation state is activated for the side |
Optional |
| text_default_scale |
Sets the default text scale for the side |
Optional |
| skip_copy_tools |
Skips the 'copy to next side' action |
Optional |
| text_min_scale |
Sets the minimum scale of text for the side |
Optional |
| text_max_scale |
Sets the maximum scale of text for the side |
Optional |
Sections
| Field |
Description |
Optional? |
| inverse_left_right |
Inverts left and right move buttons in the customiser |
Optional |
| inverse_up_down |
Inverts up and down move buttons in the customiser |
Optional |
| inverse_x_y |
Inverts both left/right and up/down in the customiser |
Optional |
Image Asset Based Extra Fields
| Field |
Description |
Optional? |
| boundary_lock |
Creates a boundary container to keep assets within |
Optional |
| editable |
Adds a label to show an asset is color-editable |
Optional |
| price |
Associates an additional price with the asset |
Optional |
| max_scale |
Sets the maximum scale size of an asset |
Optional |
| min_scale |
Sets the minimum scale size of an asset |
Optional |
| color_id |
Assigns a specific color library/palette to an asset |
Optional |
| scale |
Sets the default asset scale |
Optional |
Category and Selection Menu Based Extra Fields
Product Category
| Field |
Description |
Optional? |
| cliparts_category_id |
Assigns a specific clipart gallery to a product category |
Optional |
| backgrounds_category_id |
Assigns a specific background gallery to a product category |
Optional |
| full_thumb |
Creates a full image thumbnail in the product selection menu |
Optional |
| title_color |
Sets the color of the title in the product selection thumbnail |
Optional |
| button_text_color |
Sets the color of button text in the product selection thumbnail |
Optional |
| button_color |
Sets the color of buttons in the product selection thumbnail |
Optional |
| stroke_color |
Sets the color of text stroke in buttons in the product selection thumbnail |
Optional |
| stroke_size |
Sets the size of text stroke in buttons in the product selection thumbnail |
Optional |
| size_selection |
Shows a size selection menu instead of images/product view |
Optional |
Template Category
| Field |
Description |
Optional? |
| full_thumb |
Creates a full image thumbnail in the template selection menu |
Optional |
| title_color |
Sets the color of the title in the template selection thumbnail |
Optional |
| button_text_color |
Sets the color of button text in the template selection thumbnail |
Optional |
| button_color |
Sets the color of buttons in the template selection thumbnail |
Optional |
| stroke_color |
Sets the color of stroke in buttons in the template selection thumbnail |
Optional |
| stroke_size |
Sets the size of text stroke in buttons in the template selection thumbnail |
Optional |
| description_color |
Sets the color of description text in the template selection thumbnail |
Optional |
| description_stroke_color |
Sets the color of description stroke in the template selection thumbnail |
Optional |
| description_stroke_size |
Sets the size of description stroke in the template selection thumbnail |
Optional |
| description_size |
Sets the size of description text in the template selection thumbnail |
Optional |