{"id":7,"date":"2026-06-08T11:02:29","date_gmt":"2026-06-08T11:02:29","guid":{"rendered":"https:\/\/koffiebox.com\/?page_id=7"},"modified":"2026-06-08T14:12:22","modified_gmt":"2026-06-08T14:12:22","slug":"winkelwagen","status":"publish","type":"page","link":"https:\/\/koffiebox.com\/?page_id=7","title":{"rendered":"Winkelwagen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d2c6079 e-flex e-con-boxed e-con e-parent\" data-id=\"5d2c6079\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c86cc elementor-widget elementor-widget-html\" data-id=\"c8c86cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                colors: {\n                    espresso: '#2C1A11',\n                    latte: '#F5F1E6',\n                    karamel: '#C48A55',\n                    melkschuim: '#FFFFFF'\n                },\n                fontFamily: {\n                    sans: ['Inter', 'sans-serif'],\n                    montserrat: ['Montserrat', 'sans-serif']\n                },\n                screens: {\n                    'xs': '400px'\n                }\n            }\n        }\n    }\n<\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<header class=\"bg-[#2C1A11] text-white py-3 sm:py-4 px-4 sm:px-6 sticky top-0 z-50 shadow-md w-full\">\n    <div class=\"max-w-6xl mx-auto flex justify-between items-center\">\n        <!-- Logo -->\n        <a href=\"\/\" class=\"flex items-center space-x-2 sm:space-x-3 active:scale-95 transition-transform duration-200\">\n            <div class=\"border-2 border-white p-1.5 sm:p-2 rounded flex items-center justify-center bg-transparent\">\n                <i class=\"fa-solid fa-mug-hot text-lg sm:text-xl text-white\"><\/i>\n            <\/div>\n            <span class=\"font-montserrat font-extrabold text-xl sm:text-2xl tracking-wider select-none\">\n                KOFFIEBOX<span class=\"text-karamel\">.COM<\/span>\n            <\/span>\n        <\/a>\n        \n        <!-- Desktop Menu -->\n        <nav class=\"hidden lg:flex space-x-8 font-montserrat font-semibold\">\n            <a href=\"\/#hoe-werkt-het\" class=\"hover:text-karamel transition-colors duration-200 py-2\">Hoe werkt het?<\/a>\n            <a href=\"\/#proefbox\" class=\"hover:text-karamel transition-colors duration-200 py-2\">Onze Box<\/a>\n            <a href=\"\/#over-ons\" class=\"hover:text-karamel transition-colors duration-200 py-2\">Ons Verhaal<\/a>\n        <\/nav>\n\n        <!-- Actions -->\n        <div class=\"flex items-center space-x-3\">\n            <a href=\"\/?page_id=7\" class=\"text-karamel p-2 relative active:scale-95 transition-all duration-300\" aria-label=\"Winkelwagen bekijken\">\n                <i class=\"fa-solid fa-cart-shopping text-xl sm:text-2xl\"><\/i>\n            <\/a>\n            <a href=\"\/#proefbox\" class=\"hidden xs:inline-block bg-karamel hover:bg-opacity-90 active:scale-95 text-white font-montserrat font-bold py-2 px-4 sm:px-6 rounded-lg transition-all duration-300 text-sm sm:text-base shadow-md\">\n                Bestel Nu\n            <\/a>\n            <button id=\"mobileMenuBtn\" class=\"lg:hidden p-2 text-white focus:outline-none focus:ring-2 focus:ring-karamel focus:ring-offset-2 focus:ring-offset-espresso rounded-lg active:scale-90 transition-transform duration-100\" aria-label=\"Menu openen\">\n                <i class=\"fa-solid fa-bars text-2xl\" id=\"menuIcon\"><\/i>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Mobile Drawer Menu -->\n    <div id=\"mobileMenu\" class=\"hidden lg:hidden absolute top-full left-0 w-full bg-[#2C1A11] border-t border-white border-opacity-10 shadow-xl transition-all duration-300 transform origin-top scale-y-0 opacity-0\">\n        <nav class=\"flex flex-col p-6 space-y-4 font-montserrat font-semibold text-lg text-center\">\n            <a href=\"\/#hoe-werkt-het\" class=\"mobile-nav-link py-3 hover:text-karamel border-b border-white border-opacity-5 transition-colors duration-200\">Hoe werkt het?<\/a>\n            <a href=\"\/#proefbox\" class=\"mobile-nav-link py-3 hover:text-karamel border-b border-white border-opacity-5 transition-colors duration-200\">Onze Box<\/a>\n            <a href=\"\/#over-ons\" class=\"mobile-nav-link py-3 hover:text-karamel border-b border-white border-opacity-5 transition-colors duration-200\">Ons Verhaal<\/a>\n            <a href=\"\/?page_id=7\" class=\"mobile-nav-link py-3 text-karamel border-b border-white border-opacity-5 transition-colors duration-200\"><i class=\"fa-solid fa-cart-shopping mr-2\"><\/i>Bekijk Winkelwagen<\/a>\n            <a href=\"\/#proefbox\" class=\"mobile-nav-link bg-karamel text-white py-3.5 rounded-xl shadow-lg hover:bg-opacity-90 active:scale-95 transition-all duration-300 text-base\">Bestel de Proefbox (\u20ac24,95)<\/a>\n        <\/nav>\n    <\/div>\n<\/header>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const mobileMenuBtn = document.getElementById('mobileMenuBtn');\n        const mobileMenu = document.getElementById('mobileMenu');\n        const menuIcon = document.getElementById('menuIcon');\n        const mobileLinks = document.querySelectorAll('.mobile-nav-link');\n        \n        if (mobileMenuBtn && mobileMenu) {\n            const toggleMenu = () => {\n                const isOpen = !mobileMenu.classList.contains('hidden');\n                \n                if (isOpen) {\n                    mobileMenu.classList.add('opacity-0');\n                    mobileMenu.classList.add('scale-y-0');\n                    setTimeout(() => {\n                        mobileMenu.classList.add('hidden');\n                    }, 300);\n                    if (menuIcon) menuIcon.className = 'fa-solid fa-bars text-2xl';\n                } else {\n                    mobileMenu.classList.remove('hidden');\n                    mobileMenu.offsetHeight; \/\/ Force reflow\n                    mobileMenu.classList.remove('opacity-0');\n                    mobileMenu.classList.remove('scale-y-0');\n                    if (menuIcon) menuIcon.className = 'fa-solid fa-xmark text-2xl';\n                }\n            };\n            \n            mobileMenuBtn.addEventListener('click', toggleMenu);\n            \n            mobileLinks.forEach(link => {\n                link.addEventListener('click', () => {\n                    if (!mobileMenu.classList.contains('hidden')) {\n                        toggleMenu();\n                    }\n                });\n            });\n        }\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-161020a elementor-widget elementor-widget-html\" data-id=\"161020a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"max-w-6xl mx-auto px-4 sm:px-6 pt-8 sm:pt-12 pb-4 text-center\">\n    <h1 class=\"font-montserrat font-extrabold text-3xl sm:text-4xl lg:text-5xl text-[#2C1A11] tracking-tight\">\n        Jouw Winkelwagen\n    <\/h1>\n    <div class=\"w-16 h-1 bg-[#C48A55] mx-auto mt-4 rounded-full\"><\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-349cdf0b elementor-widget elementor-widget-shortcode\" data-id=\"349cdf0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce\"><div class=\"woocommerce-notices-wrapper\"><\/div><div class=\"wc-empty-cart-message\">\n\t<div class=\"cart-empty woocommerce-info\" role=\"status\">\n\t\tJe winkelwagen is momenteel leeg.\t<\/div>\n<\/div>\t<p class=\"return-to-shop\">\n\t\t<a class=\"button wc-backward\" href=\"https:\/\/koffiebox.com\/?page_id=6\">\n\t\t\tTerug naar winkel\t\t<\/a>\n\t<\/p>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44ff229 e-flex e-con-boxed e-con e-parent\" data-id=\"44ff229\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92994a5 elementor-widget elementor-widget-html\" data-id=\"92994a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"bg-[#2C1A11] text-white py-10 sm:py-12 px-4 sm:px-6 border-t border-white border-opacity-10 mt-12 w-full\">\n    <div class=\"max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 mb-8 text-center md:text-left\">\n        <!-- Kolom 1: Over ons kort -->\n        <div>\n            <span class=\"font-montserrat font-extrabold text-xl tracking-wider mb-3 block\">\n                KOFFIEBOX<span class=\"text-karamel\">.COM<\/span>\n            <\/span>\n            <p class=\"text-xs sm:text-sm text-white text-opacity-70 leading-relaxed max-w-sm mx-auto md:mx-0\">\n                Het ultieme koffiecadeau dat gewoon door de brievenbus past. Ontdek 30 unieke smaken en bestel alleen na wat u echt lekker vindt.\n            <\/p>\n        <\/div>\n        \n        <!-- Kolom 2: Snelle links naar de homepage -->\n        <div>\n            <h4 class=\"font-montserrat font-bold text-xs uppercase tracking-wider text-karamel mb-3 sm:mb-4\">Snelle Links<\/h4>\n            <ul class=\"space-y-2 text-xs sm:text-sm text-white text-opacity-70\">\n                <li><a href=\"\/#hoe-werkt-het\" class=\"hover:text-white transition-colors py-1 block\">Hoe werkt het?<\/a><\/li>\n                <li><a href=\"\/#proefbox\" class=\"hover:text-white transition-colors py-1 block\">Onze Proefbox<\/a><\/li>\n                <li><a href=\"\/#over-ons\" class=\"hover:text-white transition-colors py-1 block\">Ons Verhaal<\/a><\/li>\n            <\/ul>\n        <\/div>\n        \n        <!-- Kolom 3: Garantie en disclaimer -->\n        <div>\n            <h4 class=\"font-montserrat font-bold text-xs uppercase tracking-wider text-karamel mb-3 sm:mb-4\">Garantie & Contact<\/h4>\n            <p class=\"text-xs sm:text-sm text-white text-opacity-70 leading-relaxed mb-4\">\n                Vragen over uw bestelling of interesse in zakelijke afnames? We helpen u graag via onze klantenservice.\n            <\/p>\n            <span class=\"text-[10px] text-white text-opacity-50 block leading-tight\">Koffiebox.com is op geen enkele wijze gelieerd aan Soci\u00e9t\u00e9 des Produits Nestl\u00e9 S.A.<\/span>\n        <\/div>\n    <\/div>\n    \n    <!-- Onderste balk -->\n    <div class=\"max-w-6xl mx-auto border-t border-white border-opacity-10 pt-6 sm:pt-8 flex flex-col md:flex-row justify-between items-center text-[10px] sm:text-xs text-white text-opacity-50 gap-2 text-center\">\n        <p>&copy; 2026 Koffiebox.com. Alle rechten voorbehouden.<\/p>\n        <p>Handgemaakt met liefde door Moeder & Zoon<\/p>\n    <\/div>\n<\/footer>\n\n<script>\n    \/\/ Responsieve menu-logica die de header en de mobiele lade met elkaar verbindt op de winkelwagenpagina\n    document.addEventListener('DOMContentLoaded', () => {\n        const mobileMenuBtn = document.getElementById('mobileMenuBtn');\n        const mobileMenu = document.getElementById('mobileMenu');\n        const menuIcon = document.getElementById('menuIcon');\n        const mobileLinks = document.querySelectorAll('.mobile-nav-link');\n        \n        if (mobileMenuBtn && mobileMenu) {\n            const toggleMenu = () => {\n                const isOpen = !mobileMenu.classList.contains('hidden');\n                \n                if (isOpen) {\n                    mobileMenu.classList.add('opacity-0');\n                    mobileMenu.classList.add('scale-y-0');\n                    setTimeout(() => {\n                        mobileMenu.classList.add('hidden');\n                    }, 300);\n                    if (menuIcon) menuIcon.className = 'fa-solid fa-bars text-2xl';\n                } else {\n                    mobileMenu.classList.remove('hidden');\n                    mobileMenu.offsetHeight; \/\/ Forceer reflow\n                    mobileMenu.classList.remove('opacity-0');\n                    mobileMenu.classList.remove('scale-y-0');\n                    if (menuIcon) menuIcon.className = 'fa-solid fa-xmark text-2xl';\n                }\n            };\n            \n            mobileMenuBtn.addEventListener('click', toggleMenu);\n            \n            mobileLinks.forEach(link => {\n                link.addEventListener('click', () => {\n                    if (!mobileMenu.classList.contains('hidden')) {\n                        toggleMenu();\n                    }\n                });\n            });\n        }\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KOFFIEBOX.COM Hoe werkt het? Onze Box Ons Verhaal Bestel Nu Hoe werkt het? Onze Box Ons Verhaal Bekijk Winkelwagen Bestel de Proefbox (\u20ac24,95) Jouw Winkelwagen KOFFIEBOX.COM Het ultieme koffiecadeau dat gewoon door de brievenbus past. Ontdek 30 unieke smaken en bestel alleen na wat u echt lekker vindt. Snelle Links Hoe werkt het? Onze Proefbox [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Winkelwagen - KoffieBox<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/koffiebox.com\/?page_id=7\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Winkelwagen - KoffieBox\" \/>\n<meta property=\"og:description\" content=\"KOFFIEBOX.COM Hoe werkt het? Onze Box Ons Verhaal Bestel Nu Hoe werkt het? Onze Box Ons Verhaal Bekijk Winkelwagen Bestel de Proefbox (\u20ac24,95) Jouw Winkelwagen KOFFIEBOX.COM Het ultieme koffiecadeau dat gewoon door de brievenbus past. Ontdek 30 unieke smaken en bestel alleen na wat u echt lekker vindt. Snelle Links Hoe werkt het? Onze Proefbox [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/koffiebox.com\/?page_id=7\" \/>\n<meta property=\"og:site_name\" content=\"KoffieBox\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-08T14:12:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/koffiebox.com\\\/?page_id=7\",\"url\":\"https:\\\/\\\/koffiebox.com\\\/?page_id=7\",\"name\":\"Winkelwagen - KoffieBox\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/koffiebox.com\\\/#website\"},\"datePublished\":\"2026-06-08T11:02:29+00:00\",\"dateModified\":\"2026-06-08T14:12:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/koffiebox.com\\\/?page_id=7#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/koffiebox.com\\\/?page_id=7\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/koffiebox.com\\\/?page_id=7#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/koffiebox.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Winkelwagen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/koffiebox.com\\\/#website\",\"url\":\"https:\\\/\\\/koffiebox.com\\\/\",\"name\":\"KoffieBox\",\"description\":\"H\u00e9t koffiecadeau door de brievenbus.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/koffiebox.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Winkelwagen - KoffieBox","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:\/\/koffiebox.com\/?page_id=7","og_locale":"nl_NL","og_type":"article","og_title":"Winkelwagen - KoffieBox","og_description":"KOFFIEBOX.COM Hoe werkt het? Onze Box Ons Verhaal Bestel Nu Hoe werkt het? Onze Box Ons Verhaal Bekijk Winkelwagen Bestel de Proefbox (\u20ac24,95) Jouw Winkelwagen KOFFIEBOX.COM Het ultieme koffiecadeau dat gewoon door de brievenbus past. Ontdek 30 unieke smaken en bestel alleen na wat u echt lekker vindt. Snelle Links Hoe werkt het? Onze Proefbox [&hellip;]","og_url":"https:\/\/koffiebox.com\/?page_id=7","og_site_name":"KoffieBox","article_modified_time":"2026-06-08T14:12:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/koffiebox.com\/?page_id=7","url":"https:\/\/koffiebox.com\/?page_id=7","name":"Winkelwagen - KoffieBox","isPartOf":{"@id":"https:\/\/koffiebox.com\/#website"},"datePublished":"2026-06-08T11:02:29+00:00","dateModified":"2026-06-08T14:12:22+00:00","breadcrumb":{"@id":"https:\/\/koffiebox.com\/?page_id=7#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/koffiebox.com\/?page_id=7"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/koffiebox.com\/?page_id=7#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/koffiebox.com\/"},{"@type":"ListItem","position":2,"name":"Winkelwagen"}]},{"@type":"WebSite","@id":"https:\/\/koffiebox.com\/#website","url":"https:\/\/koffiebox.com\/","name":"KoffieBox","description":"H\u00e9t koffiecadeau door de brievenbus.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/koffiebox.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}},"_links":{"self":[{"href":"https:\/\/koffiebox.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koffiebox.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koffiebox.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koffiebox.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koffiebox.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":10,"href":"https:\/\/koffiebox.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/koffiebox.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/koffiebox.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}