{"id":2109,"date":"2026-01-19T12:03:25","date_gmt":"2026-01-19T12:03:25","guid":{"rendered":"https:\/\/direx.bg\/integrations\/"},"modified":"2026-03-31T10:15:27","modified_gmt":"2026-03-31T10:15:27","slug":"integrations","status":"publish","type":"page","link":"https:\/\/direx.bg\/en\/integrations\/","title":{"rendered":"Integrations"},"content":{"rendered":"<section class=\"direx-block direx-block-hero  py-48 lg:py-80 overflow-hidden relative\">\n<div class=\"container max-w-1170 relative z-2\">\n  <div class=\"flex flex-col lg:flex-row items-center justify-between gap-24\">\n  <div class=\"max-w-715 w-full flex flex-col items-center lg:items-start gap-50\">\n    \n<nav aria-label=\"Breadcrumb\" class=\"breadcrumb font-m\">\n  <ol class=\"flex flex-row flex-wrap items-center space-x-2\">\n    <li>\n      <a href=\"https:\/\/direx.bg\/en\/\" class=\"text-dark hover:text-primary\">Home<\/a>\n    <\/li>\n                                      <li class=\"flex items-center\">\n      <span class=\"mx-2 text-primary\">\/<\/span>\n      <span class=\"text-primary\">Integrations<\/span>\n    <\/li>\n  <\/ol>\n<\/nav>\n\n\n\n    <div class=\"prose flex flex-col gap-42 text-dark [&#038;_h1,&#038;_h2,&#038;_h3,&#038;_h4,&#038;_h5,&#038;_h6]:text-heading [&#038;_p]:text-[20px] [&#038;_p]:[&#038;_strong]:font-sb text-left\">\n      <h1><strong>Integrations<\/strong> with Leading eCommerce Platforms<\/h1>\n<p>Connect Direx directly to your online store and automate your entire shipping workflow.<\/p>\n    <\/div>\n\n          <a class=\"w-fit bg-primary rounded-[60px] px-50 font-b text-white leading-62 shadow-btn-primary hover:scale-105 active:scale-95\" href=\"https:\/\/direx.bg\/en\/consultation\/\" target=\"_self\">\n        Book a Consultation      <\/a>\n      <\/div>\n<\/div>\n<\/div>\n\n<img decoding=\"async\" class=\"absolute w-120 md:w-240 2xl:w-auto top-0 left-0 z-1  opacity-10\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/hero-home.svg\" alt=\"hero home\">\n\n<img decoding=\"async\" class=\"absolute max-w-240 lg:max-w-480 xl:max-w-640 3xl:max-w-911 w-full lg:top-1\/2 lg:-translate-y-1\/2 bottom-0 lg:bottom-auto right-16 xl:right-49 z-1  opacity-20\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/atlas-hero.svg\" alt=\"atlas hero\">\n<\/section>\n\n<section class=\"direx-block direx-block-integrations py-48 lg:py-80 overflow-hidden relative shadow-section rounded-[12px] w-[calc(100%-32px)] mx-auto\">\n<div class=\"container max-w-1170 relative z-2 flex flex-col gap-60 lg:gap-80\">\n  <header class=\"prose text-dark flex flex-col gap-12 lg:gap-24 [&#038;_p]:text-[20px]\">\n    <h2 style=\"text-align: center;\">Supported Platforms<\/h2>\n  <\/header>\n\n  \n<div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-12 gap-y-56\">\n      <div class=\"relative bg-white rounded-[12px] h-full\">\n      <div class=\"flex flex-col gap-40 bg-linear-to-b from-secondary\/0 to-secondary\/5 ring ring-secondary rounded-[12px] p-24 before:content-[''] before:absolute before:w-120 before:h-32 before:-top-10 before:left-8 before:bg-white h-full\">\n        <figure class=\"relative size-90 rounded-[12px] overflow-hidden bg-white shadow-card flex items-center justify-center p-12 -mt-64\">\n          <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/amazon.svg\" class=\"w-full h-auto\" alt=\"Amazon\" width=\"60\" height=\"19\">        <\/figure>\n        <div class=\"flex flex-col gap-24 text-dark [&#038;_h3]:text-heading [&#038;_h3]:text-[22px] [&#038;_h3]:font-b\"><h3>Amazon<\/h3>\n<p>Order sync, automatic label generation and tracking. Perfect for FBA\/FBM sellers.<\/p>\n<\/div>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0\">\n    <\/div>\n      <div class=\"relative bg-white rounded-[12px] h-full\">\n      <div class=\"flex flex-col gap-40 bg-linear-to-b from-secondary\/0 to-secondary\/5 ring ring-secondary rounded-[12px] p-24 before:content-[''] before:absolute before:w-120 before:h-32 before:-top-10 before:left-8 before:bg-white h-full\">\n        <figure class=\"relative size-90 rounded-[12px] overflow-hidden bg-white shadow-card flex items-center justify-center p-12 -mt-64\">\n          <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/ebay.svg\" class=\"w-full h-auto\" alt=\"Ebay\" width=\"60\" height=\"24\">        <\/figure>\n        <div class=\"flex flex-col gap-24 text-dark [&#038;_h3]:text-heading [&#038;_h3]:text-[22px] [&#038;_h3]:font-b\"><h3>eBay<\/h3>\n<p>Direx is recognized as an official carrier \u2192 better visibility and improved seller rating.<\/p>\n<\/div>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0\">\n    <\/div>\n      <div class=\"relative bg-white rounded-[12px] h-full\">\n      <div class=\"flex flex-col gap-40 bg-linear-to-b from-secondary\/0 to-secondary\/5 ring ring-secondary rounded-[12px] p-24 before:content-[''] before:absolute before:w-120 before:h-32 before:-top-10 before:left-8 before:bg-white h-full\">\n        <figure class=\"relative size-90 rounded-[12px] overflow-hidden bg-white shadow-card flex items-center justify-center p-12 -mt-64\">\n          <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/etsy.svg\" class=\"w-full h-auto\" alt=\"Etsy\" width=\"53\" height=\"26\">        <\/figure>\n        <div class=\"flex flex-col gap-24 text-dark [&#038;_h3]:text-heading [&#038;_h3]:text-[22px] [&#038;_h3]:font-b\"><h3>Etsy<\/h3>\n<p>Automatic order import and fast label generation.<\/p>\n<\/div>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0\">\n    <\/div>\n      <div class=\"relative bg-white rounded-[12px] h-full\">\n      <div class=\"flex flex-col gap-40 bg-linear-to-b from-secondary\/0 to-secondary\/5 ring ring-secondary rounded-[12px] p-24 before:content-[''] before:absolute before:w-120 before:h-32 before:-top-10 before:left-8 before:bg-white h-full\">\n        <figure class=\"relative size-90 rounded-[12px] overflow-hidden bg-white shadow-card flex items-center justify-center p-12 -mt-64\">\n          <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/shopify.svg\" class=\"w-full h-auto\" alt=\"Shopify\" width=\"66\" height=\"22\">        <\/figure>\n        <div class=\"flex flex-col gap-24 text-dark [&#038;_h3]:text-heading [&#038;_h3]:text-[22px] [&#038;_h3]:font-b\"><h3>Shopify<\/h3>\n<p>Full automation: import, labels, manifests, tracking.<\/p>\n<\/div>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0\">\n    <\/div>\n      <div class=\"relative bg-white rounded-[12px] h-full\">\n      <div class=\"flex flex-col gap-40 bg-linear-to-b from-secondary\/0 to-secondary\/5 ring ring-secondary rounded-[12px] p-24 before:content-[''] before:absolute before:w-120 before:h-32 before:-top-10 before:left-8 before:bg-white h-full\">\n        <figure class=\"relative size-90 rounded-[12px] overflow-hidden bg-white shadow-card flex items-center justify-center p-12 -mt-64\">\n          <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/woocommerce.svg\" class=\"w-full h-auto\" alt=\"Woocommerce\" width=\"69\" height=\"15\">        <\/figure>\n        <div class=\"flex flex-col gap-24 text-dark [&#038;_h3]:text-heading [&#038;_h3]:text-[22px] [&#038;_h3]:font-b\"><h3>WooCommerce<\/h3>\n<p>Direct API sync with automatic shipments and streamlined workflows.<\/p>\n<\/div>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0\">\n    <\/div>\n      <div class=\"relative bg-white rounded-[12px] h-full\">\n      <div class=\"flex flex-col gap-40 bg-linear-to-b from-secondary\/0 to-secondary\/5 ring ring-secondary rounded-[12px] p-24 before:content-[''] before:absolute before:w-120 before:h-32 before:-top-10 before:left-8 before:bg-white h-full\">\n        <figure class=\"relative size-90 rounded-[12px] overflow-hidden bg-white shadow-card flex items-center justify-center p-12 -mt-64\">\n          <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/prestashop.svg\" class=\"w-full h-auto\" alt=\"Prestashop\" width=\"58\" height=\"10\">        <\/figure>\n        <div class=\"flex flex-col gap-24 text-dark [&#038;_h3]:text-heading [&#038;_h3]:text-[22px] [&#038;_h3]:font-b\"><h3>PrestaShop<\/h3>\n<p>Reliable integration that removes manual work.<\/p>\n<\/div>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0\">\n    <\/div>\n      <div class=\"relative bg-white rounded-[12px] h-full\">\n      <div class=\"flex flex-col gap-40 bg-linear-to-b from-secondary\/0 to-secondary\/5 ring ring-secondary rounded-[12px] p-24 before:content-[''] before:absolute before:w-120 before:h-32 before:-top-10 before:left-8 before:bg-white h-full\">\n        <figure class=\"relative size-90 rounded-[12px] overflow-hidden bg-white shadow-card flex items-center justify-center p-12 -mt-64\">\n          <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/opencart.svg\" class=\"w-full h-auto\" alt=\"Opencart\" width=\"66\" height=\"14\">        <\/figure>\n        <div class=\"flex flex-col gap-24 text-dark [&#038;_h3]:text-heading [&#038;_h3]:text-[22px] [&#038;_h3]:font-b\"><h3>OpenCart<\/h3>\n<p>Simple and fast connection for lightweight stores.<\/p>\n<\/div>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0\">\n    <\/div>\n      <div class=\"relative bg-white rounded-[12px] h-full\">\n      <div class=\"flex flex-col gap-40 bg-linear-to-b from-secondary\/0 to-secondary\/5 ring ring-secondary rounded-[12px] p-24 before:content-[''] before:absolute before:w-120 before:h-32 before:-top-10 before:left-8 before:bg-white h-full\">\n        <figure class=\"relative size-90 rounded-[12px] overflow-hidden bg-white shadow-card flex items-center justify-center p-12 -mt-64\">\n          <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/magento.svg\" class=\"w-full h-auto\" alt=\"Magento\" width=\"74\" height=\"21\">        <\/figure>\n        <div class=\"flex flex-col gap-24 text-dark [&#038;_h3]:text-heading [&#038;_h3]:text-[22px] [&#038;_h3]:font-b\"><h3>Magento<\/h3>\n<p>Ideal for enterprise-scale, high-volume stores.<\/p>\n<\/div>\n      <\/div>\n      <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0\">\n    <\/div>\n  \n<\/div><\/div>\n\n  <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/circle-top-right.svg\" alt=\"circle top right\" class=\"absolute top-0 right-0 z-1\">\n  <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/circle-bottom-left.svg\" alt=\"circle bottom left\" class=\"absolute bottom-0 left-0 z-1\">\n\n<\/section>\n\n<section class=\"direx-block direx-block-cards  py-48 lg:py-120 overflow-hidden relative bg-primary-darker\">\n<div class=\"container max-w-1170 relative z-2 flex flex-col gap-80\">\n      <header class=\"prose flex flex-col gap-12 lg:gap-24 text-white\">\n      <h2 style=\"text-align: center;\">Highlighted Integrations<\/h2>\n    <\/header>\n      <div class=\"flex flex-col gap-80 2xl:gap-20\">\n          <div class=\"relative rounded-[12px] w-full p-1 bg-linear-270 from-secondary via-secondary\/0 to-secondary\/0 shadow-card-banner\">\n        <div class=\"bg-[#201130] rounded-[12px] \">\n          <div class=\"bg-linear-270 from-secondary\/60 via-secondary\/0 via-29% to-secondary\/0 rounded-[12px] py-80 2xl:py-64 px-24 lg:px-120 flex flex-col 2xl:flex-row items-center justify-between gap-24\">\n            <figure class=\"\n            absolute -top-64 2xl:top-1\/2 2xl:-translate-y-1\/2 left-1\/2 -translate-x-1\/2 2xl:-left-65 2xl:translate-x-0 size-130 rounded-[12px] overflow-hidden p-24 flex items-center justify-center bg-[#201130] shadow-btn-secondary\n            after:content-[''] \n            after:absolute \n            after:rounded-[12px]\n            after:inset-0\n            after:p-1\n            after:bg-linear-225\n            after:from-secondary\n            after:to-secondary\/0\n            after:[mask:linear-gradient(#000_0_0)_content-box,linear-gradient(#000_0_0)]\n            after:mask-exclude!\n            after:[-webkit-mask-composite:xor]\n            \n            \">\n              <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/ebay2.svg\" class=\"w-full h-auto\" alt=\"Ebay2\" width=\"80\" height=\"32\">            <\/figure>\n            <h3 class=\"font-b text-[22px] text-white shrink-0\">eBay<\/h3>\n\n            <div class=\"2xl:w-1 2xl:h-60 w-full h-1 bg-white\/12 shrink-0\"><\/div>\n\n            <div class=\"2xl:max-w-532 w-full text-white\/90 text-center 2xl:text-left\">\n              <p>Recognized as a shipping carrier \u2192 higher delivery performance.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0 w-90 h-auto\">\n      <\/div>\n          <div class=\"relative rounded-[12px] w-full p-1 bg-linear-270 from-secondary via-secondary\/0 to-secondary\/0 shadow-card-banner\">\n        <div class=\"bg-[#201130] rounded-[12px] \">\n          <div class=\"bg-linear-270 from-secondary\/60 via-secondary\/0 via-29% to-secondary\/0 rounded-[12px] py-80 2xl:py-64 px-24 lg:px-120 flex flex-col 2xl:flex-row items-center justify-between gap-24\">\n            <figure class=\"\n            absolute -top-64 2xl:top-1\/2 2xl:-translate-y-1\/2 left-1\/2 -translate-x-1\/2 2xl:-left-65 2xl:translate-x-0 size-130 rounded-[12px] overflow-hidden p-24 flex items-center justify-center bg-[#201130] shadow-btn-secondary\n            after:content-[''] \n            after:absolute \n            after:rounded-[12px]\n            after:inset-0\n            after:p-1\n            after:bg-linear-225\n            after:from-secondary\n            after:to-secondary\/0\n            after:[mask:linear-gradient(#000_0_0)_content-box,linear-gradient(#000_0_0)]\n            after:mask-exclude!\n            after:[-webkit-mask-composite:xor]\n            \n            \">\n              <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/etsy2.svg\" class=\"w-full h-auto\" alt=\"Etsy2\" width=\"80\" height=\"40\">            <\/figure>\n            <h3 class=\"font-b text-[22px] text-white shrink-0\">Etsy<\/h3>\n\n            <div class=\"2xl:w-1 2xl:h-60 w-full h-1 bg-white\/12 shrink-0\"><\/div>\n\n            <div class=\"2xl:max-w-532 w-full text-white\/90 text-center 2xl:text-left\">\n              <p>Fully automated import of orders.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0 w-90 h-auto\">\n      <\/div>\n          <div class=\"relative rounded-[12px] w-full p-1 bg-linear-270 from-secondary via-secondary\/0 to-secondary\/0 shadow-card-banner\">\n        <div class=\"bg-[#201130] rounded-[12px] \">\n          <div class=\"bg-linear-270 from-secondary\/60 via-secondary\/0 via-29% to-secondary\/0 rounded-[12px] py-80 2xl:py-64 px-24 lg:px-120 flex flex-col 2xl:flex-row items-center justify-between gap-24\">\n            <figure class=\"\n            absolute -top-64 2xl:top-1\/2 2xl:-translate-y-1\/2 left-1\/2 -translate-x-1\/2 2xl:-left-65 2xl:translate-x-0 size-130 rounded-[12px] overflow-hidden p-24 flex items-center justify-center bg-[#201130] shadow-btn-secondary\n            after:content-[''] \n            after:absolute \n            after:rounded-[12px]\n            after:inset-0\n            after:p-1\n            after:bg-linear-225\n            after:from-secondary\n            after:to-secondary\/0\n            after:[mask:linear-gradient(#000_0_0)_content-box,linear-gradient(#000_0_0)]\n            after:mask-exclude!\n            after:[-webkit-mask-composite:xor]\n            \n            \">\n              <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/Noverstock.svg\" class=\"w-full h-auto\" alt=\"Noverstock\" width=\"89\" height=\"45\">            <\/figure>\n            <h3 class=\"font-b text-[22px] text-white shrink-0\">Noverstock ERP<\/h3>\n\n            <div class=\"2xl:w-1 2xl:h-60 w-full h-1 bg-white\/12 shrink-0\"><\/div>\n\n            <div class=\"2xl:max-w-532 w-full text-white\/90 text-center 2xl:text-left\">\n              <p>Multichannel ERP integration for inventory, orders, and fulfillment automation.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0 w-90 h-auto\">\n      <\/div>\n          <div class=\"relative rounded-[12px] w-full p-1 bg-linear-270 from-secondary via-secondary\/0 to-secondary\/0 shadow-card-banner\">\n        <div class=\"bg-[#201130] rounded-[12px] \">\n          <div class=\"bg-linear-270 from-secondary\/60 via-secondary\/0 via-29% to-secondary\/0 rounded-[12px] py-80 2xl:py-64 px-24 lg:px-120 flex flex-col 2xl:flex-row items-center justify-between gap-24\">\n            <figure class=\"\n            absolute -top-64 2xl:top-1\/2 2xl:-translate-y-1\/2 left-1\/2 -translate-x-1\/2 2xl:-left-65 2xl:translate-x-0 size-130 rounded-[12px] overflow-hidden p-24 flex items-center justify-center bg-[#201130] shadow-btn-secondary\n            after:content-[''] \n            after:absolute \n            after:rounded-[12px]\n            after:inset-0\n            after:p-1\n            after:bg-linear-225\n            after:from-secondary\n            after:to-secondary\/0\n            after:[mask:linear-gradient(#000_0_0)_content-box,linear-gradient(#000_0_0)]\n            after:mask-exclude!\n            after:[-webkit-mask-composite:xor]\n            \n            \">\n              <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/temu.svg\" class=\"w-full h-auto\" alt=\"Temu\" width=\"70\" height=\"37\">            <\/figure>\n            <h3 class=\"font-b text-[22px] text-white shrink-0\">Temu integration<\/h3>\n\n            <div class=\"2xl:w-1 2xl:h-60 w-full h-1 bg-white\/12 shrink-0\"><\/div>\n\n            <div class=\"2xl:max-w-532 w-full text-white\/90 text-center 2xl:text-left\">\n              <p>Direx is now also present in Temu&#8217;s official drop-down menu as a supplier.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/cicrle-integration.svg\" alt=\"integration circle\" class=\"absolute top-0 right-0 w-90 h-auto\">\n      <\/div>\n      <\/div>\n<\/div>\n\n<img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/circle-top-left.svg\" alt=\"circle top left\" class=\"absolute top-0 left-0 z-1\">\n<img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/services-section-circle.svg\" alt=\"services section circle\" class=\"absolute -bottom-1\/4 left-1\/2 -translate-x-1\/2 z-1\">\n<\/section>\n\n<section class=\"direx-block direx-block-api  relative z-1\">\n<div class=\"container max-w-900 relative z-2\">\n  <div class=\"bg-white shadow-card-alt p-8 lg:p-30 rounded-[12px] overflow-hidden -mt-32\">\n    <div class=\"overflow-hidden [*&#038;]:transform-3d p-2 w-full\">\n      <div class=\"absolute inset-0 rounded-[12px] [clip-path:inset(0_0_0_0_round_12px)]\">\n        <div class=\"w-120 aspect-2\/1 bg-linear-to-l from-secondary\/0 to-secondary [offset-path:border-box] [offset-distance:0] [offset-anchor:0%_50%] animate-journey\"><\/div>\n        <div class=\"w-120 aspect-2\/1 bg-linear-to-l from-secondary\/0 to-secondary [offset-path:border-box] [offset-distance:50%] [offset-anchor:0%_50%] animate-journeySec\"><\/div>\n      <\/div>\n\n      <div class=\"relative bg-white rounded-[12px] p-8 lg:p-40 flex flex-col items-center gap-24 lg:gap-40\">\n        <div class=\"w-36 h-3 bg-secondary\"><\/div>\n                  <header class=\"prose flex flex-col gap-24 lg:gap-40 text-dark [&#038;_h1,&#038;_h2,&#038;_h3,&#038;_h4,&#038;_h5,&#038;_h6]:text-heading [&#038;_p]:text-[18px]\">\n            <h2 style=\"text-align: center;\">API Integration (Developers)<\/h2>\n          <\/header>\n        \n        <div class=\"flex flex-col sm:flex-row gap-12 lg:gap-40 max-w-480 w-auto sm:w-full\">\n          <p class=\"font-b text-[18px] text-dark\">Includes:<\/p>\n\n          <div class=\"prose columns-1 sm:columns-2 gap-20 lg:gap-40\">\n            <ul class=\"gap-20\">\n                              <li class=\"text-dark before:top-5\">OAuth 2.0<\/li>\n                              <li class=\"text-dark before:top-5\">Webhooks<\/li>\n                              <li class=\"text-dark before:top-5\">Tracking API<\/li>\n                              <li class=\"text-dark before:top-5\">Order API<\/li>\n                              <li class=\"text-dark before:top-5\">Shipment API<\/li>\n                          <\/ul>\n\n          <\/div>\n\n        <\/div>\n\n                  <a class=\"w-fit bg-primary rounded-[60px] px-12 lg:px-30 font-b text-white leading-57 hover:scale-105 active:scale-95\" href=\"https:\/\/api.direx.bg\/docs\/\" target=\"_blank\">\n            <span class=\"relative z-1 text-white\">Open API Documentation<\/span>\n          <\/a>\n              <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/API-background.svg\" alt=\"api circle top right\" class=\"absolute bottom-0 left-1\/2 -translate-x-1\/2 w-full h-full\">\n<\/section>\n\n<section class=\"direx-block direx-block-steps py-48 lg:py-80 overflow-hidden relative\">\n<div class=\"container max-w-1170 relative z-2 flex flex-col gap-40 lg:gap-120\">\n  <header class=\"prose text-dark [&#038;_h1,&#038;_h2,&#038;_h3,&#038;_h4,&#038;_h5,&#038;_h6]:text-heading [&#038;_p]:text-[18px] flex flex-col gap-12 lg:gap-24\">\n    <h2 style=\"text-align: center;\">How Integrations Work<\/h2>\n  <\/header>\n\n  <div class=\"flex flex-col xl:flex-row items-center xl:items-start justify-center gap-20\">\n      <div class=\"relative w-180 xl:h-212 flex flex-col items-end gap-20 text-right px-12 shrink-0  after:content-[''] after:absolute after:top-0 after:right-0 after:w-5 after:h-67 after:bg-secondary before:content-[''] before:absolute before:top-0 before:right-0 before:w-2 before:h-full before:bg-[#65727C]\/12\">\n      <figure class=\"size-50 flex items-center justify-center shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/login-account.svg\" class=\"w-full h-full\" alt=\"Login account\" width=\"50\" height=\"50\">      <\/figure>\n      <p class=\"text-[70px] text-primary\">01<\/p>\n      <p class=\"text-[#240C3F] font-b\">Login<\/p>\n\n              <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/arrows\/arrow-step.svg\" alt=\"arrow step\" class=\"absolute rotate-70 -bottom-80 -right-130 xl:rotate-0 xl:bottom-auto xl:-top-36 z-1\">\n          <\/div>\n      <div class=\"relative w-180 xl:h-212 flex flex-col items-end gap-20 text-right px-12 shrink-0 mt-60 after:content-[''] after:absolute after:top-0 after:right-0 after:w-5 after:h-67 after:bg-secondary before:content-[''] before:absolute before:top-0 before:right-0 before:w-2 before:h-full before:bg-[#65727C]\/12\">\n      <figure class=\"size-50 flex items-center justify-center shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/link-eshop.svg\" class=\"w-full h-full\" alt=\"Link eshop\" width=\"50\" height=\"50\">      <\/figure>\n      <p class=\"text-[70px] text-primary\">02<\/p>\n      <p class=\"text-[#240C3F] font-b\">Connect your store<\/p>\n\n              <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/arrows\/arrow-step.svg\" alt=\"arrow step\" class=\"absolute -rotate-70 -bottom-80 -left-100 xl:left-auto xl:-bottom-64 xl:-right-130 xl:rotate-180 -scale-x-100 z-1\">\n          <\/div>\n      <div class=\"relative w-180 xl:h-212 flex flex-col items-end gap-20 text-right px-12 shrink-0  after:content-[''] after:absolute after:top-0 after:right-0 after:w-5 after:h-67 after:bg-secondary before:content-[''] before:absolute before:top-0 before:right-0 before:w-2 before:h-full before:bg-[#65727C]\/12\">\n      <figure class=\"size-50 flex items-center justify-center shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/import-orders.svg\" class=\"w-full h-full\" alt=\"Import orders\" width=\"50\" height=\"50\">      <\/figure>\n      <p class=\"text-[70px] text-primary\">03<\/p>\n      <p class=\"text-[#240C3F] font-b\">Import orders\/products<\/p>\n\n              <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/arrows\/arrow-step.svg\" alt=\"arrow step\" class=\"absolute rotate-70 -bottom-80 -right-130 xl:rotate-0 xl:bottom-auto xl:-top-36 z-1\">\n          <\/div>\n      <div class=\"relative w-180 xl:h-212 flex flex-col items-end gap-20 text-right px-12 shrink-0 mt-60 after:content-[''] after:absolute after:top-0 after:right-0 after:w-5 after:h-67 after:bg-secondary before:content-[''] before:absolute before:top-0 before:right-0 before:w-2 before:h-full before:bg-[#65727C]\/12\">\n      <figure class=\"size-50 flex items-center justify-center shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/general-shipping.svg\" class=\"w-full h-full\" alt=\"General shipping\" width=\"37\" height=\"50\">      <\/figure>\n      <p class=\"text-[70px] text-primary\">04<\/p>\n      <p class=\"text-[#240C3F] font-b\">Generate labels<\/p>\n\n              <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/arrows\/arrow-step.svg\" alt=\"arrow step\" class=\"absolute -rotate-70 -bottom-80 -left-100 xl:left-auto xl:-bottom-64 xl:-right-130 xl:rotate-180 -scale-x-100 z-1\">\n          <\/div>\n      <div class=\"relative w-180 xl:h-212 flex flex-col items-end gap-20 text-right px-12 shrink-0  after:content-[''] after:absolute after:top-0 after:right-0 after:w-5 after:h-67 after:bg-secondary before:content-[''] before:absolute before:top-0 before:right-0 before:w-2 before:h-full before:bg-[#65727C]\/12\">\n      <figure class=\"size-50 flex items-center justify-center shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/manifest.svg\" class=\"w-full h-full\" alt=\"Manifest\" width=\"41\" height=\"50\">      <\/figure>\n      <p class=\"text-[70px] text-primary\">05<\/p>\n      <p class=\"text-[#240C3F] font-b\">Manifest<\/p>\n\n              <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/arrows\/arrow-step.svg\" alt=\"arrow step\" class=\"absolute rotate-70 -bottom-80 -right-130 xl:rotate-0 xl:bottom-auto xl:-top-36 z-1\">\n          <\/div>\n      <div class=\"relative w-180 xl:h-212 flex flex-col items-end gap-20 text-right px-12 shrink-0 mt-60 after:content-[''] after:absolute after:top-0 after:right-0 after:w-5 after:h-67 after:bg-secondary before:content-[''] before:absolute before:top-0 before:right-0 before:w-2 before:h-full before:bg-[#65727C]\/12\">\n      <figure class=\"size-50 flex items-center justify-center shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/uploads\/2026\/01\/tracking.svg\" class=\"w-full h-full\" alt=\"Tracking\" width=\"47\" height=\"50\">      <\/figure>\n      <p class=\"text-[70px] text-primary\">06<\/p>\n      <p class=\"text-[#240C3F] font-b\">Auto tracking sync<\/p>\n\n          <\/div>\n  <\/div>\n<\/div>\n\n  <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/steps-background-circle.svg\" alt=\"steps background circle\" class=\"absolute bottom-0 left-1\/2 -translate-x-1\/2 w-full h-full\">\n\n<\/section>\n\n<section class=\"direx-block direx-block-advantages  py-48 lg:py-120\">\n<div class=\"container\">\n  <div class=\"max-w-1170 mx-auto overflow-hidden relative bg-primary-darker rounded-[12px] p-24 lg:p-54 flex flex-col items-center gap-32\">\n    <div class=\"w-36 h-3 bg-secondary\"><\/div>\n          <header class=\"prose flex flex-col gap-12 lg:gap-24 text-white\">\n        <h2 style=\"text-align: center;\">Benefits<\/h2>\n      <\/header>\n        \n          <div class=\"prose columns-1 lg:columns-2 lg:gap-32 w-fit\">\n        <ul class=\"gap-20\">\n                      <li class=\"text-white before:top-5 before:border-l-[var(--color-secondary)!important] before:border-b-[var(--color-secondary)!important]\">Zero manual operations<\/li>\n                      <li class=\"text-white before:top-5 before:border-l-[var(--color-secondary)!important] before:border-b-[var(--color-secondary)!important]\">Auto-generated labels<\/li>\n                      <li class=\"text-white before:top-5 before:border-l-[var(--color-secondary)!important] before:border-b-[var(--color-secondary)!important]\">Fewer errors<\/li>\n                      <li class=\"text-white before:top-5 before:border-l-[var(--color-secondary)!important] before:border-b-[var(--color-secondary)!important]\">Real-time tracking<\/li>\n                      <li class=\"text-white before:top-5 before:border-l-[var(--color-secondary)!important] before:border-b-[var(--color-secondary)!important]\">Multi-channel sync<\/li>\n                      <li class=\"text-white before:top-5 before:border-l-[var(--color-secondary)!important] before:border-b-[var(--color-secondary)!important]\">Faster fulfillment<\/li>\n                      <li class=\"text-white before:top-5 before:border-l-[var(--color-secondary)!important] before:border-b-[var(--color-secondary)!important]\">Reduced handling costs<\/li>\n                  <\/ul>\n      <\/div>\n    \n    <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/advantages-globe-bottom-left.svg\" alt=\"advantages section globe bottom left\" class=\"absolute bottom-0 left-0\">\n    <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/advantages-globe-top-right.svg\" alt=\"advantages section globe top left\" class=\"absolute top-0 right-0\">\n  <\/div>\n\n<\/div>\n<\/section>\n\n<section class=\"direx-block direx-block-faq  py-48 lg:py-120 overflow-hidden relative bg-white shadow-section rounded-[12px] w-[calc(100%-32px)] mx-auto\">\n<div class=\"container max-w-1170 relative z-2 flex flex-col gap-80\">\n  <header class=\"prose flex flex-col gap-12 lg:gap-24 text-dark [&#038;_h1,&#038;_h2,&#038;_h3,&#038;_h4,&#038;_h5,&#038;_h6]:text-heading [&#038;_p]:text-[18px]\">\n    <h2 style=\"text-align: center;\">FAQ \u2014 Integrations<\/h2>\n  <\/header>\n\n  <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-24\">\n          <div class=\"relative flex flex-col justify-between gap-30 pl-42 lg:pl-52\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/svg\/faq.svg\" alt=\"faq\" class=\"absolute top-0 left-0 w-26 h-26\">\n        <h3 class=\"font-sb text-[18px] text-primary\">How do I connect my Shopify store?<\/h3>\n        <div class=\"text-dark prose flex flex-col gap-12 [&#038;_ul]:gap-12 [&#038;_li]:before:top-5\"><p>Log in \u2192 Integrations \u2192 Shopify \u2192 generate API key \u2192 connect.<\/p>\n<\/div>\n\n        <div class=\"w-full h-1 bg-black\/5\"><\/div>\n      <\/div>\n          <div class=\"relative flex flex-col justify-between gap-30 pl-42 lg:pl-52\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/svg\/faq.svg\" alt=\"faq\" class=\"absolute top-0 left-0 w-26 h-26\">\n        <h3 class=\"font-sb text-[18px] text-primary\">Do you support WooCommerce?<\/h3>\n        <div class=\"text-dark prose flex flex-col gap-12 [&#038;_ul]:gap-12 [&#038;_li]:before:top-5\"><p>Yes \u2014 via API key integration.<\/p>\n<\/div>\n\n        <div class=\"w-full h-1 bg-black\/5\"><\/div>\n      <\/div>\n          <div class=\"relative flex flex-col justify-between gap-30 pl-42 lg:pl-52\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/svg\/faq.svg\" alt=\"faq\" class=\"absolute top-0 left-0 w-26 h-26\">\n        <h3 class=\"font-sb text-[18px] text-primary\">Are there limits?<\/h3>\n        <div class=\"text-dark prose flex flex-col gap-12 [&#038;_ul]:gap-12 [&#038;_li]:before:top-5\"><p>No. Unlimited orders.<\/p>\n<\/div>\n\n        <div class=\"w-full h-1 bg-black\/5\"><\/div>\n      <\/div>\n          <div class=\"relative flex flex-col justify-between gap-30 pl-42 lg:pl-52\">\n        <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/svg\/faq.svg\" alt=\"faq\" class=\"absolute top-0 left-0 w-26 h-26\">\n        <h3 class=\"font-sb text-[18px] text-primary\">Do you support custom API integrations?<\/h3>\n        <div class=\"text-dark prose flex flex-col gap-12 [&#038;_ul]:gap-12 [&#038;_li]:before:top-5\"><p>Yes \u2014 full documentation is available.<\/p>\n<\/div>\n\n        <div class=\"w-full h-1 bg-black\/5\"><\/div>\n      <\/div>\n      <\/div>\n<\/div>\n\n<img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/circle-top-right.svg\" alt=\"circle top right\" class=\"absolute top-0 right-0 z-1\">\n<img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/circle-bottom-left.svg\" alt=\"circle bottom left\" class=\"absolute bottom-0 left-0 z-1\">\n<\/section>\n\n<section class=\"direx-block direx-block-banner  overflow-hidden relative bg-primary-darker e-volvement\">\n<div class=\"container max-w-1170 relative z-2 flex flex-col lg:flex-row gap-32 justify-between py-48 lg:py-100\">\n  <div class=\"lg:max-w-630 w-full flex flex-col gap-24 lg:gap-60 relative z-2\">\n    <div class=\"prose flex flex-col gap-20 text-white\/90 [&#038;_h1,&#038;_h2,&#038;_h3,&#038;_h4,&#038;_h5,&#038;_h6]:text-white text-center lg:text-left\">\n      <h2>Start automating your shipping today.<\/h2>\n    <\/div>\n\n    <div class=\"flex flex-row flex-wrap gap-20 items-center justify-center lg:justify-start w-full lg:w-fit\">\n              <a class=\"w-fit bg-secondary rounded-[60px] px-30 font-b text-white leading-57 hover:scale-105 active:scale-95\" href=\"https:\/\/direx.bg\/en\/consultation\/\" target=\"_self\">\n          Book a Consultation        <\/a>\n      \n          <\/div>\n  <\/div>\n\n  <div class=\"relative lg:max-w-480 w-full flex flex-row flex-wrap gap-12 items-center justify-center\">\n          <div class=\"relative lg:absolute lg:-top-60 lg:right-0 rounded-[12px] size-180 z-2 p-1 bg-linear-to-bl from-secondary via-secondary\/0 to-secondary\/0 overflow-hidden shadow-card-banner before:content-[''] before:absolute before:size-120 before:rounded-full before:-top-50 before:-right-50 before:bg-[#F5A623]\/80 before:blur-[30px] before:z-1\">\n        <div class=\"bg-[#201130] rounded-[12px] p-24 flex flex-col justify-between h-full\">\n          <div class=\"w-32 h-1 bg-[#F5A623] shrink-0\"><\/div>\n          <div class=\"flex flex-col\">\n            <p class=\"font-m text-white\/50\">More than<\/p>\n            <p class=\"font-b text-[38px] text-white\">10 \u041c+<\/p>\n            <p class=\"font-b text-[12px] text-white uppercase\">Shipments delivered<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n          <div class=\"relative lg:absolute lg:top-1\/2 lg:-translate-y-1\/2 left-0 rounded-[12px] size-180 z-2 p-1 bg-linear-to-bl from-secondary via-secondary\/0 to-secondary\/0 overflow-hidden shadow-card-banner before:content-[''] before:absolute before:size-120 before:rounded-full before:-top-50 before:-right-50 before:bg-[#F5A623]\/80 before:blur-[30px] before:z-1\">\n        <div class=\"bg-[#201130] rounded-[12px] p-24 flex flex-col justify-between h-full\">\n          <div class=\"w-32 h-1 bg-[#F5A623] shrink-0\"><\/div>\n          <div class=\"flex flex-col\">\n            <p class=\"font-m text-white\/50\">More than<\/p>\n            <p class=\"font-b text-[38px] text-white\">10+<\/p>\n            <p class=\"font-b text-[12px] text-white uppercase\">years of experience<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n          <div class=\"relative lg:absolute lg:-bottom-60 lg:right-60 rounded-[12px] size-180 z-2 p-1 bg-linear-to-bl from-secondary via-secondary\/0 to-secondary\/0 overflow-hidden shadow-card-banner before:content-[''] before:absolute before:size-120 before:rounded-full before:-top-50 before:-right-50 before:bg-[#F5A623]\/80 before:blur-[30px] before:z-1\">\n        <div class=\"bg-[#201130] rounded-[12px] p-24 flex flex-col justify-between h-full\">\n          <div class=\"w-32 h-1 bg-[#F5A623] shrink-0\"><\/div>\n          <div class=\"flex flex-col\">\n            <p class=\"font-m text-white\/50\">More than<\/p>\n            <p class=\"font-b text-[38px] text-white\">3000+<\/p>\n            <p class=\"font-b text-[12px] text-white uppercase\">clients<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    \n  <\/div>\n\n  <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/banner-atlas.svg\" alt=\"banner atlas\" class=\"absolute top-0 -right-[20%] z-1\">\n  <img decoding=\"async\" src=\"https:\/\/direx.bg\/wp-content\/themes\/direx.bg\/build\/images\/backgrounds\/banner-circles.svg\" alt=\"banner circles\" class=\"absolute h-full top-0 right-0 z-1\">\n<\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2109","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/direx.bg\/en\/wp-json\/wp\/v2\/pages\/2109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/direx.bg\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/direx.bg\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/direx.bg\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/direx.bg\/en\/wp-json\/wp\/v2\/comments?post=2109"}],"version-history":[{"count":1,"href":"https:\/\/direx.bg\/en\/wp-json\/wp\/v2\/pages\/2109\/revisions"}],"predecessor-version":[{"id":3563,"href":"https:\/\/direx.bg\/en\/wp-json\/wp\/v2\/pages\/2109\/revisions\/3563"}],"wp:attachment":[{"href":"https:\/\/direx.bg\/en\/wp-json\/wp\/v2\/media?parent=2109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}