onSKUsValidated (onSKUsValidated:function)
Can be used to set a callback executed each time when Tangiblee API request is completed
| Parameter | Type | Description |
|---|---|---|
| onSKUsValidated | function |
a callback to be executed on each Tangiblee API request completing. |
tangiblee('onSKUsValidated', function(atLeastOneSKUIsValid) { console.log('At least one SKU is valid: ' + atLeastOneSKUIsValid); });
onCTAShown (onCTAShown:function)
Can be used to set a callback when Tangiblee CTA is shown.
| Parameter | Type | Description |
|---|---|---|
| onCTAShown | function |
a callback to be executed when Tangiblee CTA is shown. |
tangiblee('onCTAShown', function() { console.log('Tangiblee CTA shown!'); });
onCtaClicked (onCtaClicked:function)
Can be used to set a callback for each Tangiblee CTA click.
| Parameter | Type | Description |
|---|---|---|
| onCtaClicked | function |
a callback to be executed on each Tangiblee CTA click. |
tangiblee('onCtaClicked', function() { console.log('Tangiblee CTA clicked!'); });
onModalOpened (onModalOpened:function)
Can be used to set a callback for each Tangiblee modal opening.
NOTE: In case you wish to track when Tangiblee UX popup opens, we recommend to rely on this event and not on onCtaClicked(), since the latter might not be 100% accurate in case there are CSS or js conflicts on the PDP.
| Parameter | Type | Description |
|---|---|---|
| onModalOpened | function | a callback to be executed on each Tangiblee modal opening. |
tangiblee('onModalOpened', function() { console.log('Tangiblee modal opened!'); });
onIframeLoaded (onIframeLoaded:function)
Can be used to set a callback for each Tangiblee iframe loading.
| Parameter | Type | Description |
|---|---|---|
| onIframeLoaded | function | a callback to be executed on each Tangiblee iframe loading. |
tangiblee('onIframeLoaded', function() { console.log('Tangiblee iframe loaded!'); });
onModalClosed (onModalClosed:function)
Can be used to set a callback for each Tangiblee modal closing.
| Parameter | Type | Description |
|---|---|---|
| onModalClosed | function |
a callback to be executed on each Tangiblee modal closing. |
tangiblee('onModalClosed', function(timeInWidget) { console.log('Tangiblee modal closed! Time in widget', timeInWidget); });
onKeepAlive (onKeepAlive:function)
Can be used to set a callback for ping (every 5sec) Tangiblee widget if it's still active.
| Parameter | Type | Description |
|---|---|---|
| onKeepAlive | function | a callback to be executed on each Tangiblee widget ping (every 5sec). |
tangiblee('onKeepAlive', function() { console.log('Widget ping'); });
onUserInteracted (onUserInteracted:function)
Can be used to set a callback for first Tangiblee user interaction.
| Parameter | Type | Description |
|---|---|---|
| onUserInteracted | function |
a callback to be executed on the first Tangiblee user interaction. |
tangiblee('onUserInteracted', function() { console.log('User interacted'); });
onATCClickInWidget (onATCClickInWidget:function)
Can be used to set a callback for every time the Add-to-Cart CTA is clicked within Tangiblee popup
| Parameter | Type | Description |
|---|---|---|
|
onATCClickInWidget
|
function |
a callback to be executed on each Tangiblee Add to Cart click. |
tangiblee('onATCClickInWidget', function() { console.log('product added to cart'); });