Page History
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<iframe
name="Cutwise Widget"
width="{WIDGET_WIDTH}"
height="{WIDGET_HEIGHT}"
frameborder="0"
src="https://widget.cutwise.com/{TEMPLATE_NAME}/v1/{CUTWISE_ID}?autoplay={AUTOPLAY}"
allowfullscreen
></iframe> |
Parameters
| Parameter name | Available values | Default | Sample | Description |
|---|---|---|---|---|
CUTWISE_ID | — | https://widget.cutwise.com/performance/v1/333?autoplay=1 | Product ID to embed. You can see it in cutwise diamond page URL: https://cutwise/diamond/ 333 Link for embedding = https://widget.cutwise.com/performance/v1/333 | |
AUTOPLAY | 1, 0 | 1 | ...&autoplay=1&... | This parameter specifies whether the initial video will automatically start to play when the player loads. |
Predefined Templates
More information about Cutwise Widget types:
| Template name | Example link | Width, px | Height, px | Appearance |
|---|---|---|---|---|
| performance | https://widget.cutwise.com/performance/v1/337 | 480 | 640 |
|
320 | 500 |
| ||
| visual | https://widget.cutwise.com/visual/v1/333 | 480 | 580 |
|
| 320 | 420 |
| ||
| report | https://widget.cutwise.com/report/v1/386/ | 1366 | 768 |
|
Usage example:
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<iframe name="Cutwise Widget" width="480" height="640" frameborder="0" src="https://widget.cutwise.com/performance/v1/333" allowfullscreen ></iframe> |
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<iframe name="Cutwise Player" width="640" height="640" frameborder="0" src="https://widget.cutwise.com/video/333?sp=51&autoplay=1" allowfullscreen ></iframe> |
Parameters
| Parameter name | Available values | Default | Sample | Description |
|---|---|---|---|---|
CUTWISE_ID | — | Cutwise Product ID to embed. You can see it in cutwise diamond page URL: https://cutwise/diamond/333 Link for embedding = https://widget.cutwise.com/video/333 | ||
AUTOPLAY | 1, 0 | 0 | ...&autoplay=1&... | This parameter specifies whether the initial video will automatically start to play when the player loads. |
| GRAYSCALE | 1, 0 | 0 | ...&grayscale=1&... | This parameter specifies whether the videos or images will show in grayscale tone. |
| AUTORESIZE | 1, 0 | 1 | ...&autoresize=0&... | Enable or disable autoresize listeners. If autoresize parameter is enabled, Cutwise Widget will resize automatically based on iframe width and height parameters. |
SETUP_PRESET_ID | integer ID | first video on diamond page | ...&sp=43&... | This parameter specifes what media will be shown for current CUTWISE_ID. |
List of SETUP_PRESET_ID
Currently supported video are (only if this video available on product page):
| Video | Image | ||
| SetupPreset ID | SetupPreset Title | SetupPreset ID | SetupPreset Title |
|---|---|---|---|
| 1 | ViBox Vertical 360 | 7 | Office Black |
| 2 | ViBox 360 | 9 | Office Gray |
| 3 | ViBox Vertical Swinging | 10 | ASET Black |
| 4 | ViBox Swinging | 11 | ASET White |
| 5 | ViBox Fire Mono | 12 | IdealScope |
| 6 | ViBox Office Mono | 13 | Arrows |
| 21 | ViBox Fire | 14 | Hearts |
| 22 | ViBox Office | 15 | Munsell Color Matching |
| 23 | Darkfield Swinging (Crown) | 16 | Munsell Color Matching Close-up |
| 28 | ViBox Fire Gyro | 17 | Clarity Diagram |
| 32 | Darkfield Gyro | 18 | Office Inclusions |
| 33 | Vibox Fire Gyro 2D | 31 | Fluorescence |
| 38 | Fluorescence Live Photo | 42 | Table Color Outdoor |
| 41 | Office Live Photo | 50 | Darkfield |
| 43 | DiBox 2.0 Fire | 52 | Pavilion Color Lab |
| 44 | Fire Live Photo | 54 | Fire |
| 45 | DiBox 2.0 Office | 55 | Pavilion Fluorescence |
| 47 | ASET Black Live Photo | 56 | Table Color Lab |
| 51 | Darkfield | 57 | Table Color UV Free |
| 53 | Pavilion Color Lab Live Photo | 58 | ASET Black Table Down |
| 60 | Brightfield | 59 | Brightfield |
| 61 | White Dome Table Down | ||
| 64 | Table Color Lab Live Photo | ||
Supported web browsers
- Google Chrome (last version -3)
- FireFox (last version -3)
- Safari 11+
- Microsoft Edge (last version -3)
...
Overview
Content Tools