"use strict";(self.webpackChunkelementorFrontend=self.webpackChunkelementorFrontend||[]).push([[336],{115:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;e.default=class FloatingBarDomHelper{constructor(t){this.$element=t}maybeMoveToTop(){const t=this.$element[0],e=t.querySelector(".e-floating-bars");if(elementorFrontend.isEditMode())e.classList.add("is-sticky");else if(t.dataset.widget_type.startsWith("floating-bars")&&e.classList.contains("has-vertical-position-top")&&!e.classList.contains("is-sticky")){const e=document.getElementById("wpadminbar"),n=t.closest(".elementor");e?e.after(n):document.body.prepend(n)}}}},442:(t,e,n)=>{var s=n(6784);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,n(5724),n(4846),n(9655);var i=s(n(7224));class ClickTrackingHandler extends i.default{clicks=[];getDefaultSettings(){return{selectors:{contentWrapper:".e-contact-buttons__content-wrapper",contactButtonCore:".e-contact-buttons__send-button",contentWrapperFloatingBars:".e-floating-bars",floatingBarCTAButton:".e-floating-bars__cta-button",elementorWrapper:'[data-elementor-type="floating-buttons"]'}}}getDefaultElements(){const t=this.getSettings("selectors");return{contentWrapper:this.$element[0].querySelector(t.contentWrapper),contentWrapperFloatingBars:this.$element[0].querySelector(t.contentWrapperFloatingBars)}}bindEvents(){this.elements.contentWrapper&&this.elements.contentWrapper.addEventListener("click",this.onChatButtonTrackClick.bind(this)),this.elements.contentWrapperFloatingBars&&this.elements.contentWrapperFloatingBars.addEventListener("click",this.onChatButtonTrackClick.bind(this)),window.addEventListener("beforeunload",()=>{this.clicks.length>0&&this.sendClicks()})}onChatButtonTrackClick(t){const e=t.target||t.srcElement,n=this.getSettings("selectors");(e.matches(n.contactButtonCore)||e.closest(n.contactButtonCore)||e.matches(n.floatingBarCTAButton)||e.closest(n.floatingBarCTAButton))&&this.getDocumentIdAndTrack(e,n)}getDocumentIdAndTrack(t,e){const n=t.closest(e.elementorWrapper).dataset.elementorId;this.trackClick(n)}trackClick(t){t&&(this.clicks.push(t),this.clicks.length>=10&&this.sendClicks())}sendClicks(){const t=new FormData;t.append("action","elementor_send_clicks"),t.append("_nonce",elementorFrontendConfig?.nonces?.floatingButtonsClickTracking),this.clicks.forEach(e=>t.append("clicks[]",e)),fetch(elementorFrontendConfig?.urls?.ajaxurl,{method:"POST",body:t}).then(()=>{this.clicks=[]})}}e.default=ClickTrackingHandler},5199:(t,e,n)=>{var s=n(6784);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,n(4846),n(9655);var i=s(n(7224)),o=s(n(115)),a=s(n(442));class FloatingBarsHandler extends i.default{getDefaultSettings(){return{selectors:{main:".e-floating-bars",closeButton:".e-floating-bars__close-button",ctaButton:".e-floating-bars__cta-button"},constants:{ctaEntranceAnimation:"style_cta_button_animation",ctaEntranceAnimationDelay:"style_cta_button_animation_delay",hasEntranceAnimation:"has-entrance-animation",visible:"visible",isSticky:"is-sticky",hasVerticalPositionTop:"has-vertical-position-top",hasVerticalPositionBottom:"has-vertical-position-bottom",isHidden:"is-hidden",animated:"animated"}}}getDefaultElements(){const t=this.getSettings("selectors");return{main:this.$element[0].querySelector(t.main),mainAll:this.$element[0].querySelectorAll(t.main),closeButton:this.$element[0].querySelector(t.closeButton),ctaButton:this.$element[0].querySelector(t.ctaButton)}}onElementChange(t){["advanced_vertical_position"].includes(t)&&this.initDefaultState()}getResponsiveSetting(t){const e=elementorFrontend.getCurrentDeviceMode();return elementorFrontend.utils.controls.getResponsiveControlValue(this.getElementSettings(),t,"",e)}bindEvents(){this.elements.closeButton&&this.elements.closeButton.addEventListener("click",this.closeFloatingBar.bind(this)),this.elements.ctaButton&&this.elements.ctaButton.addEventListener("animationend",this.handleAnimationEnd.bind(this)),this.elements.main&&window.addEventListener("keyup",this.onDocumentKeyup.bind(this)),this.hasStickyElements()&&window.addEventListener("resize",this.handleStickyElements.bind(this))}isStickyTop(){const{isSticky:t,hasVerticalPositionTop:e}=this.getSettings("constants");return this.elements.main.classList.contains(t)&&this.elements.main.classList.contains(e)}isStickyBottom(){const{isSticky:t,hasVerticalPositionBottom:e}=this.getSettings("constants");return this.elements.main.classList.contains(t)&&this.elements.main.classList.contains(e)}hasStickyElements(){return document.querySelectorAll(".elementor-sticky").length>0}focusOnLoad(){this.elements.main.setAttribute("tabindex","0"),this.elements.main.focus({focusVisible:!0})}applyBodyPadding(){const t=this.elements.main.offsetHeight;document.body.style.paddingTop=`${t}px`}removeBodyPadding(){document.body.style.paddingTop="0"}handleWPAdminBar(){const t=elementorFrontend.elements.$wpAdminBar;t.length&&(this.elements.main.style.top=`${t.height()}px`)}handleStickyElements(){const t=this.elements.main.offsetHeight,e=elementorFrontend.elements.$wpAdminBar,n=document.querySelectorAll(".elementor-sticky:not(.elementor-sticky__spacer)");0!==n.length&&(n.forEach(n=>{const s=n.getAttribute("data-settings"),i=JSON.parse(s)?.sticky,o="0px"===n.style.top||"top"===i,a="0px"===n.style.bottom||"bottom"===i;this.isStickyTop()&&o?e.length?n.style.top=`${t+e.height()}px`:n.style.top=`${t}px`:this.isStickyBottom()&&a&&(n.style.bottom=`${t}px`),elementorFrontend.isEditMode()&&(o?n.style.top=this.isStickyTop()?`${t}px`:"0px":a&&(n.style.bottom=this.isStickyBottom()?`${t}px`:"0px"))}),document.querySelectorAll(".elementor-sticky__spacer").forEach(e=>{const n=e.getAttribute("data-settings"),s=JSON.parse(n)?.sticky,i="0px"===e.style.top||"top"===s;this.isStickyTop()&&i&&(e.style.marginBottom=`${t}px`)}))}closeFloatingBar(){const{isHidden:t}=this.getSettings("constants");elementorFrontend.isEditMode()||(this.elements.main.classList.add(t),this.hasStickyElements()?this.handleStickyElements():this.isStickyTop()&&this.removeBodyPadding())}initEntranceAnimation(){const{animated:t,ctaEntranceAnimation:e,ctaEntranceAnimationDelay:n,hasEntranceAnimation:s}=this.getSettings("constants"),i=this.getResponsiveSetting(e),o=(this.getResponsiveSetting(n)||0)+500;this.elements.ctaButton.classList.add(t),this.elements.ctaButton.classList.add(i),setTimeout(()=>{this.elements.ctaButton.classList.remove(s)},o)}handleAnimationEnd(){this.removeEntranceAnimationClasses(),this.focusOnLoad()}removeEntranceAnimationClasses(){if(!this.elements.ctaButton)return;const{animated:t,ctaEntranceAnimation:e,visible:n}=this.getSettings("constants"),s=this.getResponsiveSetting(e);this.elements.ctaButton.classList.remove(t),this.elements.ctaButton.classList.remove(s),this.elements.ctaButton.classList.add(n)}onDocumentKeyup(t){27===t.keyCode&&this.elements.main&&this.elements.main.contains(document.activeElement)&&this.closeFloatingBar()}initDefaultState(){const{hasEntranceAnimation:t}=this.getSettings("constants");this.isStickyTop()&&this.handleWPAdminBar(),this.hasStickyElements()?this.handleStickyElements():this.isStickyTop()&&this.applyBodyPadding(),!this.elements.main||this.elements.ctaButton.classList.contains(t)||elementorFrontend.isEditMode()||this.focusOnLoad()}setupInnerContainer(){this.elements.main.closest(".e-con-inner").classList.add("e-con-inner--floating-bars"),this.elements.main.closest(".e-con").classList.add("e-con--floating-bars")}onInit(...t){const{hasEntranceAnimation:e}=this.getSettings("constants");super.onInit(...t),this.clickTrackingHandler=new a.default({$element:this.$element});new o.default(this.$element).maybeMoveToTop(),this.elements.ctaButton&&this.elements.ctaButton.classList.contains(e)&&this.initEntranceAnimation(),this.initDefaultState(),this.setupInnerContainer()}}e.default=FloatingBarsHandler}}]);!function(h){"use strict";var i=function(i,o,r){var u,s,v,c,t={},m=0,a=0,l={sensitivity:7,interval:100,timeout:0};function f(e){u=e.clientX,s=e.clientY}function e(e){return a&&(a=clearTimeout(a)),i.removeEventListener("mousemove",f),1!==m&&(v=e.clientX,c=e.clientY,i.addEventListener("mousemove",f),a=setTimeout(function(){!function e(t,n){if(a&&(a=clearTimeout(a)),Math.abs(v-u)+Math.abs(c-s) Dans l’environnement numérique actuel, où l’expérience utilisateur (UX) et l’accessibilité du conten – Vivek

Dans l’environnement numérique actuel, où l’expérience utilisateur (UX) et l’accessibilité du conten

By /

Dans l’environnement numérique actuel, où l’expérience utilisateur (UX) et l’accessibilité du contenu sont devenues des priorités absolues, les entreprises cherchent des solutions innovantes pour améliorer la consommation de leurs services en ligne. Parmi ces innovations, les Progressive Web Apps (PWA) émergent comme un vecteur essentiel pour transformer la manière dont les utilisateurs interagissent avec les sites web, tout en garantissant une performance optimale, une compatibilité multiplateforme, et une immersion quasi-native.

Les PWA : une réponse stratégique à l’évolution des usages numériques

Selon une étude de l’Open Web Application Security Project, plus de 60 % des internautes utilisent principalement leur smartphone pour accéder aux services en ligne. Cependant, la majorité des sites traditionnels ne proposent pas une expérience fluide sur mobile, engendrant frustration et perte d’engagement. La solution réside dans l’adoption des Progressive Web Apps, qui combinent la flexibilité du web avec la réactivité des applications mobiles natives.

Une technologie mature, des bénéfices concrets

Les PWA offrent plusieurs avantages significatifs :

  • Installation simplifiée : Les utilisateurs peuvent ajouter la PWA directement à leur écran d’accueil, sans passer par les app stores.
  • Performances accrues : La mise en cache intelligente permet à la PWA de charger rapidement, même en réseau lent.
  • Compatibilité multiplateforme : Fonctionne aussi bien sur Android, iOS, que sur les navigateurs desktop modernes.
  • Engagement renforcé : Notifications push, modes hors ligne et expériences immersives favorisent une fidélisation accrue.

Cas pratique : transformer votre site avec une PWA

Une entreprise souhaitant optimiser sa présence digitale doit envisager la mise en œuvre d’une PWA adaptée à ses besoins. La démarche implique :

  1. Évaluer les fonctionnalités essentielles à l’expérience utilisateur.
  2. Intégrer un service worker pour la gestion du cache et des notifications.
  3. Créer une application web progressive conforme aux standards du W3C.
  4. Assurer la compatibilité avec tous les appareils modernes.

Pour illustrer cette approche, l’intégration de l’outil Joker Desk Jewels en tant que PWA peut considérablement améliorer la performance et la découvrabilité de la plateforme.

Une ressource essentielle pour votre transition digitale

Pour faciliter cette transition, il est judicieux de disposer d’une solution prête à l’emploi. installe Joker Desk Jewels comme PWA en ligne constitue une étape stratégique pour tout site e-commerce ou plateforme de bijoux de luxe cherchant à améliorer son expérience utilisateur et son accessibilité globale.

Note : La capacité à transformer rapidement une plateforme web en PWA offre un avantage concurrentiel dans un marché où la vitesse, la disponibilité hors ligne et l’engagement client sont déterminants.

Conclusion : l’avenir des sites web premium passe par la PWA

Les Progressive Web Apps représentent un tournant majeur dans la stratégie numérique des entreprises modernes. Leur compatibilité, leur rapidité et leur expérience utilisateur immersive en font un choix incontournable pour toute initiative visant à renforcer sa présence en ligne. En adoptant cette technologie, les marques de luxe, comme Joker Desk Jewels, peuvent non seulement répondre aux exigences actuelles en matière d’UX, mais également anticiper les attentes futures de leurs clients exigeants.

Pour découvrir comment transformer votre site en une plateforme performante et accessible, explorez les solutions disponibles sur https://jokerdeskjewels.app/fr/.

Leave a Comment

Your email address will not be published. Required fields are marked *