{"id":1848,"date":"2022-03-23T17:02:41","date_gmt":"2022-03-23T09:02:41","guid":{"rendered":"https:\/\/easyparcel.com\/?page_id=1848"},"modified":"2026-03-13T10:48:53","modified_gmt":"2026-03-13T02:48:53","slug":"shopify","status":"publish","type":"page","link":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/","title":{"rendered":"Shopify"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1848\" class=\"elementor elementor-1848\" 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-00652f5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"00652f5\" data-element_type=\"container\" data-e-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-29bae7f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"29bae7f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-f113c4d e-con-full elementor-hidden-mobile e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"f113c4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b41415 elementor-widget elementor-widget-image\" data-id=\"3b41415\" data-element_type=\"widget\" data-e-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:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/shopify.png\" class=\"attachment-full size-full wp-image-386\" alt=\"Shopify eCommerce platform\" \/>\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-66a7f1d elementor-widget elementor-widget-html\" data-id=\"66a7f1d\" data-element_type=\"widget\" data-e-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-f1ad54b elementor-widget elementor-widget-image\" data-id=\"f1ad54b\" data-element_type=\"widget\" data-e-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-520b645 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"520b645\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-5b57a57 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"5b57a57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48e5b34 elementor-widget elementor-widget-image\" data-id=\"48e5b34\" data-element_type=\"widget\" data-e-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:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/shopify.png\" class=\"attachment-full size-full wp-image-386\" alt=\"Shopify eCommerce platform\" \/>\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-da9ff8f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"da9ff8f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44c231c elementor-widget elementor-widget-html\" data-id=\"44c231c\" data-element_type=\"widget\" data-e-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-facb494 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"facb494\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2160243 elementor-widget elementor-widget-image\" data-id=\"2160243\" data-element_type=\"widget\" data-e-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-58c9142 elementor-widget elementor-widget-heading\" data-id=\"58c9142\" data-element_type=\"widget\" data-e-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\">Shopify 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-acb8301 elementor-widget elementor-widget-text-editor\" data-id=\"acb8301\" data-element_type=\"widget\" data-e-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\tStreamline your Shopify store with EasyParcel. Enjoy automated shipping, delivery updates, and improved customer satisfaction. <br>Connect now and elevate your eCommerce business.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ecf9af e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"6ecf9af\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05153ca elementor-mobile-align-justify primary-ghost-md elementor-widget elementor-widget-button\" data-id=\"05153ca\" data-element_type=\"widget\" data-e-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-49c47b0 elementor-mobile-align-justify primary-filled-md elementor-widget elementor-widget-button\" data-id=\"49c47b0\" data-element_type=\"widget\" data-e-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-9efa84f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"9efa84f\" data-element_type=\"container\" data-e-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-64238e1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"64238e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea81682 elementor-widget elementor-widget-heading\" data-id=\"ea81682\" data-element_type=\"widget\" data-e-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 Shopify APP 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-b0ea5d8 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"b0ea5d8\" data-element_type=\"container\" data-e-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-980bb08 elementor-widget elementor-widget-html\" data-id=\"980bb08\" data-element_type=\"widget\" data-e-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. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000266899-how-do-i-automate-shopify-order-fulfillment-\">Learn more.<\/a>\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.<a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000266901-how-to-merge-shopify-multiple-imported-orders-into-one-in-easyparcel-platform-\"> Learn more.<\/a><\/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. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000266895-how-to-add-live-rates-at-checkout-page-for-shopify-\">Learn more.<\/a><\/p>\r\n<\/p>\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\/9000188739-how-to-integrate-easyparcel-with-shopify\">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-460acb1 elementor-hidden-desktop elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"460acb1\" data-element_type=\"container\" data-e-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-6047ac0 elementor-widget elementor-widget-html\" data-id=\"6047ac0\" data-element_type=\"widget\" data-e-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. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000266899-how-do-i-automate-shopify-order-fulfillment-\">Learn more.<\/a><\/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.<a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000266901-how-to-merge-shopify-multiple-imported-orders-into-one-in-easyparcel-platform-\"> Learn more.<\/a><\/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. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000266895-how-to-add-live-rates-at-checkout-page-for-shopify-\">Learn more.<\/a><\/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\/9000188739-how-to-integrate-easyparcel-with-shopify\">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-5807494 elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5807494\" data-element_type=\"container\" data-e-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-4e4195a elementor-widget elementor-widget-html\" data-id=\"4e4195a\" data-element_type=\"widget\" data-e-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: -80px;\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. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000266899-how-do-i-automate-shopify-order-fulfillment-\">Learn more.<\/a>\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.<a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000266901-how-to-merge-shopify-multiple-imported-orders-into-one-in-easyparcel-platform-\"> Learn more.<\/a><\/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. <a href=\"https:\/\/helpcentre-my.easyparcel.com\/support\/solutions\/articles\/9000266895-how-to-add-live-rates-at-checkout-page-for-shopify-\">Learn more.<\/a><\/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\/9000188739-how-to-integrate-easyparcel-with-shopify\">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-828561a elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"828561a\" data-element_type=\"container\" data-e-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-abd2e69 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"abd2e69\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-922cdde elementor-widget elementor-widget-heading\" data-id=\"922cdde\" data-element_type=\"widget\" data-e-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? <br>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-ed740f0 e-con-full primary-ghost-md e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"ed740f0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35f97d8 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"35f97d8\" data-element_type=\"widget\" data-e-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-94858b3 elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"94858b3\" data-element_type=\"container\" data-e-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-4236184 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"4236184\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a721abf elementor-widget elementor-widget-heading\" data-id=\"a721abf\" data-element_type=\"widget\" data-e-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-c134014 e-con-full primary-ghost-md e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"c134014\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1588aa0 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"1588aa0\" data-element_type=\"widget\" data-e-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-23c4371 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"23c4371\" data-element_type=\"container\" data-e-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-6ab8be5 elementor-widget elementor-widget-heading\" data-id=\"6ab8be5\" data-element_type=\"widget\" data-e-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\"> Shopify 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-a5edd4c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"a5edd4c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a698b34 elementor-widget elementor-widget-html\" data-id=\"a698b34\" data-element_type=\"widget\" data-e-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: 800px !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:1060px !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\/Shopify-x-EasyParcel-Integration.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-504836dc e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"504836dc\" data-element_type=\"container\" data-e-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-69fe63a8 elementor-widget elementor-widget-heading\" data-id=\"69fe63a8\" data-element_type=\"widget\" data-e-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\">Hear From Our <span style=\"color:#F9278E\">Clients<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70440d2c elementor-widget elementor-widget-shortcode\" data-id=\"70440d2c\" data-element_type=\"widget\" data-e-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<div class=\"elementor-element elementor-element-68a82c4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"68a82c4\" data-element_type=\"container\" data-e-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-6591721 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"6591721\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed55f5c elementor-widget elementor-widget-image\" data-id=\"ed55f5c\" data-element_type=\"widget\" data-e-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-8c621a0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"8c621a0\" data-element_type=\"container\" data-e-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-1808f4f elementor-widget elementor-widget-html\" data-id=\"1808f4f\" data-element_type=\"widget\" data-e-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-question:focus,\n    .faq-question:active {\n        background-color: transparent !important;\n        outline: none;\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; \/* Buffer for link 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 Shopify?<\/span>\n            <div class=\"faq-toggle\"><\/div>\n        <\/div>\n        <div class=\"faq-answer active\">\n            Yes. You can sync your Shopify 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 Shopify to my EasyParcel 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 class=\"my-help-centre\" 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 Shopify?<\/span>\n            <div class=\"faq-toggle\"><\/div>\n        <\/div>\n        <div class=\"faq-answer\">\n            We have 2 types of Shopify integration in EasyParcel: the **import version** and the **plugin version**. <a class=\"my-help-centre\" 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 open items\n                faqItems.forEach(innerItem => {\n                    innerItem.classList.remove('active');\n                    innerItem.querySelector('.faq-answer').classList.remove('active');\n                });\n\n                \/\/ Toggle current item if it wasn't already active\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 Shopify?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. You can sync your Shopify website with EasyParcel to automatically import incoming orders for easier shipping.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do I need to pay anything extra to add Shopify to my EasyParcel account?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"It is free to integrate Shopify with EasyParcel. You can auto-sync orders from over 25+ supported platforms at no extra cost.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How many types of integration for Shopify?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"There are two types of Shopify 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-a821780 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"a821780\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96e4cd5 elementor-widget elementor-widget-template\" data-id=\"96e4cd5\" data-element_type=\"widget\" data-e-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 wpr-equal-height-no e-con e-parent\" data-id=\"13b8e328\" data-element_type=\"container\" data-e-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 wpr-equal-height-no e-con e-child\" data-id=\"5fa18b81\" data-element_type=\"container\" data-e-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-e-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-e-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 wpr-equal-height-no e-con e-child\" data-id=\"62bfa1ff\" data-element_type=\"container\" data-e-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-e-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>Shopify Seamless Integration Streamline your Shopify 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 Shopify APP 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. Learn more. One-Click Order Fulfillment Speed up your workflow by fulfilling and booking shipments instantly with just one click\u2014no manual entry needed. Learn more. Live Shipping Rates at Checkout Show live shipping rates on your Shopify checkout page for a transparent and seamless customer experience. Learn more. 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. Learn more. One-Click Order Fulfillment Speed up your workflow by fulfilling and booking shipments instantly with just one click\u2014no manual entry needed. Learn more. Live Shipping Rates at Checkout Show live shipping rates on your Shopify checkout page for a transparent and seamless customer experience. Learn more. 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. Learn more. One-Click Order Fulfillment Speed up your workflow by fulfilling and booking shipments instantly with just one click\u2014no manual entry needed. Learn more. Live Shipping Rates at Checkout Show live shipping rates on your Shopify checkout page for a transparent and seamless customer experience. Learn more. 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 Need Help? WhatsApp for Premium Support! Contact Us How To Integrate Shopify with EasyParcel? Hear From Our Clients Frequently Asked Questions (FAQ) Can I auto-import my orders from Shopify? Yes. You can sync your Shopify website with EasyParcel, and your incoming orders will be automatically imported. Start Now. Do I need to pay anything extra to add Shopify to my EasyParcel 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 Shopify? We have 2 types of Shopify integration in EasyParcel: 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-1848","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Ship Your Shopify Orders Faster with EasyParcel Integration<\/title>\n<meta name=\"description\" content=\"Streamline your shipping process with EasyParcel&#039;s Shopify integration. Automatically sync your orders and enjoy faster.\" \/>\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\/shopify\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ship Your Shopify Orders Faster with EasyParcel Integration\" \/>\n<meta property=\"og:description\" content=\"Streamline your shipping process with EasyParcel&#039;s Shopify integration. Automatically sync your orders and enjoy faster.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/\" \/>\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-13T02:48:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/shopify.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"120\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"6 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\\\/shopify\\\/\",\"url\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/integration-list\\\/shopify\\\/\",\"name\":\"Ship Your Shopify Orders Faster with EasyParcel Integration\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/integration-list\\\/shopify\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/integration-list\\\/shopify\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/shopify.png\",\"datePublished\":\"2022-03-23T09:02:41+00:00\",\"dateModified\":\"2026-03-13T02:48:53+00:00\",\"description\":\"Streamline your shipping process with EasyParcel's Shopify integration. Automatically sync your orders and enjoy faster.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/integration-list\\\/shopify\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/easyparcel.com\\\/my\\\/integration-list\\\/shopify\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/integration-list\\\/shopify\\\/#primaryimage\",\"url\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/shopify.png\",\"contentUrl\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/shopify.png\",\"width\":300,\"height\":120,\"caption\":\"Shopify eCommerce platform\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/integration-list\\\/shopify\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Integration List\",\"item\":\"https:\\\/\\\/easyparcel.com\\\/my\\\/integration-list\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shopify\"}]},{\"@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":"Ship Your Shopify Orders Faster with EasyParcel Integration","description":"Streamline your shipping process with EasyParcel's Shopify integration. Automatically sync your orders and enjoy faster.","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\/shopify\/","og_locale":"en_US","og_type":"article","og_title":"Ship Your Shopify Orders Faster with EasyParcel Integration","og_description":"Streamline your shipping process with EasyParcel's Shopify integration. Automatically sync your orders and enjoy faster.","og_url":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/","og_site_name":"EasyParcel","article_publisher":"https:\/\/www.facebook.com\/easyParcel.my","article_modified_time":"2026-03-13T02:48:53+00:00","og_image":[{"width":300,"height":120,"url":"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/shopify.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@easyparcel","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/","url":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/","name":"Ship Your Shopify Orders Faster with EasyParcel Integration","isPartOf":{"@id":"https:\/\/easyparcel.com\/my\/#website"},"primaryImageOfPage":{"@id":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/#primaryimage"},"image":{"@id":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/#primaryimage"},"thumbnailUrl":"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/shopify.png","datePublished":"2022-03-23T09:02:41+00:00","dateModified":"2026-03-13T02:48:53+00:00","description":"Streamline your shipping process with EasyParcel's Shopify integration. Automatically sync your orders and enjoy faster.","breadcrumb":{"@id":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/easyparcel.com\/my\/integration-list\/shopify\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/#primaryimage","url":"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/shopify.png","contentUrl":"https:\/\/easyparcel.com\/my\/wp-content\/uploads\/2022\/03\/shopify.png","width":300,"height":120,"caption":"Shopify eCommerce platform"},{"@type":"BreadcrumbList","@id":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Integration List","item":"https:\/\/easyparcel.com\/my\/integration-list\/"},{"@type":"ListItem","position":2,"name":"Shopify"}]},{"@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\/1848","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=1848"}],"version-history":[{"count":601,"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/pages\/1848\/revisions"}],"predecessor-version":[{"id":181558,"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/pages\/1848\/revisions\/181558"}],"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=1848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}