{"id":80160,"date":"2026-02-20T11:54:07","date_gmt":"2026-02-20T17:54:07","guid":{"rendered":"https:\/\/www.shipstation.com\/fulfillment\/api\/elements\/"},"modified":"2026-05-18T07:23:17","modified_gmt":"2026-05-18T12:23:17","slug":"elements","status":"publish","type":"page","link":"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/","title":{"rendered":"Embed Customised Shipping with API Elements"},"content":{"rendered":"\n\n\n<section class=\"wp-block-shipstation-hero block not-prose padding-top--sm padding-bottom--lg\">\n    <div class=\"\">\n        <div class=\"container\">\n            <div class=\"hero items-start\">\n                <div class=\"hero-content \">\n                                                                    <h1>Embed customised merchant shipping experiences with ShipStation API Elements<\/h1>\n                                                    <div class=\"lead\"><p>Use prebuilt, configurable UI components powered by ShipStation\u2019s Partner API to launch end-to-end shipping workflows directly in your platform. Customise the experience, onboard merchants faster, and deliver reliable fulfilment\u2014without rebuilding complex shipping tools from scratch.<\/p><\/div>\n                                                                                    <div class=\"btn-group\">\n                                                                                    <a href=\"https:\/\/www.shipengine.com\/signup\/\" class=\"btn btn--primary\" target=\"_blank\">\n                                    Start a Free Trial                                <\/a>\n                                                                            \n                                                                                    <a href=\"https:\/\/www.shipengine.com\/contact\/\" class=\"btn outline btn--secondary\" target=\"_blank\">\n                                    Request a Demo                                <\/a>\n                                                                        <\/div>\n                                \n                            <\/div>\n                            <div class=\"hero-media \">\n                                            <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/img-ssapi-homehero-color-GB.png\" alt=\"\" width=\"640\" height=\"480\" loading=\"eager\" \/>\n                                    <\/div>\n                                    <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-shipstation-logo-marquee block not-prose\">\n    <div class=\"bg-white background--full content-theme--light \">\n        <div>\n            <div class=\"container\">\n                    <div class=\"content content-align-center items-center\">\n                                            <p class=\"eyebrow\">    Connected to the platforms that power your business<\/p>\n                                        \n                                        \n                                        \n                                        \n                                    <\/div>\n                    <div class=\"logo-marquee\">\n                <div class=\"fade-edges \">\n                    <div class=\"slider\">\n                        <ul class=\"animate-infinite-scroll\">\n                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Paypal-icon-card.svg\" \n                                             alt=\"Paypal logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/DHL-icon-card.svg\" \n                                             alt=\"DHL logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/bigcommerce-icon-card.svg\" \n                                             alt=\"Bigcommerce logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/FedEx-Icon-Card.svg\" \n                                             alt=\"FedEx logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Walmart-icon-card.svg\" \n                                             alt=\"Walmart\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/ETSY-icon-card.svg\" \n                                             alt=\"Etsy logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Amazon-icon-card.svg\" \n                                             alt=\"Amazon logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Squarespace-commerce-icon-card.svg\" \n                                             alt=\"Squarespace logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/WIX-icon-card.svg\" \n                                             alt=\"WIX logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Shopify-icon-card.svg\" \n                                             alt=\"Shopify Logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/ebay-icon-card.svg\" \n                                             alt=\"Ebay logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/USPS-icon-card.svg\" \n                                             alt=\"USPS logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Salesforce-icon-card.svg\" \n                                             alt=\"Salesforce logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/UPS-icon-card.svg\" \n                                             alt=\"UPS logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Intuit-icon-card.svg\" \n                                             alt=\"Intuit logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Woo-commerce-icon-card.svg\" \n                                             alt=\"Woo Commerce logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                                                                <li>\n                                        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Tiktok-icon-card.svg\" \n                                             alt=\"TikTok logo\" \n                                             width=\"94\" \n                                             height=\"94\" \n                                             loading=\"lazy\" \/>\n                                    <\/li>\n                                                                                    <\/ul>\n                        \n                                                    <ul aria-hidden=\"true\" class=\"animate-infinite-scroll\">\n                                                                                                            <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Paypal-icon-card.svg\" \n                                                 alt=\"Paypal logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/DHL-icon-card.svg\" \n                                                 alt=\"DHL logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/bigcommerce-icon-card.svg\" \n                                                 alt=\"Bigcommerce logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/FedEx-Icon-Card.svg\" \n                                                 alt=\"FedEx logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Walmart-icon-card.svg\" \n                                                 alt=\"Walmart\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/ETSY-icon-card.svg\" \n                                                 alt=\"Etsy logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Amazon-icon-card.svg\" \n                                                 alt=\"Amazon logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Squarespace-commerce-icon-card.svg\" \n                                                 alt=\"Squarespace logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/WIX-icon-card.svg\" \n                                                 alt=\"WIX logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Shopify-icon-card.svg\" \n                                                 alt=\"Shopify Logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/ebay-icon-card.svg\" \n                                                 alt=\"Ebay logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/USPS-icon-card.svg\" \n                                                 alt=\"USPS logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Salesforce-icon-card.svg\" \n                                                 alt=\"Salesforce logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/UPS-icon-card.svg\" \n                                                 alt=\"UPS logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Intuit-icon-card.svg\" \n                                                 alt=\"Intuit logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Woo-commerce-icon-card.svg\" \n                                                 alt=\"Woo Commerce logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                                                                <li>\n                                            <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/Tiktok-icon-card.svg\" \n                                                 alt=\"TikTok logo\" \n                                                 width=\"94\" \n                                                 height=\"94\" \n                                                 loading=\"lazy\" \/>\n                                        <\/li>\n                                                                                                <\/ul>\n                                            <\/div>\n                <\/div>\n            <\/div> <!-- Close logo-marquee -->\n            <\/div> <!-- Close container -->\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<style>\n.wp-block-shipstation-logo-marquee .container .logo-marquee .fade-edges .slider>ul>li img {<br \/>\n    min-height: 120px;<br \/>\n}<br \/>\n<\/style>\n\n\n<section class=\"wp-block-shipstation-cards-v2 block not-prose\" id=\"block-cards-6a3859f2e7e1b\">\n            <div class=\"bg-grey-lightest background--full content-theme--light  \">\n        <div class=\"container\">\n                        <div class=\"content content-align-center items-center\">\n                                \n                                    <h2>Bring fast, reliable shipping directly into your platform<\/h2>\n                                \n                                    <div class=\"lead\"><p>With ShipStation API Elements, you can drop in proven shipping workflows that feel native to your app. Less building. Less maintenance. More value for merchants from day one.<\/p><\/div>\n                                \n                                \n                            <\/div>\n                        \n                                                <!-- Grid Mode -->\n                    <div class=\"cards icon-top columns-3 layout-grid\">\n                                                                                <div class=\"card card-icon card-solid card--centered card--text-centered bg-white\">\n                                \n        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/smush-webp\/2026\/02\/icon-052fa1d5a4c6.png.webp\" alt=\"\" class=\"icon\" loading=\"eager\" \/>\n    \n\n\n\n\n\n<div class=\"card-content h-full\">\n        <div class=\"card-text\">\n                    <!-- Standard heading\/eyebrow for all other card types -->\n            \n                                                <h3 class=\"h5\">Maintain brand control across every shipping touchpoint<\/h3>\n                                            \n                    <div class=\"body\"><p>Keep your experience cohesive from login to label creation. With customisable themes, fonts, and layouts, you can embed elements that match your existing design system. Merchants move through onboarding, rate shopping, and label workflows without feeling like they ever left your platform.<\/p><\/div>\n        \n            <\/div>\n\n    <\/div>\n                            <\/div>\n                                                                                                            <div class=\"card card-icon card-solid card--centered card--text-centered bg-white\">\n                                \n        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/smush-webp\/2026\/02\/icon-3619d63fd81d.png.webp\" alt=\"\" class=\"icon\" loading=\"eager\" \/>\n    \n\n\n\n\n\n<div class=\"card-content h-full\">\n        <div class=\"card-text\">\n                    <!-- Standard heading\/eyebrow for all other card types -->\n            \n                                                <h3 class=\"h5\">Deliver powerful shipping features out of the box<\/h3>\n                                            \n                    <div class=\"body\"><p>Give merchants advanced capabilities like address validation, rate shopping, carrier setup, and label printing without building each feature yourself. Elements are powered by ShipStation API under the hood. Your customers get the reliability and carrier coverage they need while you keep your roadmap focused.<\/p><\/div>\n        \n            <\/div>\n\n    <\/div>\n                            <\/div>\n                                                                                                            <div class=\"card card-icon card-solid card--centered card--text-centered bg-white\">\n                                \n        <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/icon-14b2b5980704.png\" alt=\"\" class=\"icon\" loading=\"eager\" \/>\n    \n\n\n\n\n\n<div class=\"card-content h-full\">\n        <div class=\"card-text\">\n                    <!-- Standard heading\/eyebrow for all other card types -->\n            \n                                                <h3 class=\"h5\">Ship faster while saving time and money<\/h3>\n                                            \n                    <div class=\"body\"><p>Instead of spending months designing and maintaining custom shipping flows, your team can embed customised merchant shipping experiences in days. Use prebuilt workflows for onboarding, label purchase, and account settings. Launch sooner. Cut engineering costs. Support more merchants as you grow.<\/p><\/div>\n        \n            <\/div>\n\n    <\/div>\n                            <\/div>\n                                                                        <\/div>\n                            \n                    <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"block block-zig-zag wp-block-shipstation-zig-zag block not-prose\">\n    <div class=\"bg-grey-lightest background--full content-theme--light content--lg \">\n        <div class=\"zig-zag-block\">\n            <div class=\"container\">\n                    <div class=\"content content-align-center items-center content-width-md\">\n                                        \n                                            <h2>Elements features make shipping experiences simple<\/h2>\n                                        \n                                            <div class=\"lead\">ShipStation API Elements give you responsive, configurable components for every step of the shipping journey. Start with core workflows, then fine tune styling, carriers, and features to fit your platform and your merchants\u2019 needs.<\/div>\n                                        \n                                        \n                                    <\/div>\n                <div class=\"columns flex-col-reverse items-center zig-zag-row\" data-row=\"1\">\n            \n            <!-- Text Column -->\n            <div class=\"column-content w-full md:col-span-6 md:order-1 content-align-left mobile-align-left\">\n                                \n                                    <h3>Launch prebuilt shipping workflows with ShipStation Partner API Elements<\/h3>\n                                \n                                    <div class=\"lead max-w-[54rem]\">\n                        <p>ShipStation Partner API Elements is a collection of prebuilt UI components for building your shipping flow, from onboarding to labelling. Use workflow elements to present complete end-to-end experiences while still having the option to instantiate individual components when you want more granular control.<\/p>                    <\/div>\n                                \n                                \n                            <\/div>\n\n            <!-- Media Column -->\n            <div class=\"column-media w-full md:col-span-6 md:order-2\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/05\/workflow-img-gb-api.png\" alt=\"\" class=\"rounded-xl\" \/>\n                            <\/div>\n\n        <\/div>\n            <div class=\"columns flex-col-reverse items-center zig-zag-row\" data-row=\"2\">\n            \n            <!-- Text Column -->\n            <div class=\"column-content w-full md:col-span-6 md:order-2 content-align-left mobile-align-left\">\n                                \n                                    <h3>Customise the look and feel to match your brand<\/h3>\n                                \n                                    <div class=\"lead max-w-[54rem]\">\n                        <p>Theme elements with your own colours, typography, and border radiuses so they look native to your application. Use the theme configuration to align buttons, inputs, and messaging with your design system. This keeps your customised merchant shipping experience visually consistent across devices and screen sizes.<\/p>                    <\/div>\n                                \n                                \n                            <\/div>\n\n            <!-- Media Column -->\n            <div class=\"column-media w-full md:col-span-6 md:order-1\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/02\/customize-the-look-and-feel-to-match-your-brand-260220-1149.webp\" alt=\"\" class=\"rounded-xl\" \/>\n                            <\/div>\n\n        <\/div>\n            <div class=\"columns flex-col-reverse items-center zig-zag-row\" data-row=\"3\">\n            \n            <!-- Text Column -->\n            <div class=\"column-content w-full md:col-span-6 md:order-1 content-align-left mobile-align-left\">\n                                \n                                    <h3>Quickly onboard merchants to carriers and warehouses<\/h3>\n                                \n                                    <div class=\"lead max-w-[54rem]\">\n                        <p>Use the Onboarding element to walk merchants through setting up warehouses, agreeing to terms, adding payment methods, and activating carrier accounts. This guided flow helps sellers complete everything required to start shipping labels quickly, while your team tracks completion and hands off smoothly into day-to-day usage.<\/p>                    <\/div>\n                                \n                                \n                            <\/div>\n\n            <!-- Media Column -->\n            <div class=\"column-media w-full md:col-span-6 md:order-2\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/05\/img-analytics-api-hero-2x-gb-uk-api.png\" alt=\"\" class=\"rounded-xl\" \/>\n                            <\/div>\n\n        <\/div>\n            <div class=\"columns flex-col-reverse items-center zig-zag-row\" data-row=\"4\">\n            \n            <!-- Text Column -->\n            <div class=\"column-content w-full md:col-span-6 md:order-2 content-align-left mobile-align-left\">\n                                \n                                    <h3>Help merchants save with built-in rate shopping and service options<\/h3>\n                                \n                                    <div class=\"lead max-w-[54rem]\">\n                        <p>Give merchants tools to compare services, browse pickup and drop off locations, and access discounted carrier rates, all inside your platform. Elements use ShipStation API carrier connections and rate shopping capabilities, so you can help customers choose cost-effective services without managing complex carrier integrations yourself.<\/p>                    <\/div>\n                                \n                                \n                            <\/div>\n\n            <!-- Media Column -->\n            <div class=\"column-media w-full md:col-span-6 md:order-1\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/img-analytics-api-hero-gb4-2x.png\" alt=\"\" class=\"rounded-xl\" \/>\n                            <\/div>\n\n        <\/div>\n            <div class=\"columns flex-col-reverse items-center zig-zag-row\" data-row=\"5\">\n            \n            <!-- Text Column -->\n            <div class=\"column-content w-full md:col-span-6 md:order-1 content-align-left mobile-align-left\">\n                                \n                                    <h3>Simplify account, carrier, and payment management<\/h3>\n                                \n                                    <div class=\"lead max-w-[54rem]\">\n                        <p>Expose account settings elements so merchants can manage warehouses, carriers, external carrier connections, and payment methods in one place. These workflow elements handle the details of configuration while you retain control over navigation, permissions, and how account management fits inside your broader admin experience.<\/p>                    <\/div>\n                                \n                                \n                            <\/div>\n\n            <!-- Media Column -->\n            <div class=\"column-media w-full md:col-span-6 md:order-2\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/05\/img-ss-UI-DedicatedAccountManager-gb.png\" alt=\"\" class=\"rounded-xl\" \/>\n                            <\/div>\n\n        <\/div>\n            <div class=\"columns flex-col-reverse items-center zig-zag-row\" data-row=\"6\">\n            \n            <!-- Text Column -->\n            <div class=\"column-content w-full md:col-span-6 md:order-2 content-align-left mobile-align-left\">\n                                \n                                    <h3>Integrate via SDK or React components\u2014on your terms<\/h3>\n                                \n                                    <div class=\"lead max-w-[54rem]\">\n                        <p>Use the Elements SDK, React components, or CDN-delivered bundle depending on your stack. A simple token callback, features configuration, and mount call let you embed elements in any container. Responsive layouts ensure your shipping experiences work across web apps and mobile responsive sites.<\/p>                    <\/div>\n                                \n                                \n                            <\/div>\n\n            <!-- Media Column -->\n            <div class=\"column-media w-full md:col-span-6 md:order-1\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/02\/integrate-via-sdk-or-react-componentson-your-terms-260220-1149.webp\" alt=\"\" class=\"rounded-xl\" \/>\n                            <\/div>\n\n        <\/div>\n                <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"block block-cards US \"><div class=\"bg-grey-lightest background--full content--full\">\n\n<div id=\"block-cards-block_dd6c5cbebb9dc5bab7b61e8348283673\" class=\"block-cards\">\n\t<div class=\"container \">\n\t\t<div class=\"acf-innerblocks-container\">\n<section class=\"block block-feature-text US \"><div class=\"content--full\">\n<div id=\"feature-text-block-block_36dc26cb9cc193e562a421c06138c89d\" class=\"feature-text-block pb-6\">\n\t<div class=\"container\">\n\t\t<div class=\"content content-align-center\">\n\t\t\t\t\t<p class=\"eyebrow\">Related Content<\/p>\n\t\t\t\t\t\t\t\t\t\t<h2 class=\"\">Helpful Shipping Resources<\/h2>\n\t\t\t\t\t\t\t\t<div class=\"text-lg max-w-[68rem]\"><p>Browse additional articles, guides, and insights related to shipping and fulfilment. These resources provide practical advice and best practices to support your day-to-day operations.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t<div class=\"acf-innerblocks-container\"><\/div>\n\t<\/div>\n<\/div>\n<\/div><\/section>\n<\/div>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"cards icon-top columns-2 layout-grid\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card card-icon card-solid bg-white  \">\n\t\t\t\t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/04\/ShipStation_GreenBlue_RGB_Globe02.svg\"  sizes=\"auto, (max-width: 64px) 100vw, 64px\" loading=\"lazy\"   class=\"icon\" alt=\"\" width=\"64\" height=\"64\">\n<div class=\"card-content h-full\">\n    <div class=\"card-text\">\n                    <h5>How to Compare International Shipping Quotes and Calculate Global Carrier Delivery Costs<\/h5>\n                             <p>Here&#8217;s a practical guide for comparing international shipping quotes and choosing the right carrier.<\/p>\n            <\/div>\n\n            <div class=\"card-cta\">\n            <a class=\"link-btn no-underline\" href=\"https:\/\/www.shipstation.com\/blog\/how-to-compare-international-shipping-quotes-and-calculate-global-carrier-delivery-costs\/\" target=\"\">Read Story<\/a>\n        <\/div>\n    <\/div>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"card card-icon card-solid bg-white  \">\n\t\t\t\t\t\t\t\n<img decoding=\"async\" src=\"https:\/\/www.shipstation.com\/wp-content\/uploads\/2026\/03\/ShipStation_GreenBlue_RGB_Lightbulb01.svg\"  sizes=\"auto, (max-width: 64px) 100vw, 64px\" loading=\"lazy\"   class=\"icon\" alt=\"\" width=\"64\" height=\"64\">\n<div class=\"card-content h-full\">\n    <div class=\"card-text\">\n                    <h5>Solved: The 5 Biggest Shipping Challenges Facing British Ecommerce Businesses Today<\/h5>\n                             <p>Running a successful ecommerce business in Britain today is a constant balancing act. See how ShipStation solves the biggest challenges.<\/p>\n            <\/div>\n\n            <div class=\"card-cta\">\n            <a class=\"link-btn no-underline\" href=\"https:\/\/www.shipstation.com\/blog\/solved-the-5-biggest-shipping-challenges-facing-british-ecommerce-businesses-today\/\" target=\"\">Read Story<\/a>\n        <\/div>\n    <\/div>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n<\/div><\/section>\n\n<section class=\"block block-feature-text US \"><div class=\"bg-cobalt-lighter background--full content--sm\">\n<div id=\"feature-text-block-block_17abc3e4715b419b1ecd5e1472799541\" class=\"feature-text-block pb-6\">\n\t<div class=\"container\">\n\t\t<div class=\"content content-align-center\">\n\t\t\t\t\t\t\t\t\t\t<h2 class=\"\">Ready to get started?<\/h2>\n\t\t\t\t\t\t\t\t<div class=\"text-lg max-w-[68rem]\"><p>ShipStation API removes the complexities of shipping. Scale your business with our industry-leading API, comprehensive documentation, and vast carrier network.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"btn-group\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.shipengine.com\/signup\/\" target=\"_blank\" class=\"btn\">Start Shipping Now<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.shipengine.com\/contact\/\" target=\"_blank\" class=\"btn outline\">Talk to an Expert<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t<div class=\"acf-innerblocks-container\"><\/div>\n\t<\/div>\n<\/div>\n<\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":100,"featured_media":0,"parent":80146,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Embed customised shipping experiences into your site using ShipStation API 'elements.' Tailor the entire fulfilment journey with customisable web elements.","_ss_page_background":"","footnotes":""},"class_list":["post-80160","page","type-page","status-publish","hentry"],"acf":{"shipstation_product_type":["shipstation_api"],"shipstation_features":"","shipstation_company_size":"","shipstation_industry":"","shipstation_funnel_stage":"decision"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Embed Merchant Shipping with Elements API | ShipStation<\/title>\n<meta name=\"description\" content=\"Embed customised shipping experiences into your site using ShipStation API &#039;elements.&#039; Tailor the entire fulfilment journey with customisable web elements.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embed Customised Shipping with API Elements\" \/>\n<meta property=\"og:description\" content=\"Embed customised shipping experiences into your site using ShipStation API &#039;elements.&#039; Tailor the entire fulfilment journey with customisable web elements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/\" \/>\n<meta property=\"og:site_name\" content=\"ShipStation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ShipStation\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-18T12:23:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@shipstation\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/fulfillment\\\/api\\\/elements\\\/\",\"url\":\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/fulfillment\\\/api\\\/elements\\\/\",\"name\":\"Embed Merchant Shipping with Elements API | ShipStation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/#website\"},\"datePublished\":\"2026-02-20T17:54:07+00:00\",\"dateModified\":\"2026-05-18T12:23:17+00:00\",\"description\":\"Embed customised shipping experiences into your site using ShipStation API 'elements.' Tailor the entire fulfilment journey with customisable web elements.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/fulfillment\\\/api\\\/elements\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/fulfillment\\\/api\\\/elements\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/fulfillment\\\/api\\\/elements\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Smarter Order Fulfillment Software for Growth\",\"item\":\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/fulfillment\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"API Integration for Streamlined Fulfillment\",\"item\":\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/fulfillment\\\/api\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Embed Customised Shipping with API Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/#website\",\"url\":\"https:\\\/\\\/www.shipstation.com\\\/\",\"name\":\"ShipStation\",\"description\":\"The fulfillment engine behind hundreds of thousands of online sellers.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.shipstation.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/#organization\",\"name\":\"ShipStation\",\"url\":\"https:\\\/\\\/www.shipstation.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.shipstation.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/ShipStation-Lockup-DarkGreen-RGB.svg\",\"contentUrl\":\"https:\\\/\\\/www.shipstation.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/ShipStation-Lockup-DarkGreen-RGB.svg\",\"width\":1550,\"height\":247,\"caption\":\"ShipStation\"},\"image\":{\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ShipStation\\\/\",\"https:\\\/\\\/x.com\\\/shipstation\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/shipstation\",\"https:\\\/\\\/www.instagram.com\\\/shipstation\\\/\"],\"description\":\"The fulfillment engine behind hundreds of thousands of online sellers, ShipStation combines order management, rate shopping, inventory, and returns all in one platform, delivering 15x more labels per hour and up to 90% shipping discounts through 200+ carriers.\",\"telephone\":\"(512) 886-4006\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1001\",\"maxValue\":\"5000\"}},{\"@type\":\"SoftwareApplication\",\"@id\":\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/#software-application\",\"name\":\"ShipStation\",\"url\":\"https:\\\/\\\/www.shipstation.com\\\/en-gb\\\/\",\"applicationCategory\":\"BusinessApplication\",\"operatingSystem\":\"Web Browser\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Embed Merchant Shipping with Elements API | ShipStation","description":"Embed customised shipping experiences into your site using ShipStation API 'elements.' Tailor the entire fulfilment journey with customisable web elements.","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:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/","og_locale":"en_GB","og_type":"article","og_title":"Embed Customised Shipping with API Elements","og_description":"Embed customised shipping experiences into your site using ShipStation API 'elements.' Tailor the entire fulfilment journey with customisable web elements.","og_url":"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/","og_site_name":"ShipStation","article_publisher":"https:\/\/www.facebook.com\/ShipStation\/","article_modified_time":"2026-05-18T12:23:17+00:00","twitter_card":"summary_large_image","twitter_site":"@shipstation","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/","url":"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/","name":"Embed Merchant Shipping with Elements API | ShipStation","isPartOf":{"@id":"https:\/\/www.shipstation.com\/#website"},"datePublished":"2026-02-20T17:54:07+00:00","dateModified":"2026-05-18T12:23:17+00:00","description":"Embed customised shipping experiences into your site using ShipStation API 'elements.' Tailor the entire fulfilment journey with customisable web elements.","breadcrumb":{"@id":"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.shipstation.com\/en-gb\/"},{"@type":"ListItem","position":2,"name":"Smarter Order Fulfillment Software for Growth","item":"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/"},{"@type":"ListItem","position":3,"name":"API Integration for Streamlined Fulfillment","item":"https:\/\/www.shipstation.com\/en-gb\/fulfillment\/api\/"},{"@type":"ListItem","position":4,"name":"Embed Customised Shipping with API Elements"}]},{"@type":"WebSite","@id":"https:\/\/www.shipstation.com\/#website","url":"https:\/\/www.shipstation.com\/","name":"ShipStation","description":"The fulfillment engine behind hundreds of thousands of online sellers.","publisher":{"@id":"https:\/\/www.shipstation.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.shipstation.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.shipstation.com\/#organization","name":"ShipStation","url":"https:\/\/www.shipstation.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.shipstation.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.shipstation.com\/wp-content\/uploads\/2024\/10\/ShipStation-Lockup-DarkGreen-RGB.svg","contentUrl":"https:\/\/www.shipstation.com\/wp-content\/uploads\/2024\/10\/ShipStation-Lockup-DarkGreen-RGB.svg","width":1550,"height":247,"caption":"ShipStation"},"image":{"@id":"https:\/\/www.shipstation.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ShipStation\/","https:\/\/x.com\/shipstation","https:\/\/www.linkedin.com\/company\/shipstation","https:\/\/www.instagram.com\/shipstation\/"],"description":"The fulfillment engine behind hundreds of thousands of online sellers, ShipStation combines order management, rate shopping, inventory, and returns all in one platform, delivering 15x more labels per hour and up to 90% shipping discounts through 200+ carriers.","telephone":"(512) 886-4006","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1001","maxValue":"5000"}},{"@type":"SoftwareApplication","@id":"https:\/\/www.shipstation.com\/en-gb\/#software-application","name":"ShipStation","url":"https:\/\/www.shipstation.com\/en-gb\/","applicationCategory":"BusinessApplication","operatingSystem":"Web Browser"}]}},"_links":{"self":[{"href":"https:\/\/www.shipstation.com\/en-gb\/wp-json\/wp\/v2\/pages\/80160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shipstation.com\/en-gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.shipstation.com\/en-gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.shipstation.com\/en-gb\/wp-json\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shipstation.com\/en-gb\/wp-json\/wp\/v2\/comments?post=80160"}],"version-history":[{"count":7,"href":"https:\/\/www.shipstation.com\/en-gb\/wp-json\/wp\/v2\/pages\/80160\/revisions"}],"predecessor-version":[{"id":89900,"href":"https:\/\/www.shipstation.com\/en-gb\/wp-json\/wp\/v2\/pages\/80160\/revisions\/89900"}],"up":[{"embeddable":true,"href":"https:\/\/www.shipstation.com\/en-gb\/wp-json\/wp\/v2\/pages\/80146"}],"wp:attachment":[{"href":"https:\/\/www.shipstation.com\/en-gb\/wp-json\/wp\/v2\/media?parent=80160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}