Shoppable Videos | Enhance Engagement with Idukki's Product
Sell more with clickable shoppable videos
Request demo
Brands That Trust Us
Turn videos into seamless shoppable experiences
5x
Conversion
rate
80%
Quicker video
loads
50%
Faster purchase
decision
ZERO Site speed impact
See us in action
Vite + Preact
(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const n of document.querySelectorAll('link[rel="modulepreload"]'))o(n);new MutationObserver(n=>{for(const i of n)if(i.type==="childList")for(const c of i.addedNodes)c.tagName==="LINK"&&c.rel==="modulepreload"&&o(c)}).observe(document,{childList:!0,subtree:!0});function t(n){const i={};return n.integrity&&(i.integrity=n.integrity),n.referrerPolicy&&(i.referrerPolicy=n.referrerPolicy),n.crossOrigin==="use-credentials"?i.credentials="include":n.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function o(n){if(n.ep)return;n.ep=!0;const i=t(n);fetch(n.href,i)}})();var B,v,h_,C,e_,v_,R,Q,j,z,T={},m_=[],C_=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,X=Array.isArray;function H(e,_){for(var t in _)e[t]=_[t];return e}function b_(e){var _=e.parentNode;_&&_.removeChild(e)}function P_(e,_,t){var o,n,i,c={};for(i in _)i=="key"?o=_[i]:i=="ref"?n=_[i]:c[i]=_[i];if(arguments.length>2&&(c.children=arguments.length>3?B.call(arguments,2):t),typeof e=="function"&&e.defaultProps!=null)for(i in e.defaultProps)c[i]===void 0&&(c[i]=e.defaultProps[i]);return U(e,c,o,n,null)}function U(e,_,t,o,n){var i={type:e,props:_,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:n??++h_,__i:-1,__u:0};return n==null&&v.vnode!=null&&v.vnode(i),i}function I(e){return e.children}function L(e,_){this.props=e,this.context=_}function P(e,_){if(_==null)return e.__?P(e.__,e.__i+1):null;for(var t;_<e.__k.length;_++)if((t=e.__k[_])!=null&&t.__e!=null)return t.__e;return typeof e.type=="function"?P(e):null}function y_(e){var _,t;if((e=e.__)!=null&&e.__c!=null){for(e.__e=e.__c.base=null,_=0;_<e.__k.length;_++)if((t=e.__k[_])!=null&&t.__e!=null){e.__e=e.__c.base=t.__e;break}return y_(e)}}function t_(e){(!e.__d&&(e.__d=!0)&&C.push(e)&&!O.__r++||e_!==v.debounceRendering)&&((e_=v.debounceRendering)||v_)(O)}function O(){var e,_,t,o,n,i,c,a;for(C.sort(R);e=C.shift();)e.__d&&(_=C.length,o=void 0,i=(n=(t=e).__v).__e,c=[],a=[],t.__P&&((o=H({},n)).__v=n.__v+1,v.vnode&&v.vnode(o),Y(t.__P,o,n,t.__n,t.__P.namespaceURI,32&n.__u?[i]:null,c,i??P(n),!!(32&n.__u),a),o.__v=n.__v,o.__.__k[o.__i]=o,w_(c,o,a),o.__e!=i&&y_(o)),C.length>_&&C.sort(R));O.__r=0}function g_(e,_,t,o,n,i,c,a,l,s,d){var r,p,u,y,N,g=o&&o.__k||m_,h=_.length;for(t.__d=l,S_(t,_,g),l=t.__d,r=0;r<h;r++)(u=t.__k[r])!=null&&typeof u!="boolean"&&typeof u!="function"&&(p=u.__i===-1?T:g[u.__i]||T,u.__i=r,Y(e,u,p,n,i,c,a,l,s,d),y=u.__e,u.ref&&p.ref!=u.ref&&(p.ref&&Z(p.ref,null,u),d.push(u.ref,u.__c||y,u)),N==null&&y!=null&&(N=y),65536&u.__u||p.__k===u.__k?(l&&!l.isConnected&&(l=P(p)),l=k_(u,l,e)):typeof u.type=="function"&&u.__d!==void 0?l=u.__d:y&&(l=y.nextSibling),u.__d=void 0,u.__u&=-196609);t.__d=l,t.__e=N}function S_(e,_,t){var o,n,i,c,a,l=_.length,s=t.length,d=s,r=0;for(e.__k=[],o=0;o<l;o++)c=o+r,(n=e.__k[o]=(n=_[o])==null||typeof n=="boolean"||typeof n=="function"?null:typeof n=="string"||typeof n=="number"||typeof n=="bigint"||n.constructor==String?U(null,n,null,null,null):X(n)?U(I,{children:n},null,null,null):n.constructor===void 0&&n.__b>0?U(n.type,n.props,n.key,n.ref?n.ref:null,n.__v):n)!=null?(n.__=e,n.__b=e.__b+1,a=T_(n,t,c,d),n.__i=a,i=null,a!==-1&&(d--,(i=t[a])&&(i.__u|=131072)),i==null||i.__v===null?(a==-1&&r--,typeof n.type!="function"&&(n.__u|=65536)):a!==c&&(a===c+1?r++:a>c?d>l-c?r+=a-c:r--:a<c?a==c-1&&(r=a-c):r=0,a!==o+r&&(n.__u|=65536))):(i=t[c])&&i.key==null&&i.__e&&!(131072&i.__u)&&(i.__e==e.__d&&(e.__d=P(i)),J(i,i,!1),t[c]=null,d--);if(d)for(o=0;o<s;o++)(i=t[o])!=null&&!(131072&i.__u)&&(i.__e==e.__d&&(e.__d=P(i)),J(i,i))}function k_(e,_,t){var o,n;if(typeof e.type=="function"){for(o=e.__k,n=0;o&&n<o.length;n++)o[n]&&(o[n].__=e,_=k_(o[n],_,t));return _}e.__e!=_&&(t.insertBefore(e.__e,_||null),_=e.__e);do _=_&&_.nextSibling;while(_!=null&&_.nodeType===8);return _}function T_(e,_,t,o){var n=e.key,i=e.type,c=t-1,a=t+1,l=_[t];if(l===null||l&&n==l.key&&i===l.type&&!(131072&l.__u))return t;if(o>(l!=null&&!(131072&l.__u)?1:0))for(;c>=0||a<_.length;){if(c>=0){if((l=_[c])&&!(131072&l.__u)&&n==l.key&&i===l.type)return c;c--}if(a<_.length){if((l=_[a])&&!(131072&l.__u)&&n==l.key&&i===l.type)return a;a++}}return-1}function n_(e,_,t){_[0]==="-"?e.setProperty(_,t??""):e[_]=t==null?"":typeof t!="number"||C_.test(_)?t:t+"px"}function A(e,_,t,o,n){var i;_:if(_==="style")if(typeof t=="string")e.style.cssText=t;else{if(typeof o=="string"&&(e.style.cssText=o=""),o)for(_ in o)t&&_ in t||n_(e.style,_,"");if(t)for(_ in t)o&&t[_]===o[_]||n_(e.style,_,t[_])}else if(_[0]==="o"&&_[1]==="n")i=_!==(_=_.replace(/(PointerCapture)$|Capture$/i,"$1")),_=_.toLowerCase()in e||_==="onFocusOut"||_==="onFocusIn"?_.toLowerCase().slice(2):_.slice(2),e.l||(e.l={}),e.l[_+i]=t,t?o?t.u=o.u:(t.u=Q,e.addEventListener(_,i?z:j,i)):e.removeEventListener(_,i?z:j,i);else{if(n=="http://www.w3.org/2000/svg")_=_.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(_!="width"&&_!="height"&&_!="href"&&_!="list"&&_!="form"&&_!="tabIndex"&&_!="download"&&_!="rowSpan"&&_!="colSpan"&&_!="role"&&_ in e)try{e[_]=t??"";break _}catch{}typeof t=="function"||(t==null||t===!1&&_[4]!=="-"?e.removeAttribute(_):e.setAttribute(_,t))}}function o_(e){return function(_){if(this.l){var t=this.l[_.type+e];if(_.t==null)_.t=Q++;else if(_.t<t.u)return;return t(v.event?v.event(_):_)}}}function Y(e,_,t,o,n,i,c,a,l,s){var d,r,p,u,y,N,g,h,k,$,x,S,__,F,V,w=_.type;if(_.constructor!==void 0)return null;128&t.__u&&(l=!!(32&t.__u),i=[a=_.__e=t.__e]),(d=v.__b)&&d(_);_:if(typeof w=="function")try{if(h=_.props,k=(d=w.contextType)&&o[d.__c],$=d?k?k.props.value:d.__:o,t.__c?g=(r=_.__c=t.__c).__=r.__E:("prototype"in w&&w.prototype.render?_.__c=r=new w(h,$):(_.__c=r=new L(h,$),r.constructor=w,r.render=F_),k&&k.sub(r),r.props=h,r.state||(r.state={}),r.context=$,r.__n=o,p=r.__d=!0,r.__h=[],r._sb=[]),r.__s==null&&(r.__s=r.state),w.getDerivedStateFromProps!=null&&(r.__s==r.state&&(r.__s=H({},r.__s)),H(r.__s,w.getDerivedStateFromProps(h,r.__s))),u=r.props,y=r.state,r.__v=_,p)w.getDerivedStateFromProps==null&&r.componentWillMount!=null&&r.componentWillMount(),r.componentDidMount!=null&&r.__h.push(r.componentDidMount);else{if(w.getDerivedStateFromProps==null&&h!==u&&r.componentWillReceiveProps!=null&&r.componentWillReceiveProps(h,$),!r.__e&&(r.shouldComponentUpdate!=null&&r.shouldComponentUpdate(h,r.__s,$)===!1||_.__v===t.__v)){for(_.__v!==t.__v&&(r.props=h,r.state=r.__s,r.__d=!1),_.__e=t.__e,_.__k=t.__k,_.__k.forEach(function(E){E&&(E.__=_)}),x=0;x<r._sb.length;x++)r.__h.push(r._sb[x]);r._sb=[],r.__h.length&&c.push(r);break _}r.componentWillUpdate!=null&&r.componentWillUpdate(h,r.__s,$),r.componentDidUpdate!=null&&r.__h.push(function(){r.componentDidUpdate(u,y,N)})}if(r.context=$,r.props=h,r.__P=e,r.__e=!1,S=v.__r,__=0,"prototype"in w&&w.prototype.render){for(r.state=r.__s,r.__d=!1,S&&S(_),d=r.render(r.props,r.state,r.context),F=0;F<r._sb.length;F++)r.__h.push(r._sb[F]);r._sb=[]}else do r.__d=!1,S&&S(_),d=r.render(r.props,r.state,r.context),r.state=r.__s;while(r.__d&&++__<25);r.state=r.__s,r.getChildContext!=null&&(o=H(H({},o),r.getChildContext())),p||r.getSnapshotBeforeUpdate==null||(N=r.getSnapshotBeforeUpdate(u,y)),g_(e,X(V=d!=null&&d.type===I&&d.key==null?d.props.children:d)?V:[V],_,t,o,n,i,c,a,l,s),r.base=_.__e,_.__u&=-161,r.__h.length&&c.push(r),g&&(r.__E=r.__=null)}catch(E){_.__v=null,l||i!=null?(_.__e=a,_.__u|=l?160:32,i[i.indexOf(a)]=null):(_.__e=t.__e,_.__k=t.__k),v.__e(E,_,t)}else i==null&&_.__v===t.__v?(_.__k=t.__k,_.__e=t.__e):_.__e=x_(t.__e,_,t,o,n,i,c,l,s);(d=v.diffed)&&d(_)}function w_(e,_,t){_.__d=void 0;for(var o=0;o<t.length;o++)Z(t[o],t[++o],t[++o]);v.__c&&v.__c(_,e),e.some(function(n){try{e=n.__h,n.__h=[],e.some(function(i){i.call(n)})}catch(i){v.__e(i,n.__v)}})}function x_(e,_,t,o,n,i,c,a,l){var s,d,r,p,u,y,N,g=t.props,h=_.props,k=_.type;if(k==="svg"?n="http://www.w3.org/2000/svg":k==="math"?n="http://www.w3.org/1998/Math/MathML":n||(n="http://www.w3.org/1999/xhtml"),i!=null){for(s=0;s<i.length;s++)if((u=i[s])&&"setAttribute"in u==!!k&&(k?u.localName===k:u.nodeType===3)){e=u,i[s]=null;break}}if(e==null){if(k===null)return document.createTextNode(h);e=document.createElementNS(n,k,h.is&&h),i=null,a=!1}if(k===null)g===h||a&&e.data===h||(e.data=h);else{if(i=i&&B.call(e.childNodes),g=t.props||T,!a&&i!=null)for(g={},s=0;s<e.attributes.length;s++)g[(u=e.attributes[s]).name]=u.value;for(s in g)if(u=g[s],s!="children"){if(s=="dangerouslySetInnerHTML")r=u;else if(s!=="key"&&!(s in h)){if(s=="value"&&"defaultValue"in h||s=="checked"&&"defaultChecked"in h)continue;A(e,s,null,u,n)}}for(s in h)u=h[s],s=="children"?p=u:s=="dangerouslySetInnerHTML"?d=u:s=="value"?y=u:s=="checked"?N=u:s==="key"||a&&typeof u!="function"||g[s]===u||A(e,s,u,g[s],n);if(d)a||r&&(d.__html===r.__html||d.__html===e.innerHTML)||(e.innerHTML=d.__html),_.__k=[];else if(r&&(e.innerHTML=""),g_(e,X(p)?p:[p],_,t,o,k==="foreignObject"?"http://www.w3.org/1999/xhtml":n,i,c,i?i[0]:t.__k&&P(t,0),a,l),i!=null)for(s=i.length;s--;)i[s]!=null&&b_(i[s]);a||(s="value",y!==void 0&&(y!==e[s]||k==="progress"&&!y||k==="option"&&y!==g[s])&&A(e,s,y,g[s],n),s="checked",N!==void 0&&N!==e[s]&&A(e,s,N,g[s],n))}return e}function Z(e,_,t){try{typeof e=="function"?e(_):e.current=_}catch(o){v.__e(o,t)}}function J(e,_,t){var o,n;if(v.unmount&&v.unmount(e),(o=e.ref)&&(o.current&&o.current!==e.__e||Z(o,null,_)),(o=e.__c)!=null){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(i){v.__e(i,_)}o.base=o.__P=null}if(o=e.__k)for(n=0;n<o.length;n++)o[n]&&J(o[n],_,t||typeof e.type!="function");t||e.__e==null||b_(e.__e),e.__c=e.__=e.__e=e.__d=void 0}function F_(e,_,t){return this.constructor(e,t)}function E_(e,_,t){var o,n,i,c;v.__&&v.__(e,_),n=(o=typeof t=="function")?null:_.__k,i=[],c=[],Y(_,e=(!o&&t||_).__k=P_(I,null,[e]),n||T,T,_.namespaceURI,!o&&t?[t]:n?null:_.firstChild?B.call(_.childNodes):null,i,!o&&t?t:n?n.__e:_.firstChild,o,c),w_(i,e,c)}B=m_.slice,v={__e:function(e,_,t,o){for(var n,i,c;_=_.__;)if((n=_.__c)&&!n.__)try{if((i=n.constructor)&&i.getDerivedStateFromError!=null&&(n.setState(i.getDerivedStateFromError(e)),c=n.__d),n.componentDidCatch!=null&&(n.componentDidCatch(e,o||{}),c=n.__d),c)return n.__E=n}catch(a){e=a}throw e}},h_=0,L.prototype.setState=function(e,_){var t;t=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=H({},this.state),typeof e=="function"&&(e=e(H({},t),this.props)),e&&H(t,e),e!=null&&this.__v&&(_&&this._sb.push(_),t_(this))},L.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),t_(this))},L.prototype.render=I,C=[],v_=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,R=function(e,_){return e.__v.__b-_.__v.__b},O.__r=0,Q=0,j=o_(!1),z=o_(!0);var W,m,q,i_,K=0,N_=[],M=[],b=v,r_=b.__b,c_=b.__r,a_=b.diffed,s_=b.__c,l_=b.unmount,u_=b.__;function $_(e,_){b.__h&&b.__h(m,e,K||_),K=0;var t=m.__H||(m.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({__V:M}),t.__[e]}function f_(e){return K=1,A_(H_,e)}function A_(e,_,t){var o=$_(W++,2);if(o.t=e,!o.__c&&(o.__=[H_(void 0,_),function(a){var l=o.__N?o.__N[0]:o.__[0],s=o.t(l,a);l!==s&&(o.__N=[s,o.__[1]],o.__c.setState({}))}],o.__c=m,!m.u)){var n=function(a,l,s){if(!o.__c.__H)return!0;var d=o.__c.__H.__.filter(function(p){return!!p.__c});if(d.every(function(p){return!p.__N}))return!i||i.call(this,a,l,s);var r=!1;return d.forEach(function(p){if(p.__N){var u=p.__[0];p.__=p.__N,p.__N=void 0,u!==p.__[0]&&(r=!0)}}),!(!r&&o.__c.props===a)&&(!i||i.call(this,a,l,s))};m.u=!0;var i=m.shouldComponentUpdate,c=m.componentWillUpdate;m.componentWillUpdate=function(a,l,s){if(this.__e){var d=i;i=void 0,n(a,l,s),i=d}c&&c.call(this,a,l,s)},m.shouldComponentUpdate=n}return o.__N||o.__}function d_(e,_){var t=$_(W++,3);!b.__s&&M_(t.__H,_)&&(t.__=e,t.i=_,m.__H.__h.push(t))}function U_(){for(var e;e=N_.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(D),e.__H.__h.forEach(G),e.__H.__h=[]}catch(_){e.__H.__h=[],b.__e(_,e.__v)}}b.__b=function(e){m=null,r_&&r_(e)},b.__=function(e,_){e&&_.__k&&_.__k.__m&&(e.__m=_.__k.__m),u_&&u_(e,_)},b.__r=function(e){c_&&c_(e),W=0;var _=(m=e.__c).__H;_&&(q===m?(_.__h=[],m.__h=[],_.__.forEach(function(t){t.__N&&(t.__=t.__N),t.__V=M,t.__N=t.i=void 0})):(_.__h.forEach(D),_.__h.forEach(G),_.__h=[],W=0)),q=m},b.diffed=function(e){a_&&a_(e);var _=e.__c;_&&_.__H&&(_.__H.__h.length&&(N_.push(_)!==1&&i_===b.requestAnimationFrame||((i_=b.requestAnimationFrame)||L_)(U_)),_.__H.__.forEach(function(t){t.i&&(t.__H=t.i),t.__V!==M&&(t.__=t.__V),t.i=void 0,t.__V=M})),q=m=null},b.__c=function(e,_){_.some(function(t){try{t.__h.forEach(D),t.__h=t.__h.filter(function(o){return!o.__||G(o)})}catch(o){_.some(function(n){n.__h&&(n.__h=[])}),_=[],b.__e(o,t.__v)}}),s_&&s_(e,_)},b.unmount=function(e){l_&&l_(e);var _,t=e.__c;t&&t.__H&&(t.__H.__.forEach(function(o){try{D(o)}catch(n){_=n}}),t.__H=void 0,_&&b.__e(_,t.__v))};var p_=typeof requestAnimationFrame=="function";function L_(e){var _,t=function(){clearTimeout(o),p_&&cancelAnimationFrame(_),setTimeout(e)},o=setTimeout(t,100);p_&&(_=requestAnimationFrame(t))}function D(e){var _=m,t=e.__c;typeof t=="function"&&(e.__c=void 0,t()),m=_}function G(e){var _=m;e.__c=e.__(),m=_}function M_(e,_){return!e||e.length!==_.length||_.some(function(t,o){return t!==e[o]})}function H_(e,_){return typeof _=="function"?_(e):_}var D_=0;function f(e,_,t,o,n,i){_||(_={});var c,a,l=_;if("ref"in l)for(a in l={},_)a=="ref"?c=_[a]:l[a]=_[a];var s={type:e,props:l,key:t,ref:c,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--D_,__i:-1,__u:0,__source:n,__self:i};if(typeof e=="function"&&(c=e.defaultProps))for(a in c)l[a]===void 0&&(l[a]=c[a]);return v.vnode&&v.vnode(s),s}const O_=["Fashion","Beauty","Jewelry","Health & wellness","Accessories"];function W_({toggleActiveTab:e,activeTab:_}){return f("section",{className:"tabs_container",children:O_.map((t,o)=>f("button",{className:_===o+1?"tab__button tab__button__active":"tab__button",onClick:()=>e(o+1),children:t},o+1))})}function B_({activeTab:e}){return f("section",{className:e===1?"tab__content tab__content__active":"tab__content",children:f("div",{className:"tab__inside__container",children:f("section",{className:"tab__inside__container__main",children:[f("div",{style:{width:"100%"}}),f("div",{className:"tab__secondary__content",children:f("div",{"data-ugc":"idukki","data-bguid":"ebd1682d-f8b4-403b-aff3-3b30e6b3ae9c","data-guid":"a0f7bda4-9366-456e-9ec8-8efa762be6e6","data-version":"108"})})]})})})}function I_({activeTab:e}){return f("section",{className:e===2?"tab__content tab__content__active":"tab__content",children:f("div",{className:"tab__inside__container",children:f("section",{className:"tab__inside__container__main",children:[f("div",{style:{width:"100%"}}),f("div",{className:"tab__secondary__content",children:f("div",{"data-ugc":"idukki","data-bguid":"ebd1682d-f8b4-403b-aff3-3b30e6b3ae9c","data-guid":"d902bd16-dec3-4652-b547-1afe7ada2fc7","data-version":"108"})})]})})})}function V_({activeTab:e}){return f("section",{className:e===3?"tab__content tab__content__active":"tab__content",children:f("div",{className:"tab__inside__container",children:f("section",{className:"tab__inside__container__main",children:[f("div",{style:{width:"100%"}}),f("div",{className:"tab__secondary__content",children:f("div",{"data-ugc":"idukki","data-bguid":"ebd1682d-f8b4-403b-aff3-3b30e6b3ae9c","data-guid":"3f843005-7534-4f98-8a53-da7a20132d53","data-version":"108"})})]})})})}function q_({activeTab:e}){return f("section",{className:e===4?"tab__content tab__content__active":"tab__content",children:f("div",{className:"tab__inside__container",children:f("section",{className:"tab__inside__container__main",children:[f("div",{style:{width:"100%"}}),f("div",{className:"tab__secondary__content",children:f("div",{"data-ugc":"idukki","data-bguid":"ebd1682d-f8b4-403b-aff3-3b30e6b3ae9c","data-guid":"0de2ec23-65e3-4fc2-a8c3-ad93f115c898","data-version":"108"})})]})})})}function R_({activeTab:e}){return f("section",{className:e===5?"tab__content tab__content__active":"tab__content",children:f("div",{className:"tab__inside__container",children:f("section",{className:"tab__inside__container__main",children:[f("div",{style:{width:"100%"}}),f("div",{className:"tab__secondary__content",children:f("div",{"data-ugc":"idukki","data-bguid":"ebd1682d-f8b4-403b-aff3-3b30e6b3ae9c","data-guid":"32bfa2f4-00a4-4469-8662-1dad37e6330b","data-version":"108"})})]})})})}function j_(){const[e,_]=f_(1),[t,o]=f_(null);function n(c){_(c)}const i=async c=>{try{const l=await(await fetch(c)).text();o(()=>new Function(l))}catch(a){console.error(`Failed to fetch script: ${c}`,a)}};return d_(()=>{window.scriptContentFetched||(i("https://idukki-prod-bucket.s3.us-east-2.amazonaws.com/widget-assets/main.097dcd27.js"),window.scriptContentFetched=!0)},[]),d_(()=>{t&&t()},[e,t]),f("main",{children:[f(W_,{activeTab:e,toggleActiveTab:n}),e==1&&f(B_,{activeTab:e}),e==2&&f(I_,{activeTab:e}),e==3&&f(V_,{activeTab:e}),e==4&&f(q_,{activeTab:e}),e==5&&f(R_,{activeTab:e})]})}E_(f(j_,{}),document.getElementById("app"));
.tab__content{margin-block:10px;border-radius:20px;display:block;overflow:hidden;width:100%}.tab__secondary__content{display:block;width:100%;max-width:1200px;padding-bottom:10px}.tab-subtitle{font-size:1rem;font-weight:700;margin-top:20px;color:#009578}.tab-title{font-size:3rem;font-weight:700;margin-top:20px}.tabs_container{display:flex;flex-direction:row;overflow-x:auto;justify-content:center}.tab__button{border:none;background-color:transparent;font-size:.8rem;font-weight:600;margin-right:20px;margin-bottom:20px;min-width:max-content}.tab__button:hover{color:#000;background-color:#fff;border-color:#fff;border-radius:30px}.tab__button:focus{outline:none;color:#000;background-color:#fff;border-color:#fff;border-radius:30px}.tab__button__active{border:1px solid #EEF999;padding:10px 15px;border-radius:30px;color:#eef999}.tab__inside__container{width:100%;display:flex;justify-content:space-between;align-items:stretch}.tab__inside__container__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:stretch;max-width:100%;background-color:transparent}.tab__big__skeleton{margin-right:70px;background-color:#c4c4c4;width:100%;height:100px;border-radius:10px;margin-bottom:20px}.tab__small__skeleton__center{border-radius:10px;height:40px;margin-bottom:10px;margin-inline:20%;background-color:#c4c4c4}.stories_skeleton_one{border-radius:10px;height:40px;margin-bottom:10px;background-color:#c4c4c4}.stories_main_container{display:flex;width:100%;gap:20px}.common_skeleton{border-radius:10px;margin-bottom:10px;background-color:#c4c4c4;width:100%}.desktop-none{display:none}@media screen and (max-width: 768px){.stories_main_container{flex-direction:column;gap:0px}.common_skeleton{flex:unset!important}.desktop-none{display:block}.mobile-none{display:none}.tab__big__skeleton{height:40px}.tab__small__skeleton__center{height:20px}.tab__inside__container{flex-direction:column;gap:10px}.tab__inside__container__main{max-width:100%}}.tab__option__button{background-color:#fff;display:flex;flex-direction:column;padding:10px;border-radius:10px!important;justify-content:center;align-items:center;gap:10px}.tab__option__button__active{background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border:2px solid black;border-radius:10px!important;gap:10px}.tab__option__button,.tab__option__button__active span{color:#000;font-size:14px}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
How Idukki Works
From video play to purchase with Shoppable UGC Videos
CONVERT
Turn videos into
one-click shopping experiences
- Reduce friction with one-click checkout.
- Convert interest to sales with built-in CTAs.
- Increase your AOV with a shorter sales cycle.
Bring your content together
- Collect content from Instagram, TikTok, YouTube, and more
- AI-powered content curation and organization
- Maintain brand consistency across all UGC videos
Keep your visitors captivated
- Clickable hotspots in videos for product exploration
- Reduce bounce rates with interactive videos
- Boost average session duration
Why choose Idukki?
24x7 Support
No-code integration
Fully Customizable
Leverage the Power of Real Experiences
- Increase buyer confidence with visual social proof
- Turn your best customers into brand advocates
- Display genuine product use cases from real customers
Embed videos anywhere on your website
- Pick any layout – Grid, carousel, pop-up, and more.
- Integrate with popular e-commerce platforms.
- Add videos without compromising on site speed.
Seamlessly integrate with tools you ︎❤️
ANALYZE
Watch your on-site revenue grow
- Measure the impact of UGC on your bottom line
- Track views, clicks, time on page, and conversion rates
- Identify top-performing products and video styles
Get our Latest Expert Insights
UGC Video Examples: A Detailed Guide
FAQs
What is a Shoppable video?
Shoppable videos allow viewers to interact with and purchase products directly within the video. You can add product links via manual or automated hotspot tagging and highlight products within minutes. Customers can then view product details and add items to their cart without leaving the video, creating a seamless shopping experience.
How does Idukki source user-generated videos?
Idukki aggregates content from multiple social media platforms and review sites. You can set up collections using your account, hashtags, or mentions. Our AI-powered system filters out profane posts and curates the content, ensuring only high-quality, relevant videos are selected for your shoppable experiences.
Is Idukki compatible with my e-commerce platform?
Idukki is designed to integrate with most major e-commerce platforms, including Shopify, WooCommerce, Magento, and BigCommerce. We offer plugins and easy-to-implement code snippets for seamless integration. If you’re using a different platform, our support team can assist with custom integration solutions.
Is there a Shopify integration for Idukki's shoppable videos?
Yes, you can effortlessly integrate Idukki with Shopify. Idukki connects with your Shopify store, syncs your product catalog, and streamlines checkout.
Can I use TikTok videos in Idukki's shoppable experiences?
Yes, Idukki aggregates and makes TikTok content shoppable on your website, enhancing engagement and driving sales.
Does Idukki’s shoppable videos affect site page speed?
No, they don’t. Idukki creates compact scripts that are just over 100kbs – much smaller than a typical YouTube video embed. Not just that, we use compressed thumbnails that load first. The full video player only loads when the user clicks the thumbnail.
How will i know the orders that came through these videos?
Idukki’s intuitive analytics dashboard shows the exact number of conversions from video widgets. It also tracks KPIs like average watch time, clicks, and impressions on videos.
