{"id":14721,"date":"2022-04-21T13:25:18","date_gmt":"2022-04-21T11:25:18","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=14721"},"modified":"2023-03-07T12:45:11","modified_gmt":"2023-03-07T11:45:11","slug":"ladengeschaeft-plus-onlineshop","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/whitepaper\/ladengeschaeft-plus-onlineshop","title":{"rendered":"Whitepaper \u2013 Ladengesch\u00e4ft plus Onlineshop"},"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-6a06dab912a1b\" 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-ladengeschaeft-plus-onlineshop-230306.jpg\" alt=\"hero-ladengeschaeft-plus-onlineshop-230306\" \/>\n                <img decoding=\"async\" class=\"pw-hero-gated-content__preview-image-small\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/03\/hero-ladengeschaeft-plus-onlineshop-230306.jpg\" alt=\"hero-ladengeschaeft-plus-onlineshop-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\">Ladengesch\u00e4ft plus Onlineshop?<\/div>\n                <div class=\"pw-hero-gated-content__copy\"><p>Der Leitfaden f\u00fcr Einsteiger. Jetzt downloaden!<\/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-6a06dab912a1b\",\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%20Ladengesch%C3%A4ft%20plus%20Onlineshop.pdf',\n                    gatedContentJourney: 'Allgemein',\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>Nicht erst seit der Pandemie wissen wir: Der Handel wird sich langfristig wandeln \u2013 und zwar schneller als erwartet. Seit Beginn der Pandemie stieg die Zahl der Onlineshopper enorm. Mittlerweile kaufen beinahe alle Konsumenten auch online. Dennoch finden derzeit noch \u00fcber die H\u00e4lfte der K\u00e4ufe offline statt.<\/p>\n<p>Was bedeuten diese Entwicklungen f\u00fcr dich als H\u00e4ndler und wie<br \/>\nsolltest du dich optimal aufstellen? Wir thematisieren das Potenzial des E-Commerce und was du deine Kunden heutzutage erwarten. Weitere spannende Fakten und n\u00fctzliche Hilfestellungen in Form einer Checkliste liefert dir das Whitepaper &#8222;Ladengesch\u00e4ft plus Onlineshop?&#8220;.<\/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>Verzichte als H\u00e4ndler nicht auf einen Onlineshop<\/li>\n                                                            <li>7 E-Commerce Fakten, die du kennen solltest<\/li>\n                                                            <li>Starte online durch: So \u00fcberwindest du die H\u00fcrden<\/li>\n                                                            <li>5 Vorteile, die du dank kanal\u00fcbergreifender Einkaufserlebnisse nutzen kannst<\/li>\n                                                            <li>Mit Checkliste: Deine ersten Schritte in Richtung Onlineshop<\/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-14721","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/14721","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=14721"}],"version-history":[{"count":73,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/14721\/revisions"}],"predecessor-version":[{"id":23653,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/14721\/revisions\/23653"}],"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=14721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}