{"id":23520,"date":"2023-03-24T10:50:02","date_gmt":"2023-03-24T09:50:02","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=23520"},"modified":"2024-09-30T15:30:24","modified_gmt":"2024-09-30T13:30:24","slug":"qa-session-shopify","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/whitepaper\/qa-session-shopify","title":{"rendered":"Q&#038;A Session \u2013 Shopify"},"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-6a10964443bdc\" 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-gated-QAshopify-230310.jpg\" alt=\"hero-gated-QAshopify-230310\" \/>\n                <img decoding=\"async\" class=\"pw-hero-gated-content__preview-image-small\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2023\/03\/hero-gated-QAshopify-230310.jpg\" alt=\"hero-gated-QAshopify-230310\" \/>\n            <\/div>\n            <div class=\"l-grid__content\">\n                <div class=\"pw-hero-gated-content__eyebrow\">On-Demand Webinar<\/div>\n                <div class=\"pw-hero-gated-content__heading\">Q&#038;A Session zum Start mit Shopify<\/div>\n                <div class=\"pw-hero-gated-content__copy\"><p>Shopify Experte Adrian Piegsa von Tante-E stand uns Rede und Antwort zum Thema &#8222;Durchstarten mit Shopify&#8220;. Den Link zur Aufzeichnung erh\u00e4ltst du per Mail.<\/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 die Aufzeichnung 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\">Aufzeichnung anfordern<\/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 diese, und du erh\u00e4ltst eine zweite E-Mail mit der Aufzeichnung.<\/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-6a10964443bdc\",\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 die Aufzeichnung erhalten.',\n                    gatedContentUrl: 'https:\/\/mail.pickware.com\/hubfs\/gated\/Pickware%20%E2%80%93%20Shopify%20Q&A%20mit%20Tante-E.mp4',\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>Als H\u00e4ndler stehst du auf dem Weg zum eigenen Onlineshop vor der Herausforderung, das f\u00fcr dich am besten geeignete Shopsystem zu finden. Gemeinsam mit Adrian Piegsa haben wir im Webinar \u00fcber Shopify und dessen Vor- und Nachteile gesprochen sowie den Teilnehmenden die Chance gegeben, all ihre Fragen zum Start mit dem Shopsystem zu stellen. Die Aufzeichnung der Q&amp;A Session steht dir On-Demand zur Verf\u00fcgung.<\/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>F\u00fcr wen ist Shopify interessant<\/li>\n                                                            <li>St\u00e4rken und Schw\u00e4chen des Shopsystems<\/li>\n                                                            <li>Tipps und Tricks f\u00fcr deinen Onlineshop-Erfolg<\/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--article-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--article-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-23520","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/23520","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=23520"}],"version-history":[{"count":19,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/23520\/revisions"}],"predecessor-version":[{"id":38004,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/23520\/revisions\/38004"}],"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=23520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}