{"id":20141,"date":"2022-11-03T11:45:35","date_gmt":"2022-11-03T10:45:35","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=20141"},"modified":"2023-03-07T12:45:28","modified_gmt":"2023-03-07T11:45:28","slug":"6-schritte-zum-rechtssicheren-onlineshop","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/whitepaper\/6-schritte-zum-rechtssicheren-onlineshop","title":{"rendered":"Whitepaper \u2013 Rechtssicherheit"},"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-6a13c961c87f8\" 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-rechtsicherheit-230306.jpg\" alt=\"hero-rechtsicherheit-230306\" \/>\n                <img decoding=\"async\" class=\"pw-hero-gated-content__preview-image-small\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/03\/hero-rechtsicherheit-230306.jpg\" alt=\"hero-rechtsicherheit-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\">In 6 Schritten zum rechtssicheren Onlineshop<\/div>\n                <div class=\"pw-hero-gated-content__copy\"><p>Inklusive Mustervorlagen. 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-6a13c961c87f8\",\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%20In%206%20Schritten%20zum%20rechtssicheren%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>Impressum, Widerrufsrecht, AGB\u2019s\u2026 f\u00fcr den Betrieb einer gewerblichen Internetseite ist die Einhaltung der geltenden rechtlichen Rahmenbedingungen sehr wichtig. Onlineshop-Betreiber stehen einigen rechtlichen Anforderungen gegen\u00fcber. Im Falle des Versto\u00df gegen diese, drohen kostenpflichtige Abmahnungen. Vor allem Start-ups sind in dieser Situation h\u00e4ufig \u00fcberfordert.<\/p>\n<p>Um dem vorzubeugen, haben wir die wichtigsten rechtlichen Parameter in Form von 6 Schritten zum rechtssicheren Onlineshop zusammengestellt.<\/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>Rechtssicherheit im E-Commerce<\/li>\n                                                            <li>Das Impressum<\/li>\n                                                            <li>Das Widerrufsrecht<\/li>\n                                                            <li>Die AGB<\/li>\n                                                            <li>Der Datenschutz<\/li>\n                                                            <li>Die Cookies<\/li>\n                                                            <li>Die Informationspflichten<\/li>\n                                                            <li>Die Button-L\u00f6sung<\/li>\n                                                            <li>Lege direkt los<\/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-20141","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/20141","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=20141"}],"version-history":[{"count":31,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/20141\/revisions"}],"predecessor-version":[{"id":27513,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/20141\/revisions\/27513"}],"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=20141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}