{"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-05-29T14:52:59","modified_gmt":"2026-05-29T06:52:59","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:\/\/api.whatsapp.com\/send\/?phone=%2B60122473286&#038;text&#038;type=phone_number&#038;app_absent=0\">\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-a8111fa 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=\"a8111fa\" 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-9f93b19 elementor-widget elementor-widget-heading\" data-id=\"9f93b19\" 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<div class=\"elementor-element elementor-element-2fbce59 elementor-widget elementor-widget-html\" data-id=\"2fbce59\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Shopify x EasyParcel Integration<\/title>\r\n  <style>\r\n\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');\r\n\r\n    \/* \u2500\u2500 ISOLATION: defeat any dark-theme \/ Elementor background bleed-through \u2500\u2500 *\/\r\n    .ep-guide, .ep-guide * {\r\n      box-sizing: border-box !important;\r\n      color-scheme: light !important;\r\n    }\r\n\r\n    .ep-guide * {\r\n      background-color: transparent !important;\r\n      color: inherit !important;\r\n    }\r\n\r\n    .ep-guide *:not(.material-symbols-outlined) {\r\n      font-family: \"Plus Jakarta Sans\", sans-serif !important;\r\n    }\r\n    .ep-guide .material-symbols-outlined,\r\n    #ep-lightbox .material-symbols-outlined {\r\n      font-family: \"Material Symbols Outlined\" !important;\r\n      font-weight: normal !important;\r\n      font-style: normal !important;\r\n      font-size: 20px !important;\r\n      line-height: 1 !important;\r\n      letter-spacing: normal !important;\r\n      text-transform: none !important;\r\n      display: inline-block !important;\r\n      white-space: nowrap !important;\r\n      word-wrap: normal !important;\r\n      direction: ltr !important;\r\n      -webkit-font-feature-settings: 'liga' !important;\r\n      font-feature-settings: 'liga' !important;\r\n      -webkit-font-smoothing: antialiased !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 GUIDE WRAPPER \u2500\u2500 *\/\r\n    .ep-guide {\r\n      width: 100% !important;\r\n      background: #ffffff !important;\r\n      background-color: #ffffff !important;\r\n      border-radius: 24px !important;\r\n      box-shadow: 0 20px 60px rgba(0,0,0,0.10) !important;\r\n      border: 1px solid #f1f5f9 !important;\r\n      overflow: hidden !important;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    .ep-desktop {\r\n      display: flex !important;\r\n      flex-direction: row !important;\r\n      min-height: 700px !important;\r\n    }\r\n\r\n    .ep-left {\r\n      width: 33.333% !important;\r\n      min-width: 280px !important;\r\n      background: #F2F4F8 !important;\r\n      background-color: #F2F4F8 !important;\r\n      padding: 48px !important;\r\n      border-right: 1px solid #f1f5f9 !important;\r\n      border-radius: 24px 0 0 24px !important;\r\n      position: relative !important;\r\n      overflow-y: auto !important;\r\n    }\r\n\r\n    .ep-brand { margin-bottom: 40px !important; }\r\n    .ep-brand-row {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      margin-bottom: 6px !important;\r\n    }\r\n    .ep-brand-row .material-symbols-outlined {\r\n      color: #F9278E !important;\r\n      font-size: 22px !important;\r\n      width: 22px !important;\r\n      height: 22px !important;\r\n    }\r\n    .ep-brand-name {\r\n      font-weight: 700 !important;\r\n      font-size: 18px !important;\r\n      letter-spacing: -0.3px !important;\r\n      color: #0f172a !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n    .ep-brand-sub {\r\n      font-size: 13px !important;\r\n      color: #94a3b8 !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .ep-steps-list {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 32px !important;\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      list-style: none !important;\r\n    }\r\n    .ep-steps-list::before {\r\n      content: \"\" !important;\r\n      position: absolute !important;\r\n      left: 19px !important;\r\n      top: 20px !important;\r\n      bottom: 20px !important;\r\n      width: 2px !important;\r\n      background: #e2e8f0 !important;\r\n      background-color: #e2e8f0 !important;\r\n      z-index: -1 !important;\r\n      display: block !important;\r\n    }\r\n\r\n    .ep-step-item {\r\n      display: flex !important;\r\n      gap: 16px !important;\r\n      cursor: pointer !important;\r\n      align-items: flex-start !important;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .ep-step-icon {\r\n      width: 40px !important;\r\n      height: 40px !important;\r\n      min-width: 40px !important;\r\n      border-radius: 50% !important;\r\n      border: 2px solid #e2e8f0 !important;\r\n      background: #ffffff !important;\r\n      background-color: #ffffff !important;\r\n      color: #94a3b8 !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      transition: border-color 0.25s, background 0.25s, color 0.25s !important;\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n    }\r\n    .ep-step-icon .material-symbols-outlined {\r\n      font-size: 18px !important;\r\n      width: 18px !important;\r\n      height: 18px !important;\r\n    }\r\n    .ep-step-item:not(.active):hover .ep-step-icon {\r\n      border-color: #F9278E !important;\r\n      color: #F9278E !important;\r\n    }\r\n    .ep-step-item.active .ep-step-icon {\r\n      border-color: #F9278E !important;\r\n      background: #F9278E !important;\r\n      background-color: #F9278E !important;\r\n      color: #ffffff !important;\r\n      box-shadow: 0 8px 20px rgba(249,39,142,0.3) !important;\r\n    }\r\n\r\n    .ep-step-text { flex: 1 !important; }\r\n    .ep-step-title {\r\n      font-weight: 700 !important;\r\n      font-size: 14px !important;\r\n      color: #64748b !important;\r\n      margin: 0 0 4px !important;\r\n      padding: 0 !important;\r\n      transition: color 0.2s !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n    .ep-step-item:not(.active):hover .ep-step-title { color: #F9278E !important; }\r\n    .ep-step-item.active .ep-step-title { color: #0f172a !important; }\r\n    .ep-step-desc {\r\n      font-size: 12px !important;\r\n      color: #94a3b8 !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    .ep-right {\r\n      width: 66.666% !important;\r\n      padding: 64px !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      justify-content: space-between !important;\r\n      background: #ffffff !important;\r\n      background-color: #ffffff !important;\r\n      border-radius: 0 24px 24px 0 !important;\r\n    }\r\n    .ep-content-area {\r\n      flex-grow: 1 !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      justify-content: center !important;\r\n    }\r\n\r\n    .ep-step-content {\r\n      display: none !important;\r\n      flex-direction: column !important;\r\n      justify-content: center !important;\r\n      animation: epFadeIn 0.35s ease-in-out !important;\r\n    }\r\n    .ep-step-content.active { display: flex !important; }\r\n    @keyframes epFadeIn {\r\n      from { opacity: 0; transform: translateY(10px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .ep-step-label {\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      letter-spacing: 2px !important;\r\n      text-transform: uppercase !important;\r\n      color: #F9278E !important;\r\n      margin: 0 0 14px !important;\r\n      padding: 0 !important;\r\n      display: block !important;\r\n    }\r\n    .ep-step-heading {\r\n      font-size: 20px !important;\r\n      font-weight: 700 !important;\r\n      color: #1e293b !important;\r\n      margin: 0 0 8px !important;\r\n      padding: 0 !important;\r\n      line-height: 1.3 !important;\r\n      background-color: transparent !important;\r\n    }\r\n    .ep-step-body {\r\n      font-size: 13px !important;\r\n      color: #64748b !important;\r\n      margin: 0 0 20px !important;\r\n      padding: 0 !important;\r\n      line-height: 1.7 !important;\r\n      background-color: transparent !important;\r\n    }\r\n    .ep-step-body strong {\r\n      color: #475569 !important;\r\n      font-weight: 600 !important;\r\n      background-color: transparent !important;\r\n    }\r\n\r\n    .ep-img-card {\r\n      width: 100% !important;\r\n      background: #f8fafc !important;\r\n      background-color: #f8fafc !important;\r\n      border-radius: 16px !important;\r\n      border: 1px solid #f1f5f9 !important;\r\n      overflow: hidden !important;\r\n      box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;\r\n      position: relative !important;\r\n    }\r\n    .ep-img-card img {\r\n      width: 100% !important;\r\n      height: auto !important;\r\n      display: block !important;\r\n      object-fit: contain !important;\r\n      cursor: zoom-in !important;\r\n      transition: opacity 0.2s !important;\r\n    }\r\n\r\n    .ep-dots {\r\n      display: flex !important;\r\n      justify-content: center !important;\r\n      gap: 8px !important;\r\n      padding: 12px 0 !important;\r\n    }\r\n    .ep-dot {\r\n      width: 8px !important;\r\n      height: 8px !important;\r\n      border-radius: 50% !important;\r\n      background: #cbd5e1 !important;\r\n      background-color: #cbd5e1 !important;\r\n      border: none !important;\r\n      padding: 0 !important;\r\n      cursor: pointer !important;\r\n      transition: background 0.2s, transform 0.2s !important;\r\n    }\r\n    .ep-dot.active {\r\n      background: #F9278E !important;\r\n      background-color: #F9278E !important;\r\n      transform: scale(1.3) !important;\r\n    }\r\n\r\n    .ep-carousel-btn {\r\n      position: absolute !important;\r\n      top: 50% !important;\r\n      transform: translateY(-50%) !important;\r\n      width: 32px !important;\r\n      height: 32px !important;\r\n      border-radius: 50% !important;\r\n      background: #ffffff !important;\r\n      background-color: #ffffff !important;\r\n      border: 1px solid #e2e8f0 !important;\r\n      box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      cursor: pointer !important;\r\n      z-index: 10 !important;\r\n      transition: background 0.2s, color 0.2s, border-color 0.2s !important;\r\n      padding: 0 !important;\r\n      color: #64748b !important;\r\n    }\r\n    .ep-carousel-btn:hover {\r\n      background: #F9278E !important;\r\n      background-color: #F9278E !important;\r\n      color: #ffffff !important;\r\n      border-color: #F9278E !important;\r\n    }\r\n    .ep-carousel-btn .material-symbols-outlined { font-size: 18px !important; width: 18px !important; height: 18px !important; }\r\n    .ep-carousel-btn-left  { left: 8px !important; }\r\n    .ep-carousel-btn-right { right: 8px !important; }\r\n\r\n    .ep-warning {\r\n      background: #fffbeb !important;\r\n      background-color: #fffbeb !important;\r\n      border: 1px solid #fde68a !important;\r\n      border-radius: 12px !important;\r\n      padding: 14px 16px !important;\r\n      margin-bottom: 16px !important;\r\n      font-size: 12px !important;\r\n      color: #92400e !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n    .ep-warning strong { font-weight: 700 !important; color: #92400e !important; }\r\n    .ep-warning code {\r\n      background: #fef3c7 !important;\r\n      background-color: #fef3c7 !important;\r\n      padding: 1px 5px !important;\r\n      border-radius: 4px !important;\r\n      font-family: monospace !important;\r\n      font-size: 11px !important;\r\n    }\r\n\r\n    .ep-nav {\r\n      margin-top: 32px !important;\r\n      padding-top: 24px !important;\r\n      border-top: 1px solid #f1f5f9 !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: space-between !important;\r\n    }\r\n    .ep-nav-btn {\r\n      background: none !important;\r\n      background-color: transparent !important;\r\n      border: none !important;\r\n      padding: 0 !important;\r\n      cursor: pointer !important;\r\n      font-weight: 700 !important;\r\n      font-size: 14px !important;\r\n      color: #94a3b8 !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      transition: color 0.2s !important;\r\n      font-family: \"Plus Jakarta Sans\", sans-serif !important;\r\n    }\r\n    .ep-nav-btn:hover { color: #1e293b !important; }\r\n    .ep-nav-btn .material-symbols-outlined { font-size: 20px !important; width: 20px !important; height: 20px !important; }\r\n    .ep-step-counter {\r\n      font-size: 12px !important;\r\n      color: #cbd5e1 !important;\r\n      font-weight: 500 !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    .ep-mobile {\r\n      display: none !important;\r\n    }\r\n\r\n    .ep-mob-header {\r\n      background: #F2F4F8 !important;\r\n      background-color: #F2F4F8 !important;\r\n      padding: 20px !important;\r\n      border-bottom: 1px solid #e2e8f0 !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 10px !important;\r\n    }\r\n    .ep-mob-header .material-symbols-outlined {\r\n      color: #F9278E !important;\r\n      font-size: 20px !important;\r\n    }\r\n    .ep-mob-header-title {\r\n      font-weight: 700 !important;\r\n      font-size: 15px !important;\r\n      color: #0f172a !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n    .ep-mob-header-sub {\r\n      font-size: 11px !important;\r\n      color: #94a3b8 !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .ep-acc-item {\r\n      border-bottom: 1px solid #f1f5f9 !important;\r\n      overflow: hidden !important;\r\n    }\r\n    .ep-acc-item:last-child { border-bottom: none !important; }\r\n\r\n    .ep-acc-trigger {\r\n      width: 100% !important;\r\n      background: #ffffff !important;\r\n      background-color: #ffffff !important;\r\n      border: none !important;\r\n      padding: 16px 20px !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 14px !important;\r\n      cursor: pointer !important;\r\n      text-align: left !important;\r\n      transition: background 0.2s !important;\r\n    }\r\n    .ep-acc-trigger:hover {\r\n      background: #fdf4f9 !important;\r\n      background-color: #fdf4f9 !important;\r\n    }\r\n    .ep-acc-item.open .ep-acc-trigger {\r\n      background: #fff5fa !important;\r\n      background-color: #fff5fa !important;\r\n    }\r\n\r\n    .ep-acc-icon {\r\n      width: 34px !important;\r\n      height: 34px !important;\r\n      min-width: 34px !important;\r\n      border-radius: 50% !important;\r\n      border: 2px solid #e2e8f0 !important;\r\n      background: #ffffff !important;\r\n      background-color: #ffffff !important;\r\n      color: #94a3b8 !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      transition: all 0.25s !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n    .ep-acc-icon .material-symbols-outlined {\r\n      font-size: 15px !important;\r\n    }\r\n    .ep-acc-item.open .ep-acc-icon {\r\n      background: #F9278E !important;\r\n      background-color: #F9278E !important;\r\n      border-color: #F9278E !important;\r\n      color: #ffffff !important;\r\n      box-shadow: 0 4px 12px rgba(249,39,142,0.3) !important;\r\n    }\r\n\r\n    .ep-acc-label {\r\n      flex: 1 !important;\r\n      font-weight: 700 !important;\r\n      font-size: 13px !important;\r\n      color: #64748b !important;\r\n      line-height: 1.4 !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      transition: color 0.2s !important;\r\n    }\r\n    .ep-acc-item.open .ep-acc-label { color: #0f172a !important; }\r\n\r\n    .ep-acc-chevron {\r\n      color: #cbd5e1 !important;\r\n      transition: transform 0.3s ease, color 0.2s !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n    .ep-acc-chevron .material-symbols-outlined { font-size: 20px !important; }\r\n    .ep-acc-item.open .ep-acc-chevron {\r\n      transform: rotate(180deg) !important;\r\n      color: #F9278E !important;\r\n    }\r\n\r\n    .ep-acc-body {\r\n      max-height: 0 !important;\r\n      overflow: hidden !important;\r\n      transition: max-height 0.4s ease !important;\r\n    }\r\n    .ep-acc-item.open .ep-acc-body { max-height: 900px !important; }\r\n\r\n    .ep-acc-inner {\r\n      padding: 12px 20px 20px !important;\r\n      background: #ffffff !important;\r\n      background-color: #ffffff !important;\r\n    }\r\n\r\n    .ep-acc-desc {\r\n      font-size: 12px !important;\r\n      color: #64748b !important;\r\n      line-height: 1.7 !important;\r\n      margin: 0 0 14px !important;\r\n      padding: 0 !important;\r\n      background-color: transparent !important;\r\n    }\r\n    .ep-acc-desc strong {\r\n      color: #475569 !important;\r\n      font-weight: 600 !important;\r\n      background-color: transparent !important;\r\n    }\r\n\r\n    .ep-acc-warning {\r\n      background: #fffbeb !important;\r\n      background-color: #fffbeb !important;\r\n      border: 1px solid #fde68a !important;\r\n      border-radius: 10px !important;\r\n      padding: 12px 14px !important;\r\n      margin-bottom: 14px !important;\r\n      font-size: 11px !important;\r\n      color: #92400e !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n    .ep-acc-warning strong { font-weight: 700 !important; color: #92400e !important; }\r\n    .ep-acc-warning code {\r\n      background: #fef3c7 !important;\r\n      background-color: #fef3c7 !important;\r\n      padding: 1px 4px !important;\r\n      border-radius: 3px !important;\r\n      font-family: monospace !important;\r\n      font-size: 10px !important;\r\n    }\r\n\r\n    .ep-acc-img-card {\r\n      width: 100% !important;\r\n      background: #f8fafc !important;\r\n      background-color: #f8fafc !important;\r\n      border-radius: 12px !important;\r\n      border: 1px solid #f1f5f9 !important;\r\n      overflow: hidden !important;\r\n      box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;\r\n      position: relative !important;\r\n    }\r\n    .ep-acc-img-card img {\r\n      width: 100% !important;\r\n      height: auto !important;\r\n      display: block !important;\r\n      object-fit: contain !important;\r\n      cursor: zoom-in !important;\r\n      transition: opacity 0.2s !important;\r\n    }\r\n\r\n    .ep-acc-dots {\r\n      display: flex !important;\r\n      justify-content: center !important;\r\n      gap: 6px !important;\r\n      padding: 10px 0 !important;\r\n    }\r\n    .ep-acc-dot {\r\n      width: 7px !important;\r\n      height: 7px !important;\r\n      border-radius: 50% !important;\r\n      background: #cbd5e1 !important;\r\n      background-color: #cbd5e1 !important;\r\n      border: none !important;\r\n      padding: 0 !important;\r\n      cursor: pointer !important;\r\n      transition: background 0.2s, transform 0.2s !important;\r\n    }\r\n    .ep-acc-dot.active {\r\n      background: #F9278E !important;\r\n      background-color: #F9278E !important;\r\n      transform: scale(1.3) !important;\r\n    }\r\n\r\n    .ep-acc-carousel-btn {\r\n      position: absolute !important;\r\n      top: 50% !important;\r\n      transform: translateY(-50%) !important;\r\n      width: 28px !important;\r\n      height: 28px !important;\r\n      border-radius: 50% !important;\r\n      background: #ffffff !important;\r\n      background-color: #ffffff !important;\r\n      border: 1px solid #e2e8f0 !important;\r\n      box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      cursor: pointer !important;\r\n      z-index: 10 !important;\r\n      transition: background 0.2s, color 0.2s !important;\r\n      padding: 0 !important;\r\n      color: #64748b !important;\r\n    }\r\n    .ep-acc-carousel-btn:hover {\r\n      background: #F9278E !important;\r\n      background-color: #F9278E !important;\r\n      color: #ffffff !important;\r\n      border-color: #F9278E !important;\r\n    }\r\n    .ep-acc-carousel-btn .material-symbols-outlined { font-size: 16px !important; }\r\n    .ep-acc-carousel-btn-left  { left: 6px !important; }\r\n    .ep-acc-carousel-btn-right { right: 6px !important; }\r\n\r\n    @media (min-width: 600px) and (max-width: 1023px) {\r\n      .ep-desktop { display: flex !important; }\r\n      .ep-mobile  { display: none !important; }\r\n      .ep-left {\r\n        width: 36% !important;\r\n        min-width: 0 !important;\r\n        padding: 24px 20px !important;\r\n      }\r\n      .ep-brand { margin-bottom: 24px !important; }\r\n      .ep-brand-name { font-size: 15px !important; }\r\n      .ep-brand-sub  { font-size: 11px !important; }\r\n      .ep-steps-list { gap: 20px !important; }\r\n      .ep-steps-list::before { left: 19px !important; }\r\n      .ep-step-icon { width: 38px !important; height: 38px !important; min-width: 38px !important; }\r\n      .ep-step-title { font-size: 12px !important; }\r\n      .ep-step-desc  { font-size: 11px !important; }\r\n      .ep-right { width: 64% !important; padding: 28px 28px !important; }\r\n      .ep-step-heading { font-size: 17px !important; }\r\n      .ep-step-body { font-size: 12px !important; }\r\n      .ep-desktop { min-height: 580px !important; }\r\n    }\r\n\r\n    @media (max-width: 599px) {\r\n      .ep-desktop { display: none !important; }\r\n      .ep-mobile  { display: block !important; }\r\n    }\r\n\r\n    #ep-lightbox {\r\n      display: none !important;\r\n      position: fixed !important;\r\n      top: 0 !important; left: 0 !important;\r\n      width: 100vw !important;\r\n      height: 100vh !important;\r\n      z-index: 2147483647 !important;\r\n      background: rgba(0,0,0,0.90) !important;\r\n      background-color: rgba(0,0,0,0.90) !important;\r\n    }\r\n    #ep-lightbox.ep-lb-open { display: block !important; }\r\n    #ep-lb-inner {\r\n      position: absolute !important;\r\n      top: 0 !important; left: 0 !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      overflow: hidden !important;\r\n    }\r\n    #ep-lb-img {\r\n      display: block !important;\r\n      max-width: 88vw !important;\r\n      max-height: 82vh !important;\r\n      width: auto !important;\r\n      height: auto !important;\r\n      object-fit: contain !important;\r\n      border-radius: 12px !important;\r\n      transform-origin: 0 0 !important;\r\n      cursor: grab !important;\r\n      user-select: none !important;\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n    }\r\n    #ep-lb-img.ep-grabbing { cursor: grabbing !important; }\r\n    #ep-lb-close {\r\n      position: fixed !important;\r\n      top: 16px !important; right: 16px !important;\r\n      width: 44px !important;\r\n      height: 44px !important;\r\n      border-radius: 50% !important;\r\n      background: rgba(0,0,0,0.55) !important;\r\n      background-color: rgba(0,0,0,0.55) !important;\r\n      border: none !important;\r\n      padding: 0 !important;\r\n      cursor: pointer !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      z-index: 2147483647 !important;\r\n      transition: background 0.2s !important;\r\n      color: #ffffff !important;\r\n    }\r\n    #ep-lb-close:hover { background: rgba(249,39,142,0.9) !important; background-color: rgba(249,39,142,0.9) !important; }\r\n    #ep-lb-close .material-symbols-outlined {\r\n      font-size: 20px !important; width: 20px !important; height: 20px !important;\r\n      color: #ffffff !important; line-height: 1 !important;\r\n    }\r\n    #ep-lb-controls {\r\n      position: fixed !important;\r\n      bottom: 24px !important;\r\n      left: 50% !important;\r\n      transform: translateX(-50%) !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      background: rgba(0,0,0,0.60) !important;\r\n      background-color: rgba(0,0,0,0.60) !important;\r\n      border-radius: 999px !important;\r\n      padding: 8px 20px !important;\r\n      z-index: 2147483647 !important;\r\n      white-space: nowrap !important;\r\n    }\r\n    #ep-lb-controls button {\r\n      background: none !important;\r\n      background-color: transparent !important;\r\n      border: none !important;\r\n      color: #ffffff !important;\r\n      font-size: 22px !important;\r\n      line-height: 1 !important;\r\n      cursor: pointer !important;\r\n      padding: 0 4px !important;\r\n      transition: color 0.2s !important;\r\n      font-family: \"Plus Jakarta Sans\", sans-serif !important;\r\n    }\r\n    #ep-lb-controls button:hover { color: #F9278E !important; }\r\n    #ep-lb-zoom-label {\r\n      color: #ffffff !important;\r\n      font-size: 13px !important;\r\n      min-width: 44px !important;\r\n      text-align: center !important;\r\n      font-family: \"Plus Jakarta Sans\", sans-serif !important;\r\n    }\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- LIGHTBOX -->\r\n  <div id=\"ep-lightbox\">\r\n    <button id=\"ep-lb-close\" onclick=\"epCloseLb()\" aria-label=\"Close\">\r\n      <span class=\"material-symbols-outlined\">close<\/span>\r\n    <\/button>\r\n    <div id=\"ep-lb-inner\" onclick=\"epLbBgClick(event)\">\r\n      <img decoding=\"async\" id=\"ep-lb-img\" src=\"\" alt=\"Enlarged screenshot\" draggable=\"false\" onclick=\"event.stopPropagation()\" \/>\r\n    <\/div>\r\n    <div id=\"ep-lb-controls\" onclick=\"event.stopPropagation()\">\r\n      <button onclick=\"epLbZoomBtn(-0.25)\" title=\"Zoom out\">&#8722;<\/button>\r\n      <span id=\"ep-lb-zoom-label\">100%<\/span>\r\n      <button onclick=\"epLbZoomBtn(+0.25)\" title=\"Zoom in\">&#43;<\/button>\r\n      <button onclick=\"epLbReset()\" title=\"Reset\" style=\"font-size:14px !important; padding: 0 6px !important;\">Reset<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ep-guide\">\r\n\r\n    <!-- DESKTOP + TABLET -->\r\n    <div class=\"ep-desktop\">\r\n\r\n      <div class=\"ep-left\">\r\n        <div class=\"ep-brand\">\r\n          <div class=\"ep-brand-row\">\r\n            <span class=\"material-symbols-outlined\">dynamic_feed<\/span>\r\n            <p class=\"ep-brand-name\">EasyConnect<\/p>\r\n          <\/div>\r\n          <p class=\"ep-brand-sub\">Integrate Shopify with EasyParcel in 9 steps.<\/p>\r\n        <\/div>\r\n\r\n        <ul class=\"ep-steps-list\">\r\n          <li class=\"ep-step-item active\" data-step=\"1\" onclick=\"epSwitch(1)\">\r\n            <div class=\"ep-step-icon\"><span class=\"material-symbols-outlined\">login<\/span><\/div>\r\n            <div class=\"ep-step-text\">\r\n              <p class=\"ep-step-title\">Login &amp; Install Shopify App<\/p>\r\n              <p class=\"ep-step-desc\">Log in to EasyParcel, go to EasyConnect, and install the Shopify app.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"ep-step-item\" data-step=\"2\" onclick=\"epSwitch(2)\">\r\n            <div class=\"ep-step-icon\"><span class=\"material-symbols-outlined\">tune<\/span><\/div>\r\n            <div class=\"ep-step-text\">\r\n              <p class=\"ep-step-title\">Select 'Seamless Version'<\/p>\r\n              <p class=\"ep-step-desc\">Choose 'Seamless Version' when prompted to pick the integration type.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"ep-step-item\" data-step=\"3\" onclick=\"epSwitch(3)\">\r\n            <div class=\"ep-step-icon\"><span class=\"material-symbols-outlined\">store<\/span><\/div>\r\n            <div class=\"ep-step-text\">\r\n              <p class=\"ep-step-title\">Enter Store Details<\/p>\r\n              <p class=\"ep-step-desc\">Fill in your store name and store URL, then click 'Add'.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"ep-step-item\" data-step=\"4\" onclick=\"epSwitch(4)\">\r\n            <div class=\"ep-step-icon\"><span class=\"material-symbols-outlined\">key<\/span><\/div>\r\n            <div class=\"ep-step-text\">\r\n              <p class=\"ep-step-title\">Copy Integration ID<\/p>\r\n              <p class=\"ep-step-desc\">Your store API key \/ Integration ID will be generated. Copy it.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"ep-step-item\" data-step=\"5\" onclick=\"epSwitch(5)\">\r\n            <div class=\"ep-step-icon\"><span class=\"material-symbols-outlined\">install_mobile<\/span><\/div>\r\n            <div class=\"ep-step-text\">\r\n              <p class=\"ep-step-title\">Install on Shopify<\/p>\r\n              <p class=\"ep-step-desc\">Search for \"EasyParcel - Delivery Made Easy\" in Shopify Apps and install.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"ep-step-item\" data-step=\"6\" onclick=\"epSwitch(6)\">\r\n            <div class=\"ep-step-icon\"><span class=\"material-symbols-outlined\">play_circle<\/span><\/div>\r\n            <div class=\"ep-step-text\">\r\n              <p class=\"ep-step-title\">Start Setup<\/p>\r\n              <p class=\"ep-step-desc\">Read the instructions under the 'Getting Started' tab and click 'Start Setup'.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"ep-step-item\" data-step=\"7\" onclick=\"epSwitch(7)\">\r\n            <div class=\"ep-step-icon\"><span class=\"material-symbols-outlined\">local_shipping<\/span><\/div>\r\n            <div class=\"ep-step-text\">\r\n              <p class=\"ep-step-title\">Configure Shipping Settings<\/p>\r\n              <p class=\"ep-step-desc\">Choose your shipping country and paste the Integration ID from Step 4.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"ep-step-item\" data-step=\"8\" onclick=\"epSwitch(8)\">\r\n            <div class=\"ep-step-icon\"><span class=\"material-symbols-outlined\">fact_check<\/span><\/div>\r\n            <div class=\"ep-step-text\">\r\n              <p class=\"ep-step-title\">Review Sender's Details<\/p>\r\n              <p class=\"ep-step-desc\">Review the auto-filled sender details, make edits if needed, then click 'Save'.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"ep-step-item\" data-step=\"9\" onclick=\"epSwitch(9)\">\r\n            <div class=\"ep-step-icon\"><span class=\"material-symbols-outlined\">check_circle<\/span><\/div>\r\n            <div class=\"ep-step-text\">\r\n              <p class=\"ep-step-title\">Require Phone at Checkout<\/p>\r\n              <p class=\"ep-step-desc\">Set 'Shipping address phone number' to 'Required' in Shopify checkout settings.<\/p>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"ep-right\">\r\n        <div class=\"ep-content-area\">\r\n\r\n          <div id=\"ep-content-1\" class=\"ep-step-content active\">\r\n            <span class=\"ep-step-label\">Step 1 of 9<\/span>\r\n            <h2 class=\"ep-step-heading\">Login &amp; Install Shopify App<\/h2>\r\n            <p class=\"ep-step-body\">Log in to your EasyParcel account, navigate to <strong>EasyConnect<\/strong>, then click <strong>'Add Ecommerce App'<\/strong>. Find <strong>'Shopify'<\/strong> and click <strong>'Install App'<\/strong> to get started.<\/p>\r\n            <div class=\"ep-img-card\" style=\"position:relative !important;\">\r\n              <img decoding=\"async\" id=\"ep-s1-img\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-2-2026.png\" alt=\"Step 1 screenshot\" onclick=\"epOpenLb(this.src)\" \/>\r\n              <button class=\"ep-carousel-btn ep-carousel-btn-left\" onclick=\"epS1Prev()\"><span class=\"material-symbols-outlined\">chevron_left<\/span><\/button>\r\n              <button class=\"ep-carousel-btn ep-carousel-btn-right\" onclick=\"epS1Next()\"><span class=\"material-symbols-outlined\">chevron_right<\/span><\/button>\r\n              <div class=\"ep-dots\" id=\"ep-s1-dots\">\r\n                <button class=\"ep-dot active\" onclick=\"epS1GoTo(0)\"><\/button>\r\n                <button class=\"ep-dot\" onclick=\"epS1GoTo(1)\"><\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div id=\"ep-content-2\" class=\"ep-step-content\">\r\n            <span class=\"ep-step-label\">Step 2 of 9<\/span>\r\n            <h2 class=\"ep-step-heading\">Select 'Seamless Version'<\/h2>\r\n            <p class=\"ep-step-body\">When prompted to choose an integration type, select <strong>'Seamless Version'<\/strong> to continue.<\/p>\r\n            <div class=\"ep-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-4-2026.png\" alt=\"Step 2\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n\r\n          <div id=\"ep-content-3\" class=\"ep-step-content\">\r\n            <span class=\"ep-step-label\">Step 3 of 9<\/span>\r\n            <h2 class=\"ep-step-heading\">Enter Store Details<\/h2>\r\n            <p class=\"ep-step-body\">Fill in your <strong>store name<\/strong> and <strong>store URL<\/strong>, then click <strong>'Add'<\/strong> to proceed.<\/p>\r\n            <div class=\"ep-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-5-2026.png\" alt=\"Step 3\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n\r\n          <div id=\"ep-content-4\" class=\"ep-step-content\">\r\n            <span class=\"ep-step-label\">Step 4 of 9<\/span>\r\n            <h2 class=\"ep-step-heading\">Copy Your Integration ID<\/h2>\r\n            <p class=\"ep-step-body\">Your store API key \/ Integration ID will be generated. <strong>Copy it<\/strong> \u2014 you'll need it later in Step 7.<\/p>\r\n            <div class=\"ep-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-6-2026.png\" alt=\"Step 4\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n\r\n          <div id=\"ep-content-5\" class=\"ep-step-content\">\r\n            <span class=\"ep-step-label\">Step 5 of 9<\/span>\r\n            <h2 class=\"ep-step-heading\">Install EasyParcel on Shopify<\/h2>\r\n            <p class=\"ep-step-body\">Head to your Shopify admin panel, click <strong>'Apps'<\/strong>, search for <strong>\"EasyParcel - Delivery Made Easy\"<\/strong>, and click <strong>'Install'<\/strong>.<\/p>\r\n            <div class=\"ep-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-7-2026.png\" alt=\"Step 5\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n\r\n          <div id=\"ep-content-6\" class=\"ep-step-content\">\r\n            <span class=\"ep-step-label\">Step 6 of 9<\/span>\r\n            <h2 class=\"ep-step-heading\">Start Setup<\/h2>\r\n            <p class=\"ep-step-body\">You'll be redirected to EasyParcel settings under the <strong>'Getting Started'<\/strong> tab. Read through the instructions, then click <strong>'Start Setup'<\/strong>.<\/p>\r\n            <div class=\"ep-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-8-2026.png\" alt=\"Step 6\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n\r\n          <div id=\"ep-content-7\" class=\"ep-step-content\">\r\n            <span class=\"ep-step-label\">Step 7 of 9<\/span>\r\n            <h2 class=\"ep-step-heading\">Configure Shipping Settings<\/h2>\r\n            <p class=\"ep-step-body\">Under the <strong>'Shipping Setting'<\/strong> tab, select the country you're shipping from, then paste the <strong>Integration ID<\/strong> you copied in Step 4.<\/p>\r\n            <div class=\"ep-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-9-2026.png\" alt=\"Step 7\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n\r\n          <div id=\"ep-content-8\" class=\"ep-step-content\">\r\n            <span class=\"ep-step-label\">Step 8 of 9<\/span>\r\n            <h2 class=\"ep-step-heading\">Review Sender's Details<\/h2>\r\n            <p class=\"ep-step-body\">Check the auto-filled <strong>Sender's Details<\/strong> for accuracy. Update anything that needs correcting, then click <strong>'Save'<\/strong>.<\/p>\r\n            <div class=\"ep-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-10-2026.png\" alt=\"Step 8\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n\r\n          <div id=\"ep-content-9\" class=\"ep-step-content\">\r\n            <span class=\"ep-step-label\">Step 9 of 9<\/span>\r\n            <h2 class=\"ep-step-heading\">Require Phone Number at Checkout<\/h2>\r\n            <p class=\"ep-step-body\">In your Shopify admin, go to <strong>Settings \u2192 Checkout<\/strong>. Under <strong>'Shipping address phone number'<\/strong>, set it to <strong>'Required'<\/strong>.<\/p>\r\n            <div class=\"ep-warning\">\r\n              <strong>\u26a0\ufe0f Important:<\/strong> Skipping this step may cause the buyer's contact number to not be captured. Orders may fail to import due to an empty <code>receiver_contact<\/code> field, and no AWB (Air Waybill) will be generated for the customer.\r\n            <\/div>\r\n            <div class=\"ep-img-card\" style=\"position:relative !important;\">\r\n              <img decoding=\"async\" id=\"ep-s9-img\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step11-2026.png\" alt=\"Step 9 screenshot\" onclick=\"epOpenLb(this.src)\" \/>\r\n              <button class=\"ep-carousel-btn ep-carousel-btn-left\" onclick=\"epS9Prev()\"><span class=\"material-symbols-outlined\">chevron_left<\/span><\/button>\r\n              <button class=\"ep-carousel-btn ep-carousel-btn-right\" onclick=\"epS9Next()\"><span class=\"material-symbols-outlined\">chevron_right<\/span><\/button>\r\n              <div class=\"ep-dots\" id=\"ep-s9-dots\">\r\n                <button class=\"ep-dot active\" onclick=\"epS9GoTo(0)\"><\/button>\r\n                <button class=\"ep-dot\" onclick=\"epS9GoTo(1)\"><\/button>\r\n                <button class=\"ep-dot\" onclick=\"epS9GoTo(2)\"><\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ep-nav\">\r\n          <button class=\"ep-nav-btn\" onclick=\"epPrev()\">\r\n            <span class=\"material-symbols-outlined\">arrow_back<\/span> Back\r\n          <\/button>\r\n          <span class=\"ep-step-counter\" id=\"ep-counter\">1 \/ 9<\/span>\r\n          <button class=\"ep-nav-btn\" onclick=\"epNext()\">\r\n            Next <span class=\"material-symbols-outlined\">arrow_forward<\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/.ep-desktop -->\r\n\r\n\r\n    <!-- MOBILE ACCORDION -->\r\n    <div class=\"ep-mobile\">\r\n\r\n      <div class=\"ep-mob-header\">\r\n        <span class=\"material-symbols-outlined\">dynamic_feed<\/span>\r\n        <div>\r\n          <p class=\"ep-mob-header-title\">EasyConnect<\/p>\r\n          <p class=\"ep-mob-header-sub\">Integrate Shopify with EasyParcel in 9 steps.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ep-acc-item\" data-acc=\"1\">\r\n        <button class=\"ep-acc-trigger\" onclick=\"epAccToggle(1)\">\r\n          <div class=\"ep-acc-icon\"><span class=\"material-symbols-outlined\">login<\/span><\/div>\r\n          <span class=\"ep-acc-label\">Login &amp; Install Shopify App<\/span>\r\n          <span class=\"ep-acc-chevron\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span>\r\n        <\/button>\r\n        <div class=\"ep-acc-body\">\r\n          <div class=\"ep-acc-inner\">\r\n            <p class=\"ep-acc-desc\">Log in to your EasyParcel account, navigate to <strong>EasyConnect<\/strong>, then click <strong>'Add Ecommerce App'<\/strong>. Find <strong>'Shopify'<\/strong> and click <strong>'Install App'<\/strong> to get started.<\/p>\r\n            <div class=\"ep-acc-img-card\">\r\n              <img decoding=\"async\" id=\"ep-mob-s1-img\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-2-2026.png\" alt=\"Step 1\" onclick=\"epOpenLb(this.src)\" \/>\r\n              <button class=\"ep-acc-carousel-btn ep-acc-carousel-btn-left\" onclick=\"epMobS1Prev()\"><span class=\"material-symbols-outlined\">chevron_left<\/span><\/button>\r\n              <button class=\"ep-acc-carousel-btn ep-acc-carousel-btn-right\" onclick=\"epMobS1Next()\"><span class=\"material-symbols-outlined\">chevron_right<\/span><\/button>\r\n              <div class=\"ep-acc-dots\" id=\"ep-mob-s1-dots\">\r\n                <button class=\"ep-acc-dot active\" onclick=\"epMobS1GoTo(0)\"><\/button>\r\n                <button class=\"ep-acc-dot\" onclick=\"epMobS1GoTo(1)\"><\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ep-acc-item\" data-acc=\"2\">\r\n        <button class=\"ep-acc-trigger\" onclick=\"epAccToggle(2)\">\r\n          <div class=\"ep-acc-icon\"><span class=\"material-symbols-outlined\">tune<\/span><\/div>\r\n          <span class=\"ep-acc-label\">Select 'Seamless Version'<\/span>\r\n          <span class=\"ep-acc-chevron\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span>\r\n        <\/button>\r\n        <div class=\"ep-acc-body\">\r\n          <div class=\"ep-acc-inner\">\r\n            <p class=\"ep-acc-desc\">When prompted to choose an integration type, select <strong>'Seamless Version'<\/strong> to continue.<\/p>\r\n            <div class=\"ep-acc-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-4-2026.png\" alt=\"Step 2\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ep-acc-item\" data-acc=\"3\">\r\n        <button class=\"ep-acc-trigger\" onclick=\"epAccToggle(3)\">\r\n          <div class=\"ep-acc-icon\"><span class=\"material-symbols-outlined\">store<\/span><\/div>\r\n          <span class=\"ep-acc-label\">Enter Store Details<\/span>\r\n          <span class=\"ep-acc-chevron\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span>\r\n        <\/button>\r\n        <div class=\"ep-acc-body\">\r\n          <div class=\"ep-acc-inner\">\r\n            <p class=\"ep-acc-desc\">Fill in your <strong>store name<\/strong> and <strong>store URL<\/strong>, then click <strong>'Add'<\/strong> to proceed.<\/p>\r\n            <div class=\"ep-acc-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-5-2026.png\" alt=\"Step 3\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ep-acc-item\" data-acc=\"4\">\r\n        <button class=\"ep-acc-trigger\" onclick=\"epAccToggle(4)\">\r\n          <div class=\"ep-acc-icon\"><span class=\"material-symbols-outlined\">key<\/span><\/div>\r\n          <span class=\"ep-acc-label\">Copy Integration ID<\/span>\r\n          <span class=\"ep-acc-chevron\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span>\r\n        <\/button>\r\n        <div class=\"ep-acc-body\">\r\n          <div class=\"ep-acc-inner\">\r\n            <p class=\"ep-acc-desc\">Your store API key \/ Integration ID will be generated. <strong>Copy it<\/strong> \u2014 you'll need it in Step 7.<\/p>\r\n            <div class=\"ep-acc-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-6-2026.png\" alt=\"Step 4\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ep-acc-item\" data-acc=\"5\">\r\n        <button class=\"ep-acc-trigger\" onclick=\"epAccToggle(5)\">\r\n          <div class=\"ep-acc-icon\"><span class=\"material-symbols-outlined\">install_mobile<\/span><\/div>\r\n          <span class=\"ep-acc-label\">Install on Shopify<\/span>\r\n          <span class=\"ep-acc-chevron\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span>\r\n        <\/button>\r\n        <div class=\"ep-acc-body\">\r\n          <div class=\"ep-acc-inner\">\r\n            <p class=\"ep-acc-desc\">Head to your Shopify admin, click <strong>'Apps'<\/strong>, search for <strong>\"EasyParcel - Delivery Made Easy\"<\/strong>, and click <strong>'Install'<\/strong>.<\/p>\r\n            <div class=\"ep-acc-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-7-2026.png\" alt=\"Step 5\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ep-acc-item\" data-acc=\"6\">\r\n        <button class=\"ep-acc-trigger\" onclick=\"epAccToggle(6)\">\r\n          <div class=\"ep-acc-icon\"><span class=\"material-symbols-outlined\">play_circle<\/span><\/div>\r\n          <span class=\"ep-acc-label\">Start Setup<\/span>\r\n          <span class=\"ep-acc-chevron\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span>\r\n        <\/button>\r\n        <div class=\"ep-acc-body\">\r\n          <div class=\"ep-acc-inner\">\r\n            <p class=\"ep-acc-desc\">You'll be redirected to EasyParcel settings under the <strong>'Getting Started'<\/strong> tab. Read through, then click <strong>'Start Setup'<\/strong>.<\/p>\r\n            <div class=\"ep-acc-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-8-2026.png\" alt=\"Step 6\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ep-acc-item\" data-acc=\"7\">\r\n        <button class=\"ep-acc-trigger\" onclick=\"epAccToggle(7)\">\r\n          <div class=\"ep-acc-icon\"><span class=\"material-symbols-outlined\">local_shipping<\/span><\/div>\r\n          <span class=\"ep-acc-label\">Configure Shipping Settings<\/span>\r\n          <span class=\"ep-acc-chevron\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span>\r\n        <\/button>\r\n        <div class=\"ep-acc-body\">\r\n          <div class=\"ep-acc-inner\">\r\n            <p class=\"ep-acc-desc\">Under the <strong>'Shipping Setting'<\/strong> tab, select the country you're shipping from, then paste the <strong>Integration ID<\/strong> from Step 4.<\/p>\r\n            <div class=\"ep-acc-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-9-2026.png\" alt=\"Step 7\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ep-acc-item\" data-acc=\"8\">\r\n        <button class=\"ep-acc-trigger\" onclick=\"epAccToggle(8)\">\r\n          <div class=\"ep-acc-icon\"><span class=\"material-symbols-outlined\">fact_check<\/span><\/div>\r\n          <span class=\"ep-acc-label\">Review Sender's Details<\/span>\r\n          <span class=\"ep-acc-chevron\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span>\r\n        <\/button>\r\n        <div class=\"ep-acc-body\">\r\n          <div class=\"ep-acc-inner\">\r\n            <p class=\"ep-acc-desc\">Check the auto-filled <strong>Sender's Details<\/strong>. Update anything incorrect, then click <strong>'Save'<\/strong>.<\/p>\r\n            <div class=\"ep-acc-img-card\"><img decoding=\"async\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-10-2026.png\" alt=\"Step 8\" onclick=\"epOpenLb(this.src)\" \/><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ep-acc-item\" data-acc=\"9\">\r\n        <button class=\"ep-acc-trigger\" onclick=\"epAccToggle(9)\">\r\n          <div class=\"ep-acc-icon\"><span class=\"material-symbols-outlined\">check_circle<\/span><\/div>\r\n          <span class=\"ep-acc-label\">Require Phone Number at Checkout<\/span>\r\n          <span class=\"ep-acc-chevron\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span>\r\n        <\/button>\r\n        <div class=\"ep-acc-body\">\r\n          <div class=\"ep-acc-inner\">\r\n            <p class=\"ep-acc-desc\">In your Shopify admin, go to <strong>Settings \u2192 Checkout<\/strong>. Under <strong>'Shipping address phone number'<\/strong>, set it to <strong>'Required'<\/strong>.<\/p>\r\n            <div class=\"ep-acc-warning\">\r\n              <strong>\u26a0\ufe0f Important:<\/strong> Skipping this step may cause the buyer's contact number to not be captured. Orders may fail to import due to an empty <code>receiver_contact<\/code> field, and no AWB will be generated.\r\n            <\/div>\r\n            <div class=\"ep-acc-img-card\">\r\n              <img decoding=\"async\" id=\"ep-mob-s9-img\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step11-2026.png\" alt=\"Step 9\" onclick=\"epOpenLb(this.src)\" \/>\r\n              <button class=\"ep-acc-carousel-btn ep-acc-carousel-btn-left\" onclick=\"epMobS9Prev()\"><span class=\"material-symbols-outlined\">chevron_left<\/span><\/button>\r\n              <button class=\"ep-acc-carousel-btn ep-acc-carousel-btn-right\" onclick=\"epMobS9Next()\"><span class=\"material-symbols-outlined\">chevron_right<\/span><\/button>\r\n              <div class=\"ep-acc-dots\" id=\"ep-mob-s9-dots\">\r\n                <button class=\"ep-acc-dot active\" onclick=\"epMobS9GoTo(0)\"><\/button>\r\n                <button class=\"ep-acc-dot\" onclick=\"epMobS9GoTo(1)\"><\/button>\r\n                <button class=\"ep-acc-dot\" onclick=\"epMobS9GoTo(2)\"><\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/.ep-mobile -->\r\n\r\n  <\/div><!-- \/.ep-guide -->\r\n\r\n  <script>\r\n    \/* \u2500\u2500 Desktop\/Tablet step nav \u2500\u2500 *\/\r\n    var epCurrent = 1, epTotal = 9;\r\n    function epSwitch(n) { epCurrent = n; epUpdateUI(); }\r\n    function epNext() { if (epCurrent < epTotal) { epCurrent++; epUpdateUI(); } }\r\n    function epPrev() { if (epCurrent > 1) { epCurrent--; epUpdateUI(); } }\r\n    function epUpdateUI() {\r\n      document.querySelectorAll(\".ep-step-item\").forEach(function(el) {\r\n        el.classList.toggle(\"active\", parseInt(el.dataset.step) === epCurrent);\r\n      });\r\n      document.querySelectorAll(\".ep-step-content\").forEach(function(el) { el.classList.remove(\"active\"); });\r\n      document.getElementById(\"ep-content-\" + epCurrent).classList.add(\"active\");\r\n      document.getElementById(\"ep-counter\").textContent = epCurrent + \" \/ \" + epTotal;\r\n      if (epCurrent === 1) { epS1GoTo(0); } else { clearInterval(epS1Timer); }\r\n      if (epCurrent === 9) { epS9GoTo(0); } else { clearInterval(epS9Timer); }\r\n    }\r\n\r\n    \/* \u2500\u2500 Desktop Step 1 carousel \u2500\u2500 *\/\r\n    var epS1Imgs = [\r\n      \"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-2-2026.png\",\r\n      \"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step-3-2026.png\"\r\n    ];\r\n    var epS1Index = 0, epS1Timer = null;\r\n    function epS1GoTo(i) {\r\n      epS1Index = ((i % epS1Imgs.length) + epS1Imgs.length) % epS1Imgs.length;\r\n      var img = document.getElementById(\"ep-s1-img\");\r\n      img.style.opacity = \"0\";\r\n      setTimeout(function() { img.src = epS1Imgs[epS1Index]; img.style.opacity = \"1\"; }, 150);\r\n      document.querySelectorAll(\"#ep-s1-dots .ep-dot\").forEach(function(d, j) { d.classList.toggle(\"active\", j === epS1Index); });\r\n      clearInterval(epS1Timer);\r\n      epS1Timer = setInterval(function() { epS1GoTo(epS1Index + 1); }, 3000);\r\n    }\r\n    function epS1Next() { epS1GoTo(epS1Index + 1); }\r\n    function epS1Prev() { epS1GoTo(epS1Index - 1); }\r\n\r\n    \/* \u2500\u2500 Desktop Step 9 carousel \u2500\u2500 *\/\r\n    var epS9Imgs = [\r\n      \"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step11-2026.png\",\r\n      \"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step11-part-2-2026.png\",\r\n      \"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/sg\/wp-content\/uploads\/2026\/05\/shopify-step11-part-3-2026.png\"\r\n    ];\r\n    var epS9Index = 0, epS9Timer = null;\r\n    function epS9GoTo(i) {\r\n      epS9Index = ((i % epS9Imgs.length) + epS9Imgs.length) % epS9Imgs.length;\r\n      var img = document.getElementById(\"ep-s9-img\");\r\n      img.style.opacity = \"0\";\r\n      setTimeout(function() { img.src = epS9Imgs[epS9Index]; img.style.opacity = \"1\"; }, 150);\r\n      document.querySelectorAll(\"#ep-s9-dots .ep-dot\").forEach(function(d, j) { d.classList.toggle(\"active\", j === epS9Index); });\r\n      clearInterval(epS9Timer);\r\n      epS9Timer = setInterval(function() { epS9GoTo(epS9Index + 1); }, 3000);\r\n    }\r\n    function epS9Next() { epS9GoTo(epS9Index + 1); }\r\n    function epS9Prev() { epS9GoTo(epS9Index - 1); }\r\n\r\n    epS1GoTo(0);\r\n    epS9GoTo(0);\r\n\r\n    \/* \u2500\u2500 Mobile accordion \u2500\u2500 *\/\r\n    var epAccOpen = null;\r\n    function epAccToggle(n) {\r\n      document.querySelectorAll(\".ep-acc-item\").forEach(function(item) {\r\n        var acc = parseInt(item.dataset.acc);\r\n        if (acc === n) {\r\n          var isOpen = item.classList.contains(\"open\");\r\n          item.classList.toggle(\"open\", !isOpen);\r\n          epAccOpen = isOpen ? null : n;\r\n        } else {\r\n          item.classList.remove(\"open\");\r\n        }\r\n      });\r\n      if (epAccOpen === 1) { epMobS1GoTo(0); } else { clearInterval(epMobS1Timer); }\r\n      if (epAccOpen === 9) { epMobS9GoTo(0); } else { clearInterval(epMobS9Timer); }\r\n    }\r\n\r\n    \/* \u2500\u2500 Mobile Step 1 carousel \u2500\u2500 *\/\r\n    var epMobS1Index = 0, epMobS1Timer = null;\r\n    function epMobS1GoTo(i) {\r\n      epMobS1Index = ((i % epS1Imgs.length) + epS1Imgs.length) % epS1Imgs.length;\r\n      var img = document.getElementById(\"ep-mob-s1-img\");\r\n      img.style.opacity = \"0\";\r\n      setTimeout(function() { img.src = epS1Imgs[epMobS1Index]; img.style.opacity = \"1\"; }, 150);\r\n      document.querySelectorAll(\"#ep-mob-s1-dots .ep-acc-dot\").forEach(function(d, j) { d.classList.toggle(\"active\", j === epMobS1Index); });\r\n      clearInterval(epMobS1Timer);\r\n      epMobS1Timer = setInterval(function() { epMobS1GoTo(epMobS1Index + 1); }, 3000);\r\n    }\r\n    function epMobS1Next() { epMobS1GoTo(epMobS1Index + 1); }\r\n    function epMobS1Prev() { epMobS1GoTo(epMobS1Index - 1); }\r\n\r\n    \/* \u2500\u2500 Mobile Step 9 carousel \u2500\u2500 *\/\r\n    var epMobS9Index = 0, epMobS9Timer = null;\r\n    function epMobS9GoTo(i) {\r\n      epMobS9Index = ((i % epS9Imgs.length) + epS9Imgs.length) % epS9Imgs.length;\r\n      var img = document.getElementById(\"ep-mob-s9-img\");\r\n      img.style.opacity = \"0\";\r\n      setTimeout(function() { img.src = epS9Imgs[epMobS9Index]; img.style.opacity = \"1\"; }, 150);\r\n      document.querySelectorAll(\"#ep-mob-s9-dots .ep-acc-dot\").forEach(function(d, j) { d.classList.toggle(\"active\", j === epMobS9Index); });\r\n      clearInterval(epMobS9Timer);\r\n      epMobS9Timer = setInterval(function() { epMobS9GoTo(epMobS9Index + 1); }, 3000);\r\n    }\r\n    function epMobS9Next() { epMobS9GoTo(epMobS9Index + 1); }\r\n    function epMobS9Prev() { epMobS9GoTo(epMobS9Index - 1); }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       LIGHTBOX\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    var epLb      = document.getElementById(\"ep-lightbox\");\r\n    var epLbImg   = document.getElementById(\"ep-lb-img\");\r\n    var epLbLabel = document.getElementById(\"ep-lb-zoom-label\");\r\n\r\n    var epLbScale = 1;\r\n    var epLbTx = 0;\r\n    var epLbTy = 0;\r\n\r\n    var epLbDragging = false;\r\n    var epLbDX = 0, epLbDY = 0;\r\n    var epLbTX0 = 0, epLbTY0 = 0;\r\n\r\n    function epApplyLb() {\r\n      epLbImg.style.transform =\r\n        \"translate(\" + epLbTx + \"px, \" + epLbTy + \"px) scale(\" + epLbScale + \")\";\r\n      epLbLabel.textContent = Math.round(epLbScale * 100) + \"%\";\r\n    }\r\n\r\n    function epOpenLb(src) {\r\n      epLbImg.src = src;\r\n      epLbScale = 1; epLbTx = 0; epLbTy = 0;\r\n      epApplyLb();\r\n      epLb.classList.add(\"ep-lb-open\");\r\n      document.body.style.overflow = \"hidden\";\r\n    }\r\n\r\n    function epCloseLb() {\r\n      epLb.classList.remove(\"ep-lb-open\");\r\n      document.body.style.overflow = \"\";\r\n    }\r\n\r\n    function epLbBgClick(e) {\r\n      if (e.target === document.getElementById(\"ep-lb-inner\")) epCloseLb();\r\n    }\r\n\r\n    function epLbZoomAt(delta, cx, cy) {\r\n      if (cx !== undefined && cy !== undefined) {\r\n        var rect = epLbImg.getBoundingClientRect();\r\n      }\r\n\r\n      var oldScale = epLbScale;\r\n      var newScale = Math.min(5, Math.max(0.5, oldScale + delta));\r\n      if (newScale === oldScale) return;\r\n\r\n      if (cx !== undefined && cy !== undefined) {\r\n        var ratio = newScale \/ oldScale;\r\n        var fx = cx - rect.left;\r\n        var fy = cy - rect.top;\r\n        epLbTx -= fx * (ratio - 1);\r\n        epLbTy -= fy * (ratio - 1);\r\n      }\r\n\r\n      epLbScale = newScale;\r\n      epApplyLb();\r\n    }\r\n\r\n    function epLbZoomBtn(delta) { epLbZoomAt(delta); }\r\n\r\n    function epLbReset() {\r\n      epLbScale = 1; epLbTx = 0; epLbTy = 0;\r\n      epApplyLb();\r\n    }\r\n\r\n    epLb.addEventListener(\"wheel\", function(e) {\r\n      e.preventDefault();\r\n      epLbZoomAt(e.deltaY < 0 ? 0.15 : -0.15, e.clientX, e.clientY);\r\n    }, { passive: false });\r\n\r\n    epLbImg.addEventListener(\"mousedown\", function(e) {\r\n      if (epLbScale <= 1) return;\r\n      epLbDragging = true;\r\n      epLbDX = e.clientX; epLbDY = e.clientY;\r\n      epLbTX0 = epLbTx;  epLbTY0 = epLbTy;\r\n      epLbImg.classList.add(\"ep-grabbing\");\r\n      e.preventDefault();\r\n    });\r\n    document.addEventListener(\"mousemove\", function(e) {\r\n      if (!epLbDragging) return;\r\n      epLbTx = epLbTX0 + (e.clientX - epLbDX);\r\n      epLbTy = epLbTY0 + (e.clientY - epLbDY);\r\n      epApplyLb();\r\n    });\r\n    document.addEventListener(\"mouseup\", function() {\r\n      epLbDragging = false;\r\n      epLbImg.classList.remove(\"ep-grabbing\");\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function(e) {\r\n      if (e.key === \"Escape\") epCloseLb();\r\n    });\r\n\r\n    var epPinchDist = null;\r\n    epLb.addEventListener(\"touchmove\", function(e) {\r\n      if (e.touches.length === 2) {\r\n        e.preventDefault();\r\n        var dx   = e.touches[0].clientX - e.touches[1].clientX;\r\n        var dy   = e.touches[0].clientY - e.touches[1].clientY;\r\n        var dist = Math.sqrt(dx * dx + dy * dy);\r\n        var midX = (e.touches[0].clientX + e.touches[1].clientX) \/ 2;\r\n        var midY = (e.touches[0].clientY + e.touches[1].clientY) \/ 2;\r\n        if (epPinchDist !== null) {\r\n          epLbZoomAt((dist - epPinchDist) * 0.01, midX, midY);\r\n        }\r\n        epPinchDist = dist;\r\n      }\r\n    }, { passive: false });\r\n    epLb.addEventListener(\"touchend\", function() { epPinchDist = null; });\r\n\r\n  <\/script>\r\n<\/body>\r\n<\/html>\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-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-7c060a43 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=\"7c060a43\" 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<div class=\"elementor-element elementor-element-f59c6cf 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=\"f59c6cf\" 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<div class=\"elementor-element elementor-element-6cc3a638 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=\"6cc3a638\" 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-72c0369b elementor-widget elementor-widget-text-editor\" data-id=\"72c0369b\" 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-page-id=\"PO6IdfTjNoQhPRxHTvYlJvaWgxg\" data-lark-html-role=\"root\" data-docx-has-block-data=\"false\"><div class=\"ace-line ace-line old-record-id-PeR6dItVponWwHxuDzMlC1FPgIf\"><div data-page-id=\"PO6IdfTjNoQhPRxHTvYlJvaWgxg\" data-lark-html-role=\"root\" data-docx-has-block-data=\"false\"><div class=\"ace-line ace-line old-record-id-PeR6dItVponWwHxuDzMlC1FPgIf\"><div data-page-id=\"PO6IdfTjNoQhPRxHTvYlJvaWgxg\" data-lark-html-role=\"root\" data-docx-has-block-data=\"false\"><div class=\"ace-line ace-line old-record-id-PeR6dItVponWwHxuDzMlC1FPgIf\"><div data-page-id=\"PO6IdfTjNoQhPRxHTvYlJvaWgxg\" data-lark-html-role=\"root\" data-docx-has-block-data=\"false\"><div class=\"ace-line ace-line old-record-id-PeR6dItVponWwHxuDzMlC1FPgIf\"><h2 class=\"ace-line ace-line old-record-id-KMgidSy05o3su8xJsJIl6kwYgme\">Connect Shopify with EasyParcel in Minutes<\/h2><div class=\"ace-line ace-line old-record-id-KMgidSy05o3su8xJsJIl6kwYgme\"><p>Sync your orders automatically and simplify shipping, tracking, and fulfillment from one platform.<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\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-47d9cec4 primary-filled-md elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"47d9cec4\" 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:\/\/go.easyparcel.com\/PMDoS1\">\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\">Connect Shopify 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<div class=\"elementor-element elementor-element-4c589b9c e-con-full cta-img-container 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=\"4c589b9c\" 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-34dd056b cta-img elementor-widget elementor-widget-image\" data-id=\"34dd056b\" 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 loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/09\/adam-ready-to-join.webp\" class=\"attachment-large size-large wp-image-156575\" alt=\"\" srcset=\"https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/09\/adam-ready-to-join.webp 800w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/09\/adam-ready-to-join-300x300.webp 300w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/09\/adam-ready-to-join-150x150.webp 150w, https:\/\/ep-website-media.s3.ap-southeast-1.amazonaws.com\/my\/wp-content\/uploads\/2025\/09\/adam-ready-to-join-768x768.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\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\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? Shopify x EasyParcel Integration close &#8722; 100% &#43; Reset dynamic_feed EasyConnect Integrate Shopify with EasyParcel in 9 steps. login Login &amp; Install Shopify App Log in to EasyParcel, go to EasyConnect, and install the Shopify app. tune Select &#8216;Seamless Version&#8217; Choose &#8216;Seamless Version&#8217; when prompted to pick the integration type. store Enter Store Details Fill in your store name and store URL, then click &#8216;Add&#8217;. key Copy Integration ID Your store API key \/ Integration ID will be generated. Copy it. install_mobile Install on Shopify Search for &#8220;EasyParcel &#8211; Delivery Made Easy&#8221; in Shopify Apps and install. play_circle Start Setup Read the instructions under the &#8216;Getting Started&#8217; tab and click &#8216;Start Setup&#8217;. local_shipping Configure Shipping Settings Choose your shipping country and paste the Integration ID from Step 4. fact_check Review Sender&#8217;s Details Review the auto-filled sender details, make edits if needed, then click &#8216;Save&#8217;. check_circle Require Phone at Checkout Set &#8216;Shipping address phone number&#8217; to &#8216;Required&#8217; in Shopify checkout settings. Step 1 of 9 Login &amp; Install Shopify App Log in to your EasyParcel account, navigate to EasyConnect, then click &#8216;Add Ecommerce App&#8217;. Find &#8216;Shopify&#8217; and click &#8216;Install App&#8217; to get started. chevron_left chevron_right Step 2 of 9 Select &#8216;Seamless Version&#8217; When prompted to choose an integration type, select &#8216;Seamless Version&#8217; to continue. Step 3 of 9 Enter Store Details Fill in your store name and store URL, then click &#8216;Add&#8217; to proceed. Step 4 of 9 Copy Your Integration ID Your store API key \/ Integration ID will be generated. Copy it \u2014 you&#8217;ll need it later in Step 7. Step 5 of 9 Install EasyParcel on Shopify Head to your Shopify admin panel, click &#8216;Apps&#8217;, search for &#8220;EasyParcel &#8211; Delivery Made Easy&#8221;, and click &#8216;Install&#8217;. Step 6 of 9 Start Setup You&#8217;ll be redirected to EasyParcel settings under the &#8216;Getting Started&#8217; tab. Read through the instructions, then click &#8216;Start Setup&#8217;. Step 7 of 9 Configure Shipping Settings Under the &#8216;Shipping Setting&#8217; tab, select the country you&#8217;re shipping from, then paste the Integration ID you copied in Step 4. Step 8 of 9 Review Sender&#8217;s Details Check the auto-filled Sender&#8217;s Details for accuracy. Update anything that needs correcting, then click &#8216;Save&#8217;. Step 9 of 9 Require Phone Number at Checkout In your Shopify admin, go to Settings \u2192 Checkout. Under &#8216;Shipping address phone number&#8217;, set it to &#8216;Required&#8217;. \u26a0\ufe0f Important: Skipping this step may cause the buyer&#8217;s contact number to not be captured. Orders may fail to import due to an empty receiver_contact field, and no AWB (Air Waybill) will be generated for the customer. chevron_left chevron_right arrow_back Back 1 \/ 9 Next arrow_forward dynamic_feed EasyConnect Integrate Shopify with EasyParcel in 9 steps. login Login &amp; Install Shopify App expand_more Log in to your EasyParcel account, navigate to EasyConnect, then click &#8216;Add Ecommerce App&#8217;. Find &#8216;Shopify&#8217; and click &#8216;Install App&#8217; to get started. chevron_left chevron_right tune Select &#8216;Seamless Version&#8217; expand_more When prompted to choose an integration type, select &#8216;Seamless Version&#8217; to continue. store Enter Store Details expand_more Fill in your store name and store URL, then click &#8216;Add&#8217; to proceed. key Copy Integration ID expand_more Your store API key \/ Integration ID will be generated. Copy it \u2014 you&#8217;ll need it in Step 7. install_mobile Install on Shopify expand_more Head to your Shopify admin, click &#8216;Apps&#8217;, search for &#8220;EasyParcel &#8211; Delivery Made Easy&#8221;, and click &#8216;Install&#8217;. play_circle Start Setup expand_more You&#8217;ll be redirected to EasyParcel settings under the &#8216;Getting Started&#8217; tab. Read through, then click &#8216;Start Setup&#8217;. local_shipping Configure Shipping Settings expand_more Under the &#8216;Shipping Setting&#8217; tab, select the country you&#8217;re shipping from, then paste the Integration ID from Step 4. fact_check Review Sender&#8217;s Details expand_more Check the auto-filled Sender&#8217;s Details. Update anything incorrect, then click &#8216;Save&#8217;. check_circle Require Phone Number at Checkout expand_more In your Shopify admin, go to Settings \u2192 Checkout. Under<\/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-05-29T06:52:59+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=\"13 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\\\/?lang=cn\",\"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-05-29T06:52:59+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-05-29T06:52:59+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":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/easyparcel.com\/my\/integration-list\/shopify\/?lang=cn","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-05-29T06:52:59+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":614,"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/pages\/1848\/revisions"}],"predecessor-version":[{"id":187368,"href":"https:\/\/easyparcel.com\/my\/wp-json\/wp\/v2\/pages\/1848\/revisions\/187368"}],"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}]}}