{"id":22644,"date":"2021-05-20T12:28:28","date_gmt":"2021-05-20T10:28:28","guid":{"rendered":"https:\/\/www.pickware.com\/contact"},"modified":"2025-12-05T13:42:31","modified_gmt":"2025-12-05T12:42:31","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/en\/contact","title":{"rendered":"Contact"},"content":{"rendered":"\n<div class=\"hero-contact hero-contact--default-new-customer\">\n    <div class=\"hero-contact-stage \">\n                <div class=\"l-container\">\n            <div class=\"l-grid\">\n                <div class=\"l-grid__content\">\n                    <div class=\"hero-contact-stage__eyebrow\">Contact<\/div>\n                    <h1 class=\"hero-contact-stage__headline\">We are here for you<\/h1>\n                    <div class=\"hero-contact-stage__intro\"><p>Want to learn more about Pickware or need support? We are happy to help.<\/p>\n<\/div>\n                <\/div>\n                <div class=\"l-grid__image\">\n                    <img decoding=\"async\" class=\"hero-contact-stage__illustration\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/12\/web-kontakt-hero@2x.png\" alt=\"web-kontakt-hero@2x\"\/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"hero-contact-tabs\">\n        <div class=\"l-container\">\n            <div class=\"l-grid\">\n                <div class=\"l-grid__item\">\n                    <a href=\"#\" class=\"hero-contact-tabs__button hero-contact-tabs__button--new-customer hero-contact-tabs__button--active\">\n                        <span>\n                            New to Pickware?                            <em class=\"hero-contact-tabs__button-subtext\">We&#039;ll be happy to answer your questions.<\/em>\n                        <\/span>\n                        <span class=\"hero-contact-tabs__button-text--small-size\">\n                            Consultation                        <\/span>\n                    <\/a>\n                    <a href=\"#\" class=\"hero-contact-tabs__button hero-contact-tabs__button--existing-customer \">\n                        <span>\n                            I am already a customer                            <em class=\"hero-contact-tabs__button-subtext\">Our support team will be happy to help you.<\/em>\n                        <\/span>\n                        <span class=\"hero-contact-tabs__button-text--small-size\">\n                            Support                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n\n<div class=\"hero-contact-container hero-contact-container--new-customer\">\n    \n\n<div class=\"layout-space layout-space--article-page-level-3\"><\/div>\n\n\n<script id=\"c-textarea\" type=\"text\/html\">\n    <div class=\"c-textarea\">\n        <textarea :value=\"value\" @input=\"$emit('input', $event.target.value)\" class=\"c-textarea__input\" :class=\"{'is-invalid': !isValid}\" placeholder=\" \" rows=\"10\" :disabled=\"disabled\"><\/textarea>\n        <label class=\"c-textarea__label\">{{ label }}<\/label>\n        <p v-if=\"!isValid\" class=\"c-textarea__error\">{{ errorMsg }}<\/p>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-textarea\", {\n        template: \"#c-textarea\",\n        props: {\n            value: {\n                type: String,\n                default: \"\"\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        },\n        data() {\n            return {\n                isValid: true,\n            };\n        },\n        methods: {\n            validate() {\n                this.isValid = !!this.value;\n                return this.isValid;\n            },\n        },\n    });\n<\/script>\n<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-button\" type=\"text\/html\">\n    <button class=\"c-button\" :class=\"[\n            { 'c-button--disabled': disabled },\n            { 'c-button--inverse': inverse },\n            `c-button--order-${order}`\n        ]\" :type=\"type\" :disabled=\"disabled\" @click=\"$emit('click')\">\n        {{ text }}\n    <\/button>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-button\", {\n        template: \"#c-button\",\n        props: {\n            text: {\n                type: String,\n                default: \"\"\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n            type: {\n                type: String,\n                default: \"submit\"\n            },\n            order: {\n                type: String,\n                default: \"500\"\n            },\n            inverse: {\n                type: Boolean,\n                default: false\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<script id=\"c-yes-no-toggle\" type=\"text\/html\">\n    <div class=\"c-yes-no-toggle\" :class=\"{'c-yes-no-toggle--is-invalid': !isValid}\">\n        <div class=\"c-yes-no-toggle__text\">{{ text }}<\/div>\n        <div class=\"c-yes-no-toggle__toggles\">\n            <div class=\"c-yes-no-toggle__toggle c-yes-no-toggle__yes-toggle\" :class=\"{'c-yes-no-toggle__toggle--active': value === true, 'c-yes-no-toggle__toggle--disabled': disabled}\" @click=\"toggle('yes')\">\n                Ja\n            <\/div>\n            <div class=\"c-yes-no-toggle__toggle c-yes-no-toggle__no-toggle\" :class=\"{'c-yes-no-toggle__toggle--active': value === false, 'c-yes-no-toggle__toggle--disabled': disabled}\" @click=\"toggle('no')\">\n                Nein\n            <\/div>\n        <\/div>\n        <p class=\"c-yes-no-toggle__error\" v-if=\"!isValid\">{{ errorMsg }}<\/p>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-yes-no-toggle\", {\n        template: \"#c-yes-no-toggle\",\n        props: {\n            value: {\n                type: Boolean,\n                default: null\n            },\n            text: {\n                type: String,\n                default: \"\"\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n            errorMsg: {\n                type: String,\n                default: \"\"\n            },\n        },\n        data() {\n            return {\n                isValid: true,\n            };\n        },\n        methods: {\n            validate() {\n                this.isValid = this.value !== null;\n                return this.isValid\n            },\n            toggle(toggle) {\n                this.isValid = true;\n                if (this.disabled) {\n                    return;\n                }\n                if (toggle === \"yes\") {\n                    if (this.value == true) {\n                        this.$emit(\"input\", null);\n                    } else {\n                        this.$emit(\"input\", true);\n                    }\n                } else if (toggle === \"no\") {\n                    if (this.value == false) {\n                        this.$emit(\"input\", null);\n                    } else {\n                        this.$emit(\"input\", false);\n                    }\n                }\n            },\n        },\n    });\n<\/script>\n\n<div id=\"contact-form\" class=\"forms-contact-form\" data-language=\"en\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__item\">\n                                <div class=\"forms-contact-form__contact-items\">\n                    <div class=\"forms-contact-form__contact-item\">\n                                                <img decoding=\"async\" class=\"forms-contact-form__contact-item-image\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/static\/icons\/interface\/phone-g100.svg\" alt=\"phone-g100\" \/>\n                        <a class=\"forms-contact-form__contact-item-phone\" href=\"tel:+4961516293040\">+49 (0) 6151 629 30 40<\/a>\n                    <\/div>\n                    <div class=\"forms-contact-form__contact-item\">\n                                                <img decoding=\"async\" class=\"forms-contact-form__contact-item-image\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/static\/icons\/interface\/time-o100.svg\" alt=\"time-o100\" \/>\n                        <div class=\"forms-contact-form__contact-item-time\">Mon &#8211; Fri: 10:00 &#8211; 18:00<\/div>\n                    <\/div>\n                <\/div>\n                <form @submit.prevent=\"send()\" novalidate>\n                    <div class=\"forms-contact-form__inputs\">\n                        <c-text-field ref=\"inputFirstName\" v-model=\"formData.firstName\" type=\"text\" label=\"First name\" error-msg=\"Please enter your first name\" :disabled=\"loading\"><\/c-text-field>\n                        <c-text-field ref=\"inputLastName\" v-model=\"formData.lastName\" type=\"text\" label=\"Last name\" error-msg=\"Please enter your last name\" :disabled=\"loading\"><\/c-text-field>\n                    <\/div>\n                    <div class=\"forms-contact-form__inputs\">\n                        <c-text-field ref=\"inputEmail\" v-model=\"formData.email\" type=\"email\" label=\"Email\" error-msg=\"Please enter a valid email address\" :disabled=\"loading\"><\/c-text-field>\n                        <c-text-field ref=\"inputPhone\" v-model=\"formData.phone\" type=\"text\" label=\"Phone\" error-msg=\"Please enter your phone number\" :disabled=\"loading\"><\/c-text-field>\n                    <\/div>\n                    <div class=\"forms-contact-form__inputs\">\n                        <c-text-field ref=\"inputCompany\" v-model=\"formData.company\" type=\"text\" label=\"Company\" error-msg=\"Please enter the company for which you are requesting\" :disabled=\"loading\"><\/c-text-field>\n                        <c-text-field v-model=\"formData.shopUrl\" type=\"text\" label=\"Shop URL (optional)\" :disabled=\"loading\"><\/c-text-field>\n                    <\/div>\n                    <c-textarea ref=\"inputMessage\" v-model=\"formData.message\" label=\"Your message\" :disabled=\"loading\"><\/c-textarea>\n                    <div v-if=\"error\" class=\"forms-contact-form__error-msg\">Etwas ist schiefgelaufen, bitte versuche es sp\u00e4ter nochmal<\/div>\n                    <div class=\"forms-contact-form__checkbox-and-button\">\n                        <c-checkbox ref=\"checkbox\" v-model=\"isCheckboxChecked\" label=\"&lt;p&gt;I acknowledged the &lt;a href=&quot;https:\/\/www.pickware.com\/en\/privacy-policy&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;privacy policy&lt;\/a&gt;.&lt;\/p&gt;\n\" :disabled=\"loading\"><\/c-checkbox>\n                        <c-button class=\"forms-contact-form__button\" :disabled=\"loading\" text=\"Submit\"><\/c-button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\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\">Confirmation<\/div>\n                    <div class=\"success-overlay__heading\">Thank you for your message!<\/div>\n                    <div class=\"success-overlay__copy\">We will get back to you as soon as possible.<\/div>\n                <\/div>\n                <div class=\"success-overlay__image\">\n                    <img decoding=\"async\" class=\"success-overlay__illustration\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2021\/06\/email-confirmation.svg\" alt=\"email-confirmation\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/c-overlay>\n<\/div>\n\n<script>\n    jQuery(function($) {\n        var contactFormId = '#contact-form';\n        if ($(contactFormId).length === 0) return;\n\n        new Vue({\n            el: contactFormId,\n\n            data: {\n                error: false,\n                loading: false,\n                isCheckboxChecked: false,\n                showSuccessOverlay: false,\n                formData: {\n                    firstName: null,\n                    lastName: null,\n                    email: null,\n                    phone: null,\n                    company: null,\n                    shopUrl: '',\n                    message: null,\n                },\n                language: null,\n                pageTitle: document.title,\n                pageUrl: window.location.href.split('?')[0],\n                legalConsentText: 'I acknowledged the privacy policy.'\n            },\n\n            mounted: function() {\n                this.language = $(this.$el).data('language').replace('language-', '');\n            },\n\n            methods: {\n                clear() {\n                    var _this = this\n                    Object.keys(this.formData).forEach(\n                        function(key) {\n                            _this.formData[key] = null\n                        }\n                    )\n                    this.isCheckboxChecked = false\n                },\n                send() {\n                    if (this.$refs.checkbox.validate() &\n                        this.$refs.inputFirstName.validate() &\n                        this.$refs.inputLastName.validate() &\n                        this.$refs.inputEmail.validate() &\n                        this.$refs.inputPhone.validate() &\n                        this.$refs.inputCompany.validate() &\n                        this.$refs.inputMessage.validate()\n                    ) {\n\n                        this.error = false\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                            url: \"\/wp-json\/api\/contact-form\",\n                            type: \"POST\",\n                            data: JSON.stringify({\n                                ...this.formData,\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.clear()\n                                this.showSuccessOverlay = true\n                                if (window.dataLayer) {\n                                    window.dataLayer.push({\n                                        'event': 'contact-form-sent'\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    })\n<\/script>\n\n\n<\/div>\n\n\n\n<div class=\"hero-contact-container hero-contact-container--existing-customer\">\n    \n\n<div class=\"layout-space layout-space--article-page-level-3\"><\/div>\n\n\n\n<div id=\"support-form\" class=\"forms-support-form\" data-language=\"en\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__item\">\n                                <div class=\"forms-support-form__contact-items\">\n                    <div class=\"forms-support-form__contact-item\">\n                                                <img decoding=\"async\" class=\"forms-support-form__contact-item-image\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/static\/icons\/interface\/phone-g100.svg\" alt=\"phone-g100\" \/>\n                        <a class=\"forms-support-form__contact-item-phone\" href=\"tel:+4961516293030\">+49 (0) 6151 629 30 30<\/a>\n                    <\/div>\n                    <div class=\"forms-support-form__contact-item\">\n                                                <img decoding=\"async\" class=\"forms-support-form__contact-item-image\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/static\/icons\/interface\/time-o100.svg\" alt=\"time-o100\" \/>\n                        <div class=\"forms-support-form__contact-item-time\">Mon &#8211; Fri: 10:00 &#8211; 18:00<\/div>\n                    <\/div>\n                <\/div>\n                <form @submit.prevent=\"send()\" novalidate>\n                    <div class=\"forms-support-form__inputs\">\n                        <c-text-field ref=\"inputFirstName\" v-model=\"formData.firstName\" type=\"text\" label=\"First name\" error-msg=\"Please enter your first name\" :disabled=\"loading\"><\/c-text-field>\n                        <c-text-field ref=\"inputLastName\" v-model=\"formData.lastName\" type=\"text\" label=\"Last name\" error-msg=\"Please enter your last name\" :disabled=\"loading\"><\/c-text-field>\n                    <\/div>\n                    <div class=\"forms-support-form__inputs\">\n                        <c-text-field ref=\"inputEmail\" v-model=\"formData.email\" type=\"email\" label=\"Email\" error-msg=\"Please enter a valid email address\" :disabled=\"loading\"><\/c-text-field>\n                        <c-text-field ref=\"inputPhone\" v-model=\"formData.phone\" type=\"text\" label=\"Phone\" error-msg=\"Please enter your phone number\" :disabled=\"loading\"><\/c-text-field>\n                    <\/div>\n                    <div class=\"forms-support-form__inputs\">\n                        <c-text-field ref=\"inputCompany\" v-model=\"formData.company\" type=\"text\" label=\"Company\" error-msg=\"Please enter the company for which you are requesting\" :disabled=\"loading\"><\/c-text-field>\n                        <c-text-field ref=\"inputShopUrl\" v-model=\"formData.shopUrl\" type=\"text\" label=\"Shop URL\" error-msg=\"Gib bitte gib die Url deines Onlineshops an\" :disabled=\"loading\"><\/c-text-field>\n                    <\/div>\n                    <c-textarea ref=\"inputMessage\" v-model=\"formData.message\" label=\"Your message\" :disabled=\"loading\"><\/c-textarea>\n                    <div v-if=\"error\" class=\"forms-support-form__error-msg\">Etwas ist schiefgelaufen, bitte versuche es sp\u00e4ter nochmal<\/div>\n                    <div class=\"forms-support-form__checkbox-and-button\">\n                        <c-checkbox ref=\"checkbox\" v-model=\"isCheckboxChecked\" label=\"&lt;p&gt;I acknowledged the &lt;a href=&quot;https:\/\/www.pickware.com\/en\/privacy-policy&quot;&gt;privacy policy&lt;\/a&gt;.&lt;\/p&gt;\n\" :disabled=\"loading\"><\/c-checkbox>\n                        <c-button class=\"forms-support-form__button\" :disabled=\"loading\" text=\"Submit\"><\/c-button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\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\">Confirmation<\/div>\n                    <div class=\"success-overlay__heading\">Thank you for your message!<\/div>\n                    <div class=\"success-overlay__copy\">We will get back to you as soon as possible.<\/div>\n                <\/div>\n                <div class=\"success-overlay__image\">\n                    <img decoding=\"async\" class=\"success-overlay__illustration\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2021\/06\/email-confirmation.svg\" alt=\"email-confirmation\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/c-overlay>\n<\/div>\n\n<script>\n    jQuery(function($) {\n        var contactFormId = '#support-form';\n        if ($(contactFormId).length === 0) return;\n\n        new Vue({\n            el: contactFormId,\n\n            data: {\n                error: false,\n                loading: false,\n                isCheckboxChecked: false,\n                showSuccessOverlay: false,\n                formData: {\n                    firstName: null,\n                    lastName: null,\n                    email: null,\n                    phone: null,\n                    company: null,\n                    shopUrl: null,\n                    message: null,\n                },\n                language: null,\n                pageTitle: document.title,\n                pageUrl: window.location.href.split('?')[0],\n                legalConsentText: 'I acknowledged the privacy policy.'\n            },\n\n            mounted: function() {\n                this.language = $(this.$el).data('language').replace('language-', '');\n            },\n\n            methods: {\n                clear() {\n                    var _this = this\n                    Object.keys(this.formData).forEach(\n                        function(key) {\n                            _this.formData[key] = null\n                        }\n                    )\n                    this.isCheckboxChecked = false\n                },\n                send() {\n                    if (this.$refs.checkbox.validate() &\n                        this.$refs.inputFirstName.validate() &\n                        this.$refs.inputLastName.validate() &\n                        this.$refs.inputEmail.validate() &\n                        this.$refs.inputPhone.validate() &\n                        this.$refs.inputCompany.validate() &\n                        this.$refs.inputShopUrl.validate() &\n                        this.$refs.inputMessage.validate()\n                    ) {\n\n                        this.error = false\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                            url: \"\/wp-json\/api\/support-form\",\n                            type: \"POST\",\n                            data: JSON.stringify({\n                                ...this.formData,\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.clear()\n                                this.showSuccessOverlay = true\n                                if (window.dataLayer) {\n                                    window.dataLayer.push({\n                                        'event': 'support-form-sent'\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    })\n<\/script>\n\n\n<\/div>\n\n\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":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"class_list":["post-22644","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/en\/wp-json\/wp\/v2\/pages\/22644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pickware.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pickware.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/en\/wp-json\/wp\/v2\/comments?post=22644"}],"version-history":[{"count":16,"href":"https:\/\/www.pickware.com\/en\/wp-json\/wp\/v2\/pages\/22644\/revisions"}],"predecessor-version":[{"id":46166,"href":"https:\/\/www.pickware.com\/en\/wp-json\/wp\/v2\/pages\/22644\/revisions\/46166"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/en\/wp-json\/wp\/v2\/media?parent=22644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}