{"id":20441,"date":"2022-11-03T15:22:02","date_gmt":"2022-11-03T14:22:02","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=20441"},"modified":"2023-03-07T12:45:54","modified_gmt":"2023-03-07T11:45:54","slug":"picken-und-packen-leicht-gemacht","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/whitepaper\/picken-und-packen-leicht-gemacht","title":{"rendered":"Whitepaper Kommissionieren"},"content":{"rendered":"<script id=\"c-text-field\" type=\"text\/html\">\n    <div class=\"c-text-field\">\n        <input :value=\"value\" @input=\"$emit('input', $event.target.value)\" class=\"c-text-field__input\" :class=\"{'is-invalid': error || !isValid}\" placeholder=\" \" :type=\"type\" :disabled=\"disabled\" \/>\n        <label class=\"c-text-field__label\">{{ label }}<\/label>\n        <p v-if=\"error || !isValid\" class=\"c-text-field__error\">{{ errorMsg }}<\/p>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-text-field\", {\n        template: \"#c-text-field\",\n        props: {\n            value: {\n                type: String,\n                default: \"\"\n            },\n            type: {\n                type: String,\n                default: \"text\"\n            },\n            label: {\n                type: String,\n                default: \"\"\n            },\n            errorMsg: {\n                type: String,\n                default: \"\"\n            },\n            disabled: {\n                type: Boolean,\n                default: true\n            },\n            error: {\n                type: Boolean,\n                default: false\n            }\n        },\n        data() {\n            return {\n                isValid: true,\n            };\n        },\n        methods: {\n            validate() {\n                this.isValid = !!this.value &&\n                    (this.type !== \"email\" || this.isValidEmail(this.value));\n                return this.isValid;\n            },\n            isValidEmail(email) {\n                return \/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$\/.test(\n                    String(email).toLowerCase()\n                );\n            },\n        },\n    });\n<\/script>\n<script id=\"c-checkbox\" type=\"text\/html\">\n    <div class=\"c-checkbox\" @click.stop=\"if (!disabled) { $emit('input', !value) }\">\n        <input class=\"c-checkbox__input\" :class=\"{\n                'c-checkbox__input--inverse': inverse,\n                'c-checkbox__input--highlight': highlight,\n                'is-invalid': !isValid,\n                'u-hover': hoverLabel\n            }\" :value=\"value\" :checked=\"value\" type=\"checkbox\" :disabled=\"disabled\" \/>\n        <div class=\"c-checkbox__label\" @mouseenter=\"hoverLabel = true\" @mouseleave=\"hoverLabel = false\">\n            <div v-if=\"labelHeading\" class=\"c-checkbox__label-heading\">\n                {{ labelHeading }}\n            <\/div>\n            <div v-html=\"label\"><\/div>\n        <\/div>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-checkbox\", {\n        template: \"#c-checkbox\",\n        props: {\n            value: {\n                type: Boolean,\n                default: false\n            },\n            labelHeading: {\n                type: String,\n                default: null\n            },\n            label: {\n                type: String,\n                default: \"\"\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n            inverse: {\n                type: Boolean,\n                default: false\n            },\n            highlight: {\n                type: Boolean,\n                default: false\n            },\n        },\n\n        data() {\n            return {\n                isValid: true,\n                hoverLabel: false\n            }\n        },\n\n        methods: {\n            validate() {\n                this.isValid = this.value;\n\n                return this.isValid;\n            }\n        },\n    });\n<\/script>\n<script id=\"c-overlay\" type=\"text\/html\">\n    <div class=\"c-overlay\" @click=\"$emit('close')\">\n        <div class=\"c-overlay__content\">\n            <div class=\"c-overlay__close-button\" @click=\"$emit('close')\"><\/div>\n            <slot><\/slot>\n        <\/div>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-overlay\", {\n        template: \"#c-overlay\",\n        mounted() {\n            disallowPageScroll();\n        },\n        destroyed() {\n            allowPageScroll();\n        },\n    });\n<\/script>\n\n<div id=\"pw-hero-gated-content-69dded198da60\" class=\"pw-hero-gated-content\" data-language=\"language-de\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__image\">\n                <img decoding=\"async\" class=\"pw-hero-gated-content__preview-image\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/03\/hero-kommissionier-guide-230306.jpg\" alt=\"hero-kommissionier-guide-230306\" \/>\n                <img decoding=\"async\" class=\"pw-hero-gated-content__preview-image-small\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/03\/hero-kommissionier-guide-230306.jpg\" alt=\"hero-kommissionier-guide-230306\" \/>\n            <\/div>\n            <div class=\"l-grid__content\">\n                <div class=\"pw-hero-gated-content__eyebrow\">Whitepaper<\/div>\n                <div class=\"pw-hero-gated-content__heading\">Picken und Packen leicht gemacht<\/div>\n                <div class=\"pw-hero-gated-content__copy\"><p>Der Kommissionier-Guide inklusive Checkliste.<\/p>\n<\/div>\n                <form class=\"pw-hero-gated-content__form\" @submit.prevent=\"submit()\" novalidate>\n                    <div class=\"pw-hero-gated-content-form__inputs\">\n                        <c-text-field ref=\"inputFirstName\" v-model=\"firstName\" type=\"text\" label=\"Vorname\" error-msg=\"Bitte gib deinen Vornamen an\" :disabled=\"loading\"><\/c-text-field>\n                        <c-text-field ref=\"inputLastName\" v-model=\"lastName\" type=\"text\" label=\"Nachname\" error-msg=\"Bitte gib deinen Nachnamen an\" :disabled=\"loading\"><\/c-text-field>\n                    <\/div>\n                    <div class=\"pw-hero-gated-content-form__inputs\">\n                        <c-text-field ref=\"inputEmail\" v-model=\"email\" type=\"email\" label=\"E-Mail\" :disabled=\"loading\" error-msg=\"Bitte gib deine E-Mail-Adresse an\"><\/c-text-field>\n                        <c-text-field ref=\"inputCompany\" v-model=\"company\" type=\"text\" label=\"Unternehmen\" error-msg=\"Bitte gib das Unternehmen an, f\u00fcr das Du anfragst\" :disabled=\"loading\"><\/c-text-field>\n                    <\/div>\n                    <c-checkbox ref=\"inputCheckbox\" v-model=\"checkbox\" label=\"&lt;p&gt;Ich habe die &lt;a href=&quot;https:\/\/www.pickware.com\/de\/datenschutz&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Datenschutzerkl\u00e4rung&lt;\/a&gt; gelesen, willige ein und m\u00f6chte das Whitepaper erhalten.&lt;\/p&gt;\n\" :disabled=\"loading\"><\/c-checkbox>\n                    <div class=\"pw-hero-gated-content-form__error\" v-if=\"error\">Etwas ist schiefgelaufen, bitte versuche es sp\u00e4ter nochmal<\/div>\n                    <div class=\"pw-hero-gated-content-form__button-panel\">\n                        <button class=\"pw-hero-gated-content-form__button gtm-whitepaper-download\" type=\"submit\">Download<\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <c-overlay v-if=\"showSuccessOverlay\" @close=\"showSuccessOverlay = false\">\n        <div class=\"l-container\" onclick=\"event.stopPropagation()\">\n            <div class=\"success-overlay\">\n                <div class=\"success-overlay__text\">\n                    <div class=\"success-overlay__eyebrow\"><\/div>\n                    <div class=\"success-overlay__heading\">Ein letzter Schritt<\/div>\n                    <div class=\"success-overlay__copy\">Wir haben dir soeben eine E-Mail geschickt. Bitte best\u00e4tige darin deine E-Mail-Adresse und du erh\u00e4ltst eine zweite E-Mail mit deinem Whitepaper.<\/div>\n                <\/div>\n                <div class=\"success-overlay__image\">\n                    <img decoding=\"async\" class=\"success-overlay__illustration\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/03\/gated-mail-confirmatio-1.svg\" alt=\"gated-mail-confirmatio-1\" \/>\n            <\/div>\n        <\/div>\n    <\/c-overlay>\n<\/div>\n\n<script type=\"text\/javascript\">\n    jQuery(function($) {\n        var app = new Vue({\n            el: \"#pw-hero-gated-content-69dded198da60\",\n\n            data() {\n                return {\n                    loading: false,\n                    error: null,\n                    firstName: null,\n                    lastName: null,\n                    email: null,\n                    company: null,\n                    checkbox: false,\n                    showSuccessOverlay: false,\n                    language: null,\n                    pageTitle: document.title,\n                    pageUrl: window.location.href.split('?')[0],\n                    legalConsentText: 'Ich habe die Datenschutzerkl\u00e4rung gelesen, willige ein und m\u00f6chte das Whitepaper erhalten.',\n                    gatedContentUrl: 'https:\/\/mail.pickware.com\/hubfs\/gated\/Pickware%20%E2%80%93%20Picken%20und%20packen%20leicht%20gemacht.pdf',\n                    gatedContentJourney: 'WMS',\n                }\n            },\n\n            mounted: function() {\n                this.language = $(this.$el).data('language').replace('language-', '');\n            },\n\n            methods: {\n                submit() {\n                    if (\n                        this.$refs.inputFirstName.validate() &\n                        this.$refs.inputLastName.validate() &\n                        this.$refs.inputEmail.validate() &\n                        this.$refs.inputCompany.validate() &\n                        this.$refs.inputCheckbox.validate()\n                    ) {\n                        this.sendGatedContent();\n                    }\n                },\n\n                sendGatedContent() {\n                    this.error = null;\n                    this.success = null;\n                    this.loading = true;\n                    var hubspotClientId = document.cookie.match(\/(^|;)\\s*hubspotutk\\s*=\\s*([^;]+)\/) ? document.cookie.match(\/(^|;)\\s*hubspotutk\\s*=\\s*([^;]+)\/)[2] : null;\n\n                    $.ajax({\n                        type: 'POST',\n                        url: '\/wp-json\/api\/gated-content',\n                        data: JSON.stringify({\n                            firstName: this.firstName,\n                            lastName: this.lastName,\n                            email: this.email,\n                            company: this.company,\n                            gatedContentUrl: this.gatedContentUrl,\n                            gatedContentJourney: this.gatedContentJourney,\n                            language: this.language,\n                            pageTitle: this.pageTitle,\n                            pageUrl: this.pageUrl,\n                            legalConsentText: this.legalConsentText,\n                            hubspotClientId: hubspotClientId,\n                        }),\n                        contentType: 'application\/json; charset=utf-8',\n                        dataType: 'json',\n                        success: function(data) {\n                            if (!data.success) {\n                                this.error = true\n\n                                return\n                            }\n\n                            this.firstName = null\n                            this.lastName = null\n                            this.email = null\n                            this.company = null\n                            this.checkbox = false\n                            this.showSuccessOverlay = true\n                            if (window.dataLayer) {\n                                window.dataLayer.push({\n                                    'event': 'whitepaper-download'\n                                })\n                            }\n                        }.bind(this),\n                        error: function() {\n                            this.error = true\n                        }.bind(this),\n                        complete: function() {\n                            this.loading = false;\n                        }.bind(this),\n                    });\n                },\n            },\n        });\n    });\n<\/script>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<div class=\"pw-content-gated-content\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__item\">\n                <div class=\"l-flex\">\n                    <div class=\"pw-content-gated-content__text-wrapper\">\n                        <div class=\"pw-content-gated-content__text-eyebrow\">\n                            Zusammenfassung                        <\/div>\n                        <div class=\"pw-content-gated-content__text\">\n                            <p>Die Kommissionierung (auch als Picken &amp; Packen bezeichnet) ist ein aufw\u00e4ndiger, aber sehr wichtiger Prozess f\u00fcr dich als H\u00e4ndler. In diesem Whitepaper erkl\u00e4ren wir, wie du die passende Kommissionierstrategie w\u00e4hlst und verraten, wie deine Pakete m\u00f6glichst schnell und fehlerfrei beim Kunden ankommen. Au\u00dferdem erf\u00e4hrst du, welche Optimierungen du vornehmen kannst, um Zeit und Kosten einzusparen.<\/p>\n<p>In Sachen Ausr\u00fcstung hilft dir die inkludierte Checkliste dabei, zu \u00fcberpr\u00fcfen, ob du zur Gew\u00e4hrleistung eines reibungslosen Versandprozesses ausreichend ausgestattet bist.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pw-content-gated-content__list-wrapper\">\n                        <div class=\"pw-content-gated-content__list-eyebrow\">\n                            Inhalt                        <\/div>\n                        <ul class=\"pw-content-gated-content__list\">\n                                                            <li>Einstufige vs. Mehrstufige Kommissionierung<\/li>\n                                                            <li>Die Phasen des Versandprozesses + 6 Tipps zur Optimierung<\/li>\n                                                            <li>Checkliste: Ausstattung f\u00fcr den Versand<\/li>\n                                                            <li>Picken und Packen in 4 Schritten \u2013 mit Pickware WMS <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-1\"><\/div>\n\n\n\n<div class=\"teaser-highlight teaser-highlight--order-500\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__background\"><\/div>\n            <div class=\"l-grid__content\">\n                <div>\n                    <div class=\"teaser-highlight__eyebrow\"><\/div>\n                    <div class=\"teaser-highlight__heading\">Lerne Pickware kennen<\/div>\n                <\/div>\n                <div class=\"teaser-highlight__copy\"><p>Wir zeigen dir Pickware gerne in einer pers\u00f6nlichen Live-Demo und besprechen deine individuellen Anforderungen. Du kannst aber auch direkt loslegen und Pickware 30 Tage kostenlos in deinem Shop testen.<\/p>\n<\/div>\n                                                    <div class=\"teaser-highlight__button-group\">\n                                                    <a class=\"teaser-highlight__button teaser-highlight__button--order-500 gtm-testing-bottom\" href=\"#open-onboarding-overlay\" target=\"\">\n                                Jetzt testen                            <\/a>\n                                                    <a class=\"teaser-highlight__button teaser-highlight__button--order-600 gtm-testing-bottom\" href=\"\/de\/live-demo\" target=\"\">\n                                Live-Demo buchen                            <\/a>\n                                            <\/div>\n                            <\/div>\n            <div class=\"l-grid__image\">\n                <img decoding=\"async\" class=\"teaser-highlight__illustration\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2022\/01\/highlight-vorfuehrung.svg\" alt=\"Jetzt Pickware unverbindlich testen oder in einer kostenlosen Live-Demo kennenlernen.\"\/>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-1\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":14810,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"class_list":["post-20441","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/20441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/comments?post=20441"}],"version-history":[{"count":26,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/20441\/revisions"}],"predecessor-version":[{"id":23657,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/20441\/revisions\/23657"}],"up":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/14810"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/media?parent=20441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}