</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script type="text/javascript"> var spartezSupportChat = { portal: 10, cloud: { jiraId: '1ace2ee5-72ce-3414-8e94-51bc7576765a', jiraUrl: 'https://hubbedhq.atlassian.net', urls: { rest: 'https://chat-api.spartez-software.com', ws: 'wss://chat-ws.spartez-software.com' }, } } </script> <script type="text/javascript" src="https://chat-api.spartez-software.com/chat.js"></script> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div data-elementor-type="header" data-elementor-id="122" class="elementor elementor-122 elementor-location-header" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-48d59657 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="48d59657" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6f10a704" data-id="6f10a704" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7d94bb2c elementor-icon-list--layout-inline elementor-align-right announcement-bar elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="7d94bb2c" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <a href="https://hubbed.com/track-parcel/"> <span class="elementor-icon-list-text">Track my parcel</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bca1d3b" data-id="bca1d3b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-2aabe58 elementor-align-center elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-button" data-id="2aabe58" data-element_type="widget" data-settings="{"_animation":"bounceIn"}" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://hubbed.com/hubbed-demo/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Click & Collect Demo</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-eca27e5 elementor-widget elementor-widget-image" data-id="eca27e5" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://hubbed.com/hubbed-demo/"> <img width="250" height="43" src="https://hubbed.com/wp-content/uploads/2023/05/V2-Text-only47.png" class="attachment-large size-large wp-image-14038" alt="" /> </a> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-79dc7381 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="79dc7381" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-761278a4" data-id="761278a4" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-39e2ed24 elementor-section-content-middle elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="39e2ed24" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5b8fc793" data-id="5b8fc793" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-8fff865 elementor-widget elementor-widget-image" data-id="8fff865" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://hubbed.com"> <img src="https://hubbed.com/wp-content/uploads/elementor/thumbs/HUBBED-LOGO-01-1-qihaq7phtsert1066pbpv1gxdtjy5av4rs3zcb69ds.png" title="HUBBED-LOGO-01" alt="HUBBED-LOGO-01" loading="lazy" /> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3c96d17a" data-id="3c96d17a" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7da5b32d elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="7da5b32d" data-element_type="widget" data-settings="{"submenu_icon":{"value":"<svg class=\"e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg>","library":"fa-solid"},"full_width":"stretch","layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-slide"> <ul id="menu-1-7da5b32d" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-11689"><a href="#" class="elementor-item elementor-item-anchor">Products</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-714"><a href="https://hubbed.com/click-collect/" class="elementor-sub-item">Click and Collect</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-13177 current_page_item menu-item-13953"><a href="https://hubbed.com/hubbed-demo/" aria-current="page" class="elementor-sub-item elementor-item-active">Demo</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-715"><a href="https://hubbed.com/easy-returns/" class="elementor-sub-item">Returns</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-717"><a href="https://hubbed.com/shipping/" class="elementor-sub-item">Shipping</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-724"><a href="https://hubbed.com/network/" class="elementor-item">HUBBED Parcelpoints</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12638"><a href="https://hubbed.com/about-pudo/" class="elementor-sub-item">About Out of Home</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14842"><a href="https://hubbed.com/parcelpoint/" class="elementor-sub-item">HUBBED Parcelpoints</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13535"><a href="https://hubbed.com/join-the-network/" class="elementor-sub-item">Join The Network</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12588"><a href="https://hubbed.com/location/" class="elementor-sub-item">Location Finder</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-716"><a href="#" class="elementor-item elementor-item-anchor">Solutions</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-720"><a href="https://hubbed.com/network-technology/" class="elementor-sub-item">Network Technology</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-721"><a href="https://hubbed.com/out-of-home-ooh-application/" class="elementor-sub-item">Out of Home Platform</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-722"><a href="https://hubbed.com/logistics-hubs-management-platform/" class="elementor-sub-item">Logistics Hub Platform</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11690"><a href="https://hubbed.com/get-api/" class="elementor-sub-item">Get API</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-731"><a href="https://hubbed.com/sustainability/" class="elementor-item">Sustainability</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-12582"><a href="#" class="elementor-item elementor-item-anchor">Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12701"><a href="https://hubbed.com/blog/" class="elementor-sub-item">Blog</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12583"><a href="https://hubbed.com/retailers/" class="elementor-sub-item">Knowledge Base</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13149"><a href="https://hubbed.com/getpin/" class="elementor-sub-item">Get Pin</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-12585"><a href="#" class="elementor-item elementor-item-anchor">About Us</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14043"><a href="https://hubbed.com/about-us/" class="elementor-sub-item">What is HUBBED</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14645"><a href="https://parcelpoint.com.au/" class="elementor-sub-item">Parcelpoint</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12587"><a href="https://hubbed.com/news/" class="elementor-sub-item">News</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12586"><a href="https://hubbed.com/work-at-hubbed/" class="elementor-sub-item">Work at HUBBED</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13020"><a href="https://hubbed.com/fuel-surcharges/" class="elementor-sub-item">Fuel Surcharges</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-734"><a href="https://hubbed.com/contact-retailers/" class="elementor-item">Contact</a></li> <li class="custom_menu_button menu-item menu-item-type-post_type menu-item-object-page menu-item-12911"><a href="https://hubbed.com/login/" class="elementor-item">Login</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12912"><a href="#" class="elementor-item elementor-item-anchor"></a></li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open e-font-icon-svg e-fas-bars" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close icofont icofont-close"></i> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-7da5b32d" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor menu-item-has-children menu-item-11689"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Products</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-714"><a href="https://hubbed.com/click-collect/" class="elementor-sub-item" tabindex="-1">Click and Collect</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-13177 current_page_item menu-item-13953"><a href="https://hubbed.com/hubbed-demo/" aria-current="page" class="elementor-sub-item elementor-item-active" tabindex="-1">Demo</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-715"><a href="https://hubbed.com/easy-returns/" class="elementor-sub-item" tabindex="-1">Returns</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-717"><a href="https://hubbed.com/shipping/" class="elementor-sub-item" tabindex="-1">Shipping</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-724"><a href="https://hubbed.com/network/" class="elementor-item" tabindex="-1">HUBBED Parcelpoints</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12638"><a href="https://hubbed.com/about-pudo/" class="elementor-sub-item" tabindex="-1">About Out of Home</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14842"><a href="https://hubbed.com/parcelpoint/" class="elementor-sub-item" tabindex="-1">HUBBED Parcelpoints</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13535"><a href="https://hubbed.com/join-the-network/" class="elementor-sub-item" tabindex="-1">Join The Network</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12588"><a href="https://hubbed.com/location/" class="elementor-sub-item" tabindex="-1">Location Finder</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-716"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Solutions</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-720"><a href="https://hubbed.com/network-technology/" class="elementor-sub-item" tabindex="-1">Network Technology</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-721"><a href="https://hubbed.com/out-of-home-ooh-application/" class="elementor-sub-item" tabindex="-1">Out of Home Platform</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-722"><a href="https://hubbed.com/logistics-hubs-management-platform/" class="elementor-sub-item" tabindex="-1">Logistics Hub Platform</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11690"><a href="https://hubbed.com/get-api/" class="elementor-sub-item" tabindex="-1">Get API</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-731"><a href="https://hubbed.com/sustainability/" class="elementor-item" tabindex="-1">Sustainability</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-12582"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12701"><a href="https://hubbed.com/blog/" class="elementor-sub-item" tabindex="-1">Blog</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12583"><a href="https://hubbed.com/retailers/" class="elementor-sub-item" tabindex="-1">Knowledge Base</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13149"><a href="https://hubbed.com/getpin/" class="elementor-sub-item" tabindex="-1">Get Pin</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-12585"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">About Us</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14043"><a href="https://hubbed.com/about-us/" class="elementor-sub-item" tabindex="-1">What is HUBBED</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14645"><a href="https://parcelpoint.com.au/" class="elementor-sub-item" tabindex="-1">Parcelpoint</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12587"><a href="https://hubbed.com/news/" class="elementor-sub-item" tabindex="-1">News</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12586"><a href="https://hubbed.com/work-at-hubbed/" class="elementor-sub-item" tabindex="-1">Work at HUBBED</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13020"><a href="https://hubbed.com/fuel-surcharges/" class="elementor-sub-item" tabindex="-1">Fuel Surcharges</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-734"><a href="https://hubbed.com/contact-retailers/" class="elementor-item" tabindex="-1">Contact</a></li> <li class="custom_menu_button menu-item menu-item-type-post_type menu-item-object-page menu-item-12911"><a href="https://hubbed.com/login/" class="elementor-item" tabindex="-1">Login</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12912"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1"></a></li> </ul> </nav> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> <!DOCTYPE html> <html> <body> <style> .desktop-and-mobile-main { width: 100%; margin-top:0px; padding: 0 60px; } .page-id-13177 [data-elementor-type="header"] .elementor-section { background-color: #000; } .desktop-and-mobile-main .desktop-mobile-icon { display: flex; align-items: center; justify-content: center; margin: 7px 0 25px; } .desktop-and-mobile-main .desktop-mobile-icon .desktop-icon { width: 30px; height: 30px; stroke: #FF0068; } .desktop-and-mobile-main .desktop-mobile-icon .toggle-btn { position: relative; width: 33px; height: 22px; border-radius: 30px; border: 3px solid #282829; transition: all 0.3s linear; display: flex; align-items: center; justify-content: center; margin: 0 3px 0 7px; } .desktop-and-mobile-main .desktop-mobile-icon .toggle-btn:before { content: ""; position: absolute; left: 3px; width: 10px; height: 10px; border-radius: 50%; border: 3px solid #282829; transition: all 0.3s linear; } .desktop-and-mobile-main .desktop-mobile-icon .mobile-icon { width: 30px; height: 30px; stroke: #282829; } .desktop-and-mobile-main .inner-hubbed-demo-main .mobile-view-img { opacity: 0; display: none; } .desktop-and-mobile-main .inner-hubbed-demo-main { width: 100%; height: 100vh; } .desktop-and-mobile-main.mobile-view .inner-hubbed-demo-main { height: auto; } .desktop-and-mobile-main .inner-hubbed-demo-main .mobile-wrap-iframe { height: 100%; } .desktop-and-mobile-main.mobile-view .desktop-mobile-icon .mobile-icon { width: 30px; height: 30px; stroke: #FF0068; } .desktop-and-mobile-main.mobile-view .desktop-mobile-icon .desktop-icon { stroke: #282829; } .desktop-and-mobile-main.mobile-view .desktop-mobile-icon .toggle-btn:before { left: calc(100% - 13px); } .desktop-and-mobile-main.mobile-view .inner-hubbed-demo-main { width: min(46vh, 56vw); max-width: 340px; width: 100%; margin: 0 auto; position: relative; } .desktop-and-mobile-main.mobile-view .inner-hubbed-demo-main .mobile-view-img { opacity: 1; display: block; width: 100%; height: auto; } .desktop-and-mobile-main.mobile-view .inner-hubbed-demo-main .mobile-wrap-iframe { width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15% 7% 14%; } .desktop-and-mobile-main .inner-hubbed-demo-main .mobile-wrap-iframe iframe { width: 100%; height: 100%; border:0; } .inner-hubbed-demo-main .custom_content_image iframe { width: 100%; } .inner-hubbed-demo-main { margin-bottom: 20px; } .inner-hubbed-demo-main .demo_main_title { margin: 0; font-size: 50px; text-align: center; } .inner-hubbed-demo-main .custom_title { margin-bottom:35px; } .inner-hubbed-demo-main .custom_content_image { align-items: center; padding: 0 60px; display: flex; flex-wrap: wrap; } .inner-hubbed-demo-main .custom_content_image img { display: block; margin: 0 auto; max-width: 400px; width:100%; } .inner-hubbed-demo-main .custom_content_image > div { margin-bottom: 30px; } .page-id-13177 .inner-hubbed-demo-main .custom_title { margin-top: 170px; } @media only screen and (max-width: 768px){ .inner-hubbed-demo-main .custom_content_image, .desktop-and-mobile-main { padding: 0 30px; } } </style> <div class="inner-hubbed-demo-main"> <div class="custom_title"> <h1 class="demo_main_title">See how HUBBED’s Click & Collect works</h1> </div> <div class="custom_content_image"> <div class="col-md-6"> <p>Step into your customers’ shoes and witness the seamless process of selecting a HUBBED location for Click & Collect. Our live application is not just customisable to your brand—it effortlessly integrates with your website, ensuring a smooth and harmonious user experience.</p> </div> <div class="col-md-6"> <iframe title="HUBBED - Click & Collect" width="640" height="360" src="https://www.youtube.com/embed/6-hRN-6UshU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
