{"id":1831,"date":"2022-03-23T16:57:59","date_gmt":"2022-03-23T08:57:59","guid":{"rendered":"https:\/\/easyparcel.com\/?page_id=1831"},"modified":"2026-03-13T11:38:51","modified_gmt":"2026-03-13T03:38:51","slug":"woocommerce","status":"publish","type":"page","link":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/","title":{"rendered":"WooCommerce"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1831\" class=\"elementor elementor-1831\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80992cd e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"80992cd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3646e71 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3646e71\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-97d3e24 e-con-full elementor-hidden-mobile e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"97d3e24\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-573741e elementor-widget elementor-widget-image\" data-id=\"573741e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"120\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp\" class=\"attachment-full size-full wp-image-103394\" alt=\"WooCommerce\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c833f7 elementor-widget elementor-widget-html\" data-id=\"7c833f7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon icon-tabler icon-tabler-x\" width=\"50\" height=\"50\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#2c3e50\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\/>\r\n  <path d=\"M18 6l-12 12\" \/>\r\n  <path d=\"M6 6l12 12\" \/>\r\n<\/svg>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1396b07 elementor-widget elementor-widget-image\" data-id=\"1396b07\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"340\" height=\"98\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2022\/09\/EasyParcel-logo-md.png\" class=\"attachment-full size-full wp-image-59093\" alt=\"EasyParcel-logo-md\" srcset=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2022\/09\/EasyParcel-logo-md.png 340w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2022\/09\/EasyParcel-logo-md-300x86.png 300w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-354e28b e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"354e28b\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-4a97acd e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4a97acd\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96ee5dd elementor-widget elementor-widget-image\" data-id=\"96ee5dd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"120\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp\" class=\"attachment-full size-full wp-image-103394\" alt=\"WooCommerce\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-668c117 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"668c117\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54383d4 elementor-widget elementor-widget-html\" data-id=\"54383d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon icon-tabler icon-tabler-x\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#2c3e50\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\/>\r\n  <path d=\"M18 6l-12 12\" \/>\r\n  <path d=\"M6 6l12 12\" \/>\r\n<\/svg>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c69e29e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"c69e29e\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ef4bd3 elementor-widget elementor-widget-image\" data-id=\"0ef4bd3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"340\" height=\"98\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2022\/09\/EasyParcel-logo-md.png\" class=\"attachment-full size-full wp-image-59093\" alt=\"EasyParcel-logo-md\" srcset=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2022\/09\/EasyParcel-logo-md.png 340w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2022\/09\/EasyParcel-logo-md-300x86.png 300w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e07e2a elementor-widget elementor-widget-heading\" data-id=\"9e07e2a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">WooCommerce Seamless Integration<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49aa6bb elementor-widget elementor-widget-text-editor\" data-id=\"49aa6bb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Streamline your WooCommerce store with EasyParcel. Enjoy automated shipping, delivery updates, and improved customer satisfaction. <br \/>Connect now and elevate your eCommerce business.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-468ef72 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"468ef72\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57e868b elementor-mobile-align-justify primary-ghost-md elementor-widget elementor-widget-button\" data-id=\"57e868b\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/my\/demo\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get A Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-801ab12 elementor-mobile-align-justify primary-filled-md elementor-widget elementor-widget-button\" data-id=\"801ab12\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/p3x.cc\/62k3F2\" id=\"wp_my_signup\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Integrate Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3b5b38 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b3b5b38\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b51cd06 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"b51cd06\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a59d634 elementor-widget elementor-widget-heading\" data-id=\"a59d634\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How EasyParcel Helps You?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e4db1c elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3e4db1c\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb49291 elementor-widget elementor-widget-html\" data-id=\"cb49291\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .interactive-container {\r\n    display: flex;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    position: relative;\r\n    min-height: 100vh;\r\n  }\r\n  \r\n  .points-container {\r\n    flex: 1;\r\n    padding-left: 50px;\r\n    position: relative;\r\n  }\r\n  \r\n.point {\r\n  margin-bottom: 100px; \r\n  padding: 30px; \r\n  border-radius: 8px;\r\n  transition: all 0.5s ease;\r\n  position: relative;\r\n  z-index: 1;\r\n  opacity: 0.3;\r\n  transform: scale(0.95);\r\n  background-color: #f9f9f9;\r\n  min-height: 180px; \/* Reduced from 200px *\/\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n  \r\n  .point.active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    background-color: #fff;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n    z-index: 2;\r\n  }\r\n  \r\n  .point h3 {\r\n    font-size: 24px;\r\n    margin-bottom: 15px;\r\n    color: #333;\r\n  }\r\n  \r\n  .point p {\r\n    font-size: 16px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n  }\r\n  \r\n  .image-container {\r\n    flex: 1;\r\n    position: sticky;\r\n    top: 200px;\r\n    height: 40vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding-left: 30px;\r\n    background: transparent !important;\r\n  }\r\n  \r\n  .image-container img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    border-radius: 0 !important;\r\n    box-shadow: none !important;\r\n    transition: opacity 0.5s ease;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .point-dot {\r\n    position: absolute;\r\n    left: -25px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    background-color: #ddd;\r\n    transition: all 0.3s ease;\r\n    z-index: 3;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .point.active .point-dot {\r\n    background-color: #f9278e;\r\n    transform: translateY(-50%) scale(1.3);\r\n    box-shadow: \r\n      0 0 0 3px rgba(249, 39, 142, 0.3),\r\n      0 0 0 8px rgba(249, 39, 142, 0.1);\r\n  }\r\n\r\n  .connector-line {\r\n    position: absolute;\r\n    left: -15px;\r\n    top: 0;\r\n    height: 100%;\r\n    width: 2px;\r\n    background-color: #eee;\r\n    z-index: 1;\r\n  }\r\n\r\n  .point-content {\r\n    width: 100%;\r\n  }\r\n\r\n  .points-container {\r\n    padding-top: 10vh; \/* Creates space at top for first point *\/\r\n    padding-bottom: 40vh; \/* Creates space at bottom for last point *\/\r\n  }\r\n  \r\n  .point:first-child {\r\n    margin-top: -30vh; \/* Pulls first point up into view *\/\r\n  }\r\n  \r\n  .point:last-child {\r\n    margin-bottom: -30vh; \/* Pulls last point down into view *\/\r\n  }\r\n\r\n  \/* General mobile adjustments *\/\r\n  @media (max-width: 768px) {\r\n    .interactive-container {\r\n      flex-direction: column;\r\n      min-height: auto;\r\n    }\r\n    \r\n    .points-container {\r\n      padding-left: 40px;\r\n      margin-bottom: 30px;\r\n    }\r\n    \r\n    .image-container {\r\n      position: relative;\r\n      height: 60vh;\r\n      top: 0;\r\n      padding-left: 0;\r\n      margin-top: 30px;\r\n    }\r\n    \r\n    .point {\r\n      min-height: auto;\r\n      padding: 20px;\r\n    }\r\n    \r\n    .connector-line {\r\n      left: 5px;\r\n    }\r\n    \r\n    .point-dot {\r\n      left: -15px;\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n  \/* Specific adjustments for iPad Pro (1024px and up) *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .interactive-container {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .points-container {\r\n    padding-left: 40px;\r\n    padding-right: 40px;\r\n    margin-bottom: 20px; \/* Adjusts bottom margin *\/\r\n    padding-top: 5vh;  \/* Reduced space at the top *\/\r\n    padding-bottom: 20vh; \/* Reduced space at the bottom *\/\r\n  }\r\n\r\n  .image-container {\r\n    padding-left: 10px;\r\n    top: 50px;\r\n    height: 70vh;\r\n  }\r\n\r\n  .point {\r\n    padding: 25px;\r\n    margin-bottom: 150px; \/* Adjust margin for consistency *\/\r\n  }\r\n\r\n  .connector-line {\r\n    left: -10px;\r\n  }\r\n}\r\n\r\n  \/* For larger screens (desktops) *\/\r\n  @media (min-width: 1400px) {\r\n    .interactive-container {\r\n      flex-direction: row;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    .points-container {\r\n      padding-left: 50px;\r\n      padding-right: 50px;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .image-container {\r\n      padding-left: 30px;\r\n    }\r\n\r\n    .point {\r\n      padding: 30px;\r\n      margin-bottom: 100px;\r\n    }\r\n\r\n    .connector-line {\r\n      left: -15px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"interactive-container\">\r\n  <div class=\"points-container\">\r\n    <div class=\"connector-line\"><\/div>\r\n    \r\n    <div class=\"point active\" data-point=\"1\" data-image=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/auto-order-fulfillment.png\">\r\n      <div class=\"point-dot\" data-point=\"1\"><\/div>\r\n      <div class=\"point-content\">\r\n        <h3>Auto Order Fulfillment\u200b<\/h3>\r\n        <p>Orders auto-sync to EasyParcel right after purchase, no clicks needed. Save time, reduce manual work, and focus more on growing your business.\r\n\r\n<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"point\" data-point=\"2\" data-image=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/06\/one-click-order-fulfillment.png\">\r\n      <div class=\"point-dot\" data-point=\"2\"><\/div>\r\n      <div class=\"point-content\">\r\n        <h3>One-Click Order Fulfillment<\/h3>\r\n        <p>Speed up your workflow by fulfilling and booking shipments instantly with just one click\u2014no manual entry needed.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"point\" data-point=\"3\" data-image=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/live-shipping-rate.png\">\r\n      <div class=\"point-dot\" data-point=\"3\"><\/div>\r\n      <div class=\"point-content\">\r\n        <h3>Live Shipping Rates at Checkout<\/h3>\r\n        <p>Show live shipping rates on your Shopify checkout page for a transparent and seamless customer experience.<\/p>\r\n\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"point\" data-point=\"4\" data-image=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/pre-order-fulfillment.png\">\r\n      <div class=\"point-dot\" data-point=\"4\"><\/div>\r\n      <div class=\"point-content\">\r\n        <h3>Pre-Order and Back-Order Fulfillment<\/h3>\r\n        <p>Easily fulfill orders with available stock while managing pre-order or back-order items. Ship in-stock products first to keep customers satisfied and streamline your workflow. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000188606-how-to-integrate-easyparcel-with-woocommerce-\">Integrate now.<\/a><\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n\r\n  <\/div>\r\n  \r\n  <div class=\"image-container\">\r\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600?text=Image+1\" alt=\"Point Image\" id=\"point-image\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const points = document.querySelectorAll('.point');\r\n    const pointImage = document.getElementById('point-image');\r\n    const pointsContainer = document.querySelector('.points-container');\r\n    \r\n    \/\/ Calculate positions of all points\r\n    function calculatePositions() {\r\n      const containerTop = pointsContainer.getBoundingClientRect().top + window.scrollY;\r\n      const viewportCenter = window.innerHeight \/ 2;\r\n      \r\n      points.forEach(point => {\r\n        const pointRect = point.getBoundingClientRect();\r\n        \/\/ Calculate the scroll position where point should be centered\r\n        point.scrollTarget = pointRect.top + window.scrollY - viewportCenter + (pointRect.height \/ 2);\r\n      });\r\n    }\r\n    \r\n    \/\/ Initialize positions\r\n    calculatePositions();\r\n    window.addEventListener('resize', calculatePositions);\r\n    \r\n    \/\/ Function to update active point\r\n    function updateActivePoint() {\r\n      const scrollPosition = window.scrollY;\r\n      \r\n      let activePoint = null;\r\n      let minDistance = Infinity;\r\n      \r\n      \/\/ Find which point is closest to center\r\n      points.forEach(point => {\r\n        const distance = Math.abs(scrollPosition - point.scrollTarget);\r\n        if (distance < minDistance) {\r\n          minDistance = distance;\r\n          activePoint = point;\r\n        }\r\n      });\r\n      \r\n      \/\/ Force first point when at top\r\n      if (window.scrollY <= points[0].scrollTarget) {\r\n        activePoint = points[0];\r\n      }\r\n      \r\n      \/\/ Force last point when at bottom\r\n      if (window.scrollY + window.innerHeight >= document.body.scrollHeight - 100) {\r\n        activePoint = points[points.length - 1];\r\n      }\r\n      \r\n      \/\/ Update active classes\r\n      points.forEach(point => point.classList.remove('active'));\r\n      \r\n      if (activePoint) {\r\n        activePoint.classList.add('active');\r\n        \r\n        \/\/ Update image\r\n        const newImage = activePoint.dataset.image;\r\n        if (newImage && pointImage.src !== newImage) {\r\n          pointImage.style.opacity = 0;\r\n          setTimeout(() => {\r\n            pointImage.src = newImage;\r\n            pointImage.style.opacity = 1;\r\n          }, 300);\r\n        }\r\n      }\r\n    }\r\n    \r\n    \/\/ Initial setup\r\n    calculatePositions();\r\n    updateActivePoint();\r\n    \r\n    \/\/ Improved scroll handling\r\n    let ticking = false;\r\n    window.addEventListener('scroll', function() {\r\n      if (!ticking) {\r\n        window.requestAnimationFrame(function() {\r\n          updateActivePoint();\r\n          ticking = false;\r\n        });\r\n        ticking = true;\r\n      }\r\n    });\r\n    \r\n    \/\/ Click on dot to scroll to corresponding point\r\n    document.querySelectorAll('.point-dot').forEach(dot => {\r\n      dot.addEventListener('click', function() {\r\n        const pointNumber = this.dataset.point;\r\n        const targetPoint = document.querySelector(`.point[data-point=\"${pointNumber}\"]`);\r\n        if (targetPoint) {\r\n          window.scrollTo({\r\n            top: targetPoint.scrollTarget,\r\n            behavior: 'smooth'\r\n          });\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6ecae3 elementor-hidden-desktop elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f6ecae3\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93817e8 elementor-widget elementor-widget-html\" data-id=\"93817e8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ===== MOBILE\/TABLET STYLES (0px - 1024px) ===== *\/\r\n@media (max-width: 1024px) {\r\n  .mobile-scroller-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    display: block;\r\n  }\r\n\r\n  .scroller-section {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .scroller-image-wrapper {\r\n    width: 100%;\r\n    height: 40vh;\r\n    min-height: 250px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .scroller-image-wrapper img {\r\n    max-width: 80%;\r\n    max-height: 80%;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .scroller-card {\r\n    padding: 20px;\r\n    border-radius: 8px;\r\n    background-color: #f9f9f9;\r\n    position: relative;\r\n    margin-left: 30px;\r\n  }\r\n\r\n  .scroller-card.active {\r\n    background-color: #fff;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  \/* ===== TABLET ENHANCEMENTS (600px+) ===== *\/\r\n  @media (min-width: 600px) {\r\n    .scroller-image-wrapper {\r\n      height: 45vh;\r\n      min-height: 300px;\r\n    }\r\n    \r\n    .scroller-card {\r\n      padding: 40px;\r\n      margin-left: 40px;\r\n    }\r\n    \r\n    .scroller-card h3 {\r\n      font-size: 22px;\r\n    }\r\n    \r\n    .scroller-card p {\r\n      font-size: 16px;\r\n    }\r\n    \r\n    .scroller-indicator {\r\n      width: 24px;\r\n      height: 24px;\r\n      left: -20px;\r\n    }\r\n  }\r\n\r\n  \/* ===== LARGE TABLET ENHANCEMENTS (800px-1024px) ===== *\/\r\n  @media (min-width: 800px) {\r\n    .scroller-image-wrapper {\r\n      height: 50vh;\r\n      min-height: 350px;\r\n    }\r\n    \r\n    .scroller-card {\r\n      padding: 30px;\r\n      margin-left: 50px;\r\n    }\r\n    \r\n    .scroller-card h3 {\r\n      font-size: 24px;\r\n    }\r\n    \r\n    .scroller-card p {\r\n      font-size: 18px;\r\n    }\r\n    \r\n    .scroller-indicator {\r\n      width: 28px;\r\n      height: 28px;\r\n      left: -25px;\r\n    }\r\n  }\r\n}\r\n\r\n\/* ===== COMMON STYLES (ALL DEVICES) ===== *\/\r\n.scroller-card h3 {\r\n  font-size: 20px;\r\n  margin-bottom: 12px;\r\n  color: #333;\r\n}\r\n\r\n.scroller-card p {\r\n  font-size: 15px;\r\n  color: #666;\r\n  line-height: 1.5;\r\n}\r\n\r\n.scroller-indicator {\r\n  position: absolute;\r\n  left: -15px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  background-color: #ddd;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.scroller-card.active .scroller-indicator {\r\n  background-color: #f9278e;\r\n  transform: translateY(-50%) scale(1.3);\r\n  box-shadow: \r\n    0 0 0 3px rgba(249, 39, 142, 0.3),\r\n    0 0 0 8px rgba(249, 39, 142, 0.1);\r\n}\r\n\r\n.scroller-connector {\r\n  position: absolute;\r\n  left: -5px;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 2px;\r\n  background-color: #eee;\r\n}\r\n<\/style>\r\n<div class=\"mobile-scroller-container\">\r\n  <div class=\"scroller-section\" data-section=\"1\">\r\n    <div class=\"scroller-card active\">\r\n      <div class=\"scroller-image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/auto-order-fulfillment.png\" alt=\"Customizable Shipping Labels\">\r\n      <\/div>\r\n      <div class=\"scroller-connector\"><\/div>\r\n      <div class=\"scroller-indicator\" data-section=\"1\"><\/div>\r\n      <div class=\"scroller-content\">\r\n        <h3>Auto Order Fulfillment\u200b<\/h3>\r\n        <p>Orders auto-sync to EasyParcel right after purchase, no clicks needed. Save time, reduce manual work, and focus more on growing your business.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"scroller-section\" data-section=\"2\">\r\n    <div class=\"scroller-card\">\r\n      <div class=\"scroller-image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/06\/one-click-order-fulfillment.png\" alt=\"Easy Order Fulfillment\">\r\n      <\/div>\r\n      <div class=\"scroller-connector\"><\/div>\r\n      <div class=\"scroller-indicator\" data-section=\"2\"><\/div>\r\n      <div class=\"scroller-content\">\r\n        <h3>One-Click Order Fulfillment<\/h3>\r\n        <p>Speed up your workflow by fulfilling and booking shipments instantly with just one click\u2014no manual entry needed.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"scroller-section\" data-section=\"3\">\r\n    <div class=\"scroller-card\">\r\n      <div class=\"scroller-image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/live-shipping-rate.png\" alt=\"Automate with Preset Couriers\">\r\n      <\/div>\r\n      <div class=\"scroller-connector\"><\/div>\r\n      <div class=\"scroller-indicator\" data-section=\"3\"><\/div>\r\n      <div class=\"scroller-content\">\r\n        <h3>Live Shipping Rates at Checkout<\/h3>\r\n        <p>Show live shipping rates on your Shopify checkout page for a transparent and seamless customer experience.<\/p>\r\n<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"scroller-section\" data-section=\"4\">\r\n    <div class=\"scroller-card\">\r\n      <div class=\"scroller-image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/pre-order-fulfillment.png\" alt=\"Automatic Order Status Updates\">\r\n      <\/div>\r\n      <div class=\"scroller-connector\"><\/div>\r\n      <div class=\"scroller-indicator\" data-section=\"4\"><\/div>\r\n      <div class=\"scroller-content\">\r\n        <h3>Pre-Order and Back-Order Fulfillment<\/h3>\r\n        <p>Easily fulfill orders with available stock while managing pre-order or back-order items. Ship in-stock products first to keep customers satisfied and streamline your workflow. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000188606-how-to-integrate-easyparcel-with-woocommerce-\">Integrate now.<\/a><\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const scrollerSections = document.querySelectorAll('.scroller-section');\r\n    const scrollerCards = document.querySelectorAll('.scroller-card');\r\n    \r\n    \/\/ Calculate positions of all scroller sections\r\n    function calculatePositions() {\r\n      scrollerSections.forEach(section => {\r\n        const card = section.querySelector('.scroller-card');\r\n        const rect = card.getBoundingClientRect();\r\n        section.scrollTarget = rect.top + window.scrollY - (window.innerHeight \/ 3);\r\n      });\r\n    }\r\n    \r\n    \/\/ Initialize positions\r\n    calculatePositions();\r\n    window.addEventListener('resize', calculatePositions);\r\n    \r\n    \/\/ Function to update active card\r\n    function updateActiveCard() {\r\n      const scrollPosition = window.scrollY;\r\n      \r\n      let activeSection = null;\r\n      let minDistance = Infinity;\r\n      \r\n      \/\/ Find which section is closest to trigger point\r\n      scrollerSections.forEach(section => {\r\n        const distance = Math.abs(scrollPosition - section.scrollTarget);\r\n        if (distance < minDistance) {\r\n          minDistance = distance;\r\n          activeSection = section;\r\n        }\r\n      });\r\n      \r\n      \/\/ Force first section when at top\r\n      if (window.scrollY <= scrollerSections[0].scrollTarget) {\r\n        activeSection = scrollerSections[0];\r\n      }\r\n      \r\n      \/\/ Force last section when at bottom\r\n      if (window.scrollY + window.innerHeight >= document.body.scrollHeight - 100) {\r\n        activeSection = scrollerSections[scrollerSections.length - 1];\r\n      }\r\n      \r\n      \/\/ Update active classes\r\n      scrollerCards.forEach(card => card.classList.remove('active'));\r\n      \r\n      if (activeSection) {\r\n        const activeCard = activeSection.querySelector('.scroller-card');\r\n        activeCard.classList.add('active');\r\n      }\r\n    }\r\n    \r\n    \/\/ Initial setup\r\n    calculatePositions();\r\n    updateActiveCard();\r\n    \r\n    \/\/ Improved scroll handling\r\n    let ticking = false;\r\n    window.addEventListener('scroll', function() {\r\n      if (!ticking) {\r\n        window.requestAnimationFrame(function() {\r\n          updateActiveCard();\r\n          ticking = false;\r\n        });\r\n        ticking = true;\r\n      }\r\n    });\r\n    \r\n    \/\/ Click on indicator to scroll to corresponding section\r\n    document.querySelectorAll('.scroller-indicator').forEach(indicator => {\r\n      indicator.addEventListener('click', function() {\r\n        const sectionNumber = this.dataset.section;\r\n        const targetSection = document.querySelector(`.scroller-section[data-section=\"${sectionNumber}\"]`);\r\n        if (targetSection) {\r\n          window.scrollTo({\r\n            top: targetSection.scrollTarget,\r\n            behavior: 'smooth'\r\n          });\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf4ccef elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"bf4ccef\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a0356e elementor-widget elementor-widget-html\" data-id=\"9a0356e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ===== MOBILE\/TABLET STYLES (0px - 1024px) ===== *\/\r\n@media (max-width: 1024px) {\r\n  .mobile-feature-scroller {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    display: block;\r\n  }\r\n\r\n  .feature-section {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .feature-image-container {\r\n    width: 100%;\r\n    height: 40vh;\r\n    min-height: 250px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: -50px;\r\n    margin-top: -70px;\r\n  }\r\n\r\n  .feature-image-container img {\r\n    max-width: 80%;\r\n    max-height: 80%;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .feature-item {\r\n    padding: 20px;\r\n    border-radius: 8px;\r\n    background-color: #f9f9f9;\r\n    position: relative;\r\n    margin-left: 30px;\r\n  }\r\n\r\n  .feature-item.active {\r\n    background-color: #fff;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  \/* ===== TABLET ENHANCEMENTS (600px+) ===== *\/\r\n  @media (min-width: 600px) {\r\n    .feature-image-container {\r\n      height: 45vh;\r\n      min-height: 300px;\r\n    }\r\n    \r\n    .feature-item {\r\n      padding: 40px;\r\n      margin-left: 40px;\r\n    }\r\n    \r\n    .feature-item h3 {\r\n      font-size: 22px;\r\n    }\r\n    \r\n    .feature-item p {\r\n      font-size: 16px;\r\n    }\r\n    \r\n    .feature-indicator {\r\n      width: 24px;\r\n      height: 24px;\r\n      left: -20px;\r\n    }\r\n  }\r\n\r\n  \/* ===== LARGE TABLET ENHANCEMENTS (800px-1024px) ===== *\/\r\n  @media (min-width: 800px) {\r\n    .feature-image-container {\r\n      height: 50vh;\r\n      min-height: 350px;\r\n    }\r\n    \r\n    .feature-item {\r\n      padding: 30px;\r\n      margin-left: 50px;\r\n    }\r\n    \r\n    .feature-item h3 {\r\n      font-size: 24px;\r\n    }\r\n    \r\n    .feature-item p {\r\n      font-size: 18px;\r\n    }\r\n    \r\n    .feature-indicator {\r\n      width: 28px;\r\n      height: 28px;\r\n      left: -25px;\r\n    }\r\n  }\r\n}\r\n\r\n\/* ===== COMMON STYLES (ALL DEVICES) ===== *\/\r\n.feature-item h3 {\r\n  font-size: 20px;\r\n  margin-bottom: 12px;\r\n  color: #333;\r\n}\r\n\r\n.feature-item p {\r\n  font-size: 15px;\r\n  color: #666;\r\n  line-height: 1.5;\r\n}\r\n\r\n.feature-indicator {\r\n  position: absolute;\r\n  left: -15px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/customize-shipping-label-pic-1.png\r\n  background-color: #ddd;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.feature-item.active .feature-indicator {\r\n  background-color: #f9278e;\r\n  transform: translateY(-50%) scale(1.3);\r\n  box-shadow: \r\n    0 0 0 3px rgba(249, 39, 142, 0.3),\r\n    0 0 0 8px rgba(249, 39, 142, 0.1);\r\n}\r\n\r\n.feature-connector {\r\n  position: absolute;\r\n  left: -5px;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 2px;\r\n  background-color: #eee;\r\n}\r\n<\/style>\r\n<div class=\"mobile-feature-scroller\">\r\n  <div class=\"feature-section\" data-feature=\"1\">\r\n\r\n    <div class=\"feature-item active\">\r\n    <div class=\"feature-image-container\">\r\n      <img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/auto-order-fulfillment.png\" alt=\"Customizable Shipping Labels\">\r\n    <\/div>\r\n      <div class=\"feature-connector\"><\/div>\r\n      <div class=\"feature-indicator\" data-feature=\"1\"><\/div>\r\n      <div class=\"feature-content\">\r\n        <h3>Auto Order Fulfillment\u200b<\/h3>\r\n        <p>Orders auto-sync to EasyParcel right after purchase, no clicks needed. Save time, reduce manual work, and focus more on growing your business. \r\n\r\n<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"feature-section\" data-feature=\"2\">\r\n    <div class=\"feature-item\">\r\n        <div class=\"feature-image-container\">\r\n      <img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/06\/one-click-order-fulfillment.png\" alt=\"Easy Order Fulfillment\">\r\n    <\/div>\r\n      <div class=\"feature-connector\"><\/div>\r\n      <div class=\"feature-indicator\" data-feature=\"2\"><\/div>\r\n      <div class=\"feature-content\">\r\n        <h3>One-Click Order Fulfillment<\/h3>\r\n        <p>Speed up your workflow by fulfilling and booking shipments instantly with just one click\u2014no manual entry needed.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"feature-section\" data-feature=\"3\">\r\n\r\n    <div class=\"feature-item\">\r\n        <div class=\"feature-image-container\">\r\n      <img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/live-shipping-rate.png\" alt=\"Automate with Preset Couriers\">\r\n    <\/div>\r\n      <div class=\"feature-connector\"><\/div>\r\n      <div class=\"feature-indicator\" data-feature=\"3\"><\/div>\r\n      <div class=\"feature-content\">\r\n        <h3>Live Shipping Rates at Checkout<\/h3>\r\n        <p>Show live shipping rates on your Shopify checkout page for a transparent and seamless customer experience. <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"feature-section\" data-feature=\"4\">\r\n\r\n    <div class=\"feature-item\">\r\n    <div class=\"feature-image-container\">\r\n      <img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/05\/pre-order-fulfillment.png\" alt=\"Automatic Order Status Updates\">\r\n    <\/div>\r\n      <div class=\"feature-connector\"><\/div>\r\n      <div class=\"feature-indicator\" data-feature=\"4\"><\/div>\r\n      <div class=\"feature-content\">\r\n        <h3>Pre-Order and Back-Order Fulfillment<\/h3>\r\n        <p>Easily fulfill orders with available stock while managing pre-order or back-order items. Ship in-stock products first to keep customers satisfied and streamline your workflow. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000188606-how-to-integrate-easyparcel-with-woocommerce-\">Integrate now.<\/a><\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const featureSections = document.querySelectorAll('.feature-section');\r\n    const featureItems = document.querySelectorAll('.feature-item');\r\n    \r\n    \/\/ Calculate positions of all feature sections\r\n    function calculatePositions() {\r\n      featureSections.forEach(section => {\r\n        const item = section.querySelector('.feature-item');\r\n        const rect = item.getBoundingClientRect();\r\n        section.scrollTarget = rect.top + window.scrollY - (window.innerHeight \/ 3);\r\n      });\r\n    }\r\n    \r\n    \/\/ Initialize positions\r\n    calculatePositions();\r\n    window.addEventListener('resize', calculatePositions);\r\n    \r\n    \/\/ Function to update active feature\r\n    function updateActiveFeature() {\r\n      const scrollPosition = window.scrollY;\r\n      \r\n      let activeSection = null;\r\n      let minDistance = Infinity;\r\n      \r\n      \/\/ Find which section is closest to trigger point\r\n      featureSections.forEach(section => {\r\n        const distance = Math.abs(scrollPosition - section.scrollTarget);\r\n        if (distance < minDistance) {\r\n          minDistance = distance;\r\n          activeSection = section;\r\n        }\r\n      });\r\n      \r\n      \/\/ Force first section when at top\r\n      if (window.scrollY <= featureSections[0].scrollTarget) {\r\n        activeSection = featureSections[0];\r\n      }\r\n      \r\n      \/\/ Force last section when at bottom\r\n      if (window.scrollY + window.innerHeight >= document.body.scrollHeight - 100) {\r\n        activeSection = featureSections[featureSections.length - 1];\r\n      }\r\n      \r\n      \/\/ Update active classes\r\n      featureItems.forEach(item => item.classList.remove('active'));\r\n      \r\n      if (activeSection) {\r\n        const activeItem = activeSection.querySelector('.feature-item');\r\n        activeItem.classList.add('active');\r\n      }\r\n    }\r\n    \r\n    \/\/ Initial setup\r\n    calculatePositions();\r\n    updateActiveFeature();\r\n    \r\n    \/\/ Improved scroll handling\r\n    let ticking = false;\r\n    window.addEventListener('scroll', function() {\r\n      if (!ticking) {\r\n        window.requestAnimationFrame(function() {\r\n          updateActiveFeature();\r\n          ticking = false;\r\n        });\r\n        ticking = true;\r\n      }\r\n    });\r\n    \r\n    \/\/ Click on indicator to scroll to corresponding feature\r\n    document.querySelectorAll('.feature-indicator').forEach(indicator => {\r\n      indicator.addEventListener('click', function() {\r\n        const featureNumber = this.dataset.feature;\r\n        const targetSection = document.querySelector(`.feature-section[data-feature=\"${featureNumber}\"]`);\r\n        if (targetSection) {\r\n          window.scrollTo({\r\n            top: targetSection.scrollTarget,\r\n            behavior: 'smooth'\r\n          });\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41d75f1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"41d75f1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6e7036f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"6e7036f\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b59cbd3 elementor-widget elementor-widget-heading\" data-id=\"b59cbd3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Need Help? WhatsApp for Premium Support!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-739b6d5 e-con-full primary-ghost-md e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"739b6d5\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6a2886 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"f6a2886\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/bit.ly\/4hXT29C\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact Us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06a9bcd e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"06a9bcd\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc66ac2 elementor-widget elementor-widget-heading\" data-id=\"dc66ac2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How To Integrate <span style=\"color: #F9278E\"> WooCommerce with EasyParcel<\/span>?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-639be48 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"639be48\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19e5e0a elementor-widget elementor-widget-html\" data-id=\"19e5e0a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* 1. Desktop Height *\/\r\n  .ep-calc-iframe {\r\n    width: 100% !important;\r\n    border: none !important;\r\n    height: 850px !important; \/* Adjust if desktop has a gap *\/\r\n    overflow: hidden !important;\r\n    display: block !important;\r\n  }\r\n\r\n  \/* 2. iPad Pro \/ Large Tablet Height *\/\r\n  @media only screen and (max-width: 1024px) {\r\n    .ep-calc-iframe {\r\n      height: 900px !important; \r\n    }\r\n  }\r\n  \r\n  \/* 3. iPad Air Specific Height *\/\r\n  @media only screen and (max-width: 820px) {\r\n    .ep-calc-iframe {\r\n      height: 750px !important; \/* Increased and forced with !important to prevent Elementor overrides *\/\r\n    }\r\n  }\r\n\r\n  \/* 4. Mobile Phone Height *\/\r\n  @media only screen and (max-width: 767px) {\r\n    .ep-calc-iframe {\r\n      height: 1200px !important; \/* Increased to fit the fully stacked mobile view *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<iframe src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2026\/03\/Woocommerce-x-EasyParcel-Integrations.html\" class=\"ep-calc-iframe\" scrolling=\"no\"><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cccb351 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"cccb351\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cda9ce elementor-widget elementor-widget-template\" data-id=\"0cda9ce\" data-element_type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"105147\" class=\"elementor elementor-105147\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d7e826f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"5d7e826f\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a68f82b elementor-widget elementor-widget-heading\" data-id=\"a68f82b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Hear From Our <span style=\"color:#F9278E\">Clients<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ad299d0 elementor-widget elementor-widget-shortcode\" data-id=\"2ad299d0\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div data-src=\"https:\/\/cdn.trustindex.io\/loader.js?b97587627a3532481706bbf5e6c\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8fda23 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c8fda23\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-74adad4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"74adad4\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df201ec elementor-widget elementor-widget-image\" data-id=\"df201ec\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1080\" height=\"1080\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/03\/frequently-asked-questions.webp\" class=\"attachment-full size-full wp-image-102549\" alt=\"frequently-asked-questions\" srcset=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/03\/frequently-asked-questions.webp 1080w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/03\/frequently-asked-questions-300x300.webp 300w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/03\/frequently-asked-questions-1024x1024.webp 1024w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/03\/frequently-asked-questions-150x150.webp 150w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/03\/frequently-asked-questions-768x768.webp 768w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/03\/frequently-asked-questions-650x650.webp 650w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9674627 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"9674627\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4631bc elementor-widget elementor-widget-html\" data-id=\"b4631bc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .faq-container {\n        font-family: 'Lato', sans-serif;\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .faq-title {\n        font-size: 24px;\n        font-weight: 700;\n        color: #333;\n        margin-bottom: 30px;\n        text-align: left;\n    }\n\n    .faq-item {\n        padding: 20px 0;\n        background-color: white;\n        border-bottom: 1px solid #eee;\n    }\n\n    .faq-question {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n        font-weight: 700;\n        font-size: 16px;\n        color: #666666;\n        background-color: transparent;\n        outline: none;\n        user-select: none;\n        transition: color 0.2s ease;\n    }\n\n    .faq-item.active .faq-question {\n        color: #000000;\n    }\n\n    .faq-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.3s ease-out;\n        color: #666;\n        line-height: 1.6;\n        padding-right: 30px;\n        background-color: white;\n    }\n\n    .faq-answer.active {\n        max-height: 300px; \/* Increased for better visibility *\/\n        margin-top: 15px;\n    }\n\n    .faq-toggle {\n        position: relative;\n        width: 20px;\n        height: 20px;\n        transition: transform 0.3s ease;\n    }\n\n    .faq-toggle::after {\n        content: '';\n        display: inline-block;\n        width: 8px;\n        height: 8px;\n        border-right: 2px solid #666;\n        border-bottom: 2px solid #666;\n        transform: rotate(45deg);\n        margin-left: 8px;\n        transition: transform 0.3s ease;\n    }\n\n    .faq-item.active .faq-toggle::after {\n        transform: rotate(225deg);\n        margin-top: 4px;\n    }\n<\/style>\n\n<div class=\"faq-container\">\n    <h2 class=\"faq-title\">Frequently Asked Questions (FAQ)<\/h2>\n    \n    <div class=\"faq-item active\">\n        <div class=\"faq-question\">\n            <span>Can I auto-import my orders from WooCommerce?<\/span>\n            <div class=\"faq-toggle\"><\/div>\n        <\/div>\n        <div class=\"faq-answer active\">\n            Yes. You can sync your WooCommerce website with EasyParcel, and your incoming orders will be automatically imported. <a href=\"http:\/\/p3x.cc\/uZQXmb\" target=\"_blank\">Start Now<\/a>.\n        <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n        <div class=\"faq-question\">\n            <span>Do I need to pay anything extra to add WooCommerce to my account?<\/span>\n            <div class=\"faq-toggle\"><\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n            It's free! EasyParcel allows you to integrate 25+ platforms to auto-sync orders directly into the panel and ship them easily. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000224478-how-to-integrate-my-store-with-easyparcel\" target=\"_blank\" rel=\"noopener\">Learn More<\/a>.\n        <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n        <div class=\"faq-question\">\n            <span>How many types of integration for WooCommerce?<\/span>\n            <div class=\"faq-toggle\"><\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n            We have 2 types of WooCommerce integration: the **import version** and the **plugin version**. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000188606-how-to-integrate-easyparcel-with-woocommerce-for\" target=\"_blank\" rel=\"noopener\">Learn more<\/a>.\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const faqItems = document.querySelectorAll('.faq-item');\n\n        faqItems.forEach(item => {\n            const question = item.querySelector('.faq-question');\n            question.addEventListener('click', function () {\n                const isActive = item.classList.contains('active');\n\n                \/\/ Close all other items\n                faqItems.forEach(innerItem => {\n                    innerItem.classList.remove('active');\n                    innerItem.querySelector('.faq-answer').classList.remove('active');\n                });\n\n                \/\/ Toggle the clicked item\n                if (!isActive) {\n                    item.classList.add('active');\n                    item.querySelector('.faq-answer').classList.add('active');\n                }\n            });\n        });\n    });\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I auto-import my orders from WooCommerce?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. You can sync your WooCommerce website with EasyParcel, and your incoming orders will be automatically imported.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do I need to pay anything extra to add WooCommerce to my EasyParcel account?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"It's free! EasyParcel allows you to integrate 25+ platforms to auto-sync orders directly into the panel at no extra cost.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How many types of integration for WooCommerce?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"There are 2 types of WooCommerce integration available: the import version and the plugin version.\"\n      }\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f91518 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2f91518\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2e86ed elementor-widget elementor-widget-template\" data-id=\"a2e86ed\" data-element_type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"104488\" class=\"elementor elementor-104488\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13b8e328 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"13b8e328\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5fa18b81 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"5fa18b81\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fcd21cc elementor-widget elementor-widget-heading\" data-id=\"2fcd21cc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Join 1.5 Million Happy Customers &amp; Start Saving<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b390f6f elementor-widget elementor-widget-text-editor\" data-id=\"6b390f6f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div data-lark-html-role=\"root\"><span class=\"text-only\" data-eleid=\"14\">Create your free account today and receive RM10 shipping coupon to start saving from your very first parcel. Compare courier rates, book in minutes, and start saving immediately.<\/span><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62bfa1ff e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"62bfa1ff\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-481fe8c elementor-align-right elementor-tablet-align-center elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"481fe8c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/p3x.cc\/fewVWC\" target=\"_blank\" id=\"wp_my_signup\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Claim My Free RM10<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WooCommerce Seamless Integration Streamline your WooCommerce store with EasyParcel. Enjoy automated shipping, delivery updates, and improved customer satisfaction. Connect now and elevate your eCommerce business. Get A Demo Integrate Now How EasyParcel Helps You? Auto Order Fulfillment\u200b Orders auto-sync to EasyParcel right after purchase, no clicks needed. Save time, reduce manual work, and focus more on growing your business. One-Click Order Fulfillment Speed up your workflow by fulfilling and booking shipments instantly with just one click\u2014no manual entry needed. Live Shipping Rates at Checkout Show live shipping rates on your Shopify checkout page for a transparent and seamless customer experience. Pre-Order and Back-Order Fulfillment Easily fulfill orders with available stock while managing pre-order or back-order items. Ship in-stock products first to keep customers satisfied and streamline your workflow. Integrate now. Auto Order Fulfillment\u200b Orders auto-sync to EasyParcel right after purchase, no clicks needed. Save time, reduce manual work, and focus more on growing your business. One-Click Order Fulfillment Speed up your workflow by fulfilling and booking shipments instantly with just one click\u2014no manual entry needed. Live Shipping Rates at Checkout Show live shipping rates on your Shopify checkout page for a transparent and seamless customer experience. Pre-Order and Back-Order Fulfillment Easily fulfill orders with available stock while managing pre-order or back-order items. Ship in-stock products first to keep customers satisfied and streamline your workflow. Integrate now. Auto Order Fulfillment\u200b Orders auto-sync to EasyParcel right after purchase, no clicks needed. Save time, reduce manual work, and focus more on growing your business. One-Click Order Fulfillment Speed up your workflow by fulfilling and booking shipments instantly with just one click\u2014no manual entry needed. Live Shipping Rates at Checkout Show live shipping rates on your Shopify checkout page for a transparent and seamless customer experience. Pre-Order and Back-Order Fulfillment Easily fulfill orders with available stock while managing pre-order or back-order items. Ship in-stock products first to keep customers satisfied and streamline your workflow. Integrate now. Need Help? WhatsApp for Premium Support! Contact Us How To Integrate WooCommerce with EasyParcel? Frequently Asked Questions (FAQ) Can I auto-import my orders from WooCommerce? Yes. You can sync your WooCommerce website with EasyParcel, and your incoming orders will be automatically imported. Start Now. Do I need to pay anything extra to add WooCommerce to my account? It&#8217;s free! EasyParcel allows you to integrate 25+ platforms to auto-sync orders directly into the panel and ship them easily. Learn More. How many types of integration for WooCommerce? We have 2 types of WooCommerce integration: the **import version** and the **plugin version**. Learn more.<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":375,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1831","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Connect EasyParcel to WooCommerce Seamless Order Fulfillment<\/title>\n<meta name=\"description\" content=\"Integrate EasyParcel with your WooCommerce store for seamless order fulfillment. Automate shipping, print labels effortlessly in one place.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Connect EasyParcel to WooCommerce Seamless Order Fulfillment\" \/>\n<meta property=\"og:description\" content=\"Integrate EasyParcel with your WooCommerce store for seamless order fulfillment. Automate shipping, print labels effortlessly in one place.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"EasyParcel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/easyParcel.my\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-13T03:38:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@easyparcel\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/\",\"url\":\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/\",\"name\":\"Connect EasyParcel to WooCommerce Seamless Order Fulfillment\",\"isPartOf\":{\"@id\":\"https:\/\/easyparcel.com\/my\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp\",\"datePublished\":\"2022-03-23T08:57:59+00:00\",\"dateModified\":\"2026-03-13T03:38:51+00:00\",\"description\":\"Integrate EasyParcel with your WooCommerce store for seamless order fulfillment. Automate shipping, print labels effortlessly in one place.\",\"breadcrumb\":{\"@id\":\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#primaryimage\",\"url\":\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp\",\"contentUrl\":\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp\",\"width\":300,\"height\":120,\"caption\":\"WooCommerce\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Integration List\",\"item\":\"https:\/\/easyparcel.com\/my\/integration-list\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/easyparcel.com\/my\/#website\",\"url\":\"https:\/\/easyparcel.com\/my\/\",\"name\":\"EasyParcel\",\"description\":\"EasyParcel - Delivery Made Easy\",\"publisher\":{\"@id\":\"https:\/\/easyparcel.com\/my\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/easyparcel.com\/my\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/easyparcel.com\/my\/#organization\",\"name\":\"EasyParcel\",\"url\":\"https:\/\/easyparcel.com\/my\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/easyparcel.com\/my\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/logo_horizontal.svg\",\"contentUrl\":\"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/logo_horizontal.svg\",\"width\":365,\"height\":95,\"caption\":\"EasyParcel\"},\"image\":{\"@id\":\"https:\/\/easyparcel.com\/my\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/easyParcel.my\",\"https:\/\/x.com\/easyparcel\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Connect EasyParcel to WooCommerce Seamless Order Fulfillment","description":"Integrate EasyParcel with your WooCommerce store for seamless order fulfillment. Automate shipping, print labels effortlessly in one place.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/","og_locale":"en_US","og_type":"article","og_title":"Connect EasyParcel to WooCommerce Seamless Order Fulfillment","og_description":"Integrate EasyParcel with your WooCommerce store for seamless order fulfillment. Automate shipping, print labels effortlessly in one place.","og_url":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/","og_site_name":"EasyParcel","article_publisher":"https:\/\/www.facebook.com\/easyParcel.my","article_modified_time":"2026-03-13T03:38:51+00:00","og_image":[{"url":"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@easyparcel","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/","url":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/","name":"Connect EasyParcel to WooCommerce Seamless Order Fulfillment","isPartOf":{"@id":"https:\/\/easyparcel.com\/my\/#website"},"primaryImageOfPage":{"@id":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp","datePublished":"2022-03-23T08:57:59+00:00","dateModified":"2026-03-13T03:38:51+00:00","description":"Integrate EasyParcel with your WooCommerce store for seamless order fulfillment. Automate shipping, print labels effortlessly in one place.","breadcrumb":{"@id":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#primaryimage","url":"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp","contentUrl":"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2024\/04\/woocommerce.webp","width":300,"height":120,"caption":"WooCommerce"},{"@type":"BreadcrumbList","@id":"https:\/\/easyparcel.com\/my\/integration-list\/woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Integration List","item":"https:\/\/easyparcel.com\/my\/integration-list\/"},{"@type":"ListItem","position":2,"name":"WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/easyparcel.com\/my\/#website","url":"https:\/\/easyparcel.com\/my\/","name":"EasyParcel","description":"EasyParcel - Delivery Made Easy","publisher":{"@id":"https:\/\/easyparcel.com\/my\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/easyparcel.com\/my\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/easyparcel.com\/my\/#organization","name":"EasyParcel","url":"https:\/\/easyparcel.com\/my\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/easyparcel.com\/my\/#\/schema\/logo\/image\/","url":"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/logo_horizontal.svg","contentUrl":"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/logo_horizontal.svg","width":365,"height":95,"caption":"EasyParcel"},"image":{"@id":"https:\/\/easyparcel.com\/my\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/easyParcel.my","https:\/\/x.com\/easyparcel"]}]}},"_links":{"self":[{"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/pages\/1831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/comments?post=1831"}],"version-history":[{"count":177,"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/pages\/1831\/revisions"}],"predecessor-version":[{"id":181675,"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/pages\/1831\/revisions\/181675"}],"up":[{"embeddable":true,"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/pages\/375"}],"wp:attachment":[{"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/media?parent=1831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}