{"id":3200,"date":"2025-08-16T01:05:24","date_gmt":"2025-08-16T01:05:24","guid":{"rendered":"https:\/\/zeekrmetro.com\/th\/?page_id=3200"},"modified":"2025-09-07T00:30:58","modified_gmt":"2025-09-07T00:30:58","slug":"zeekr-7x-testdrive-form","status":"publish","type":"page","link":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/","title":{"rendered":"zeekr-7x-testdrive form"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light has-zeekr-headline-font-family has-contrast-color has-text-color has-link-color wp-elements-16dccdf6b5c98aa60c2e34cc68b85df8\" style=\"margin-top:0;margin-bottom:0;padding-top:200px;padding-right:var(--wp--preset--spacing--50);padding-bottom:200px;padding-left:var(--wp--preset--spacing--50);min-height:100vh;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" class=\"wp-block-cover__image-background wp-image-3210 size-large\" alt=\"\" src=\"https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2-1024x683.webp\" data-object-fit=\"cover\" srcset=\"https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2-1024x683.webp 1024w, https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2-300x200.webp 300w, https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2-768x512.webp 768w, https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2-1536x1024.webp 1536w, https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2.webp 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-10 has-background-dim\" style=\"background-color:#a5b2be\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-d47c59a2 wp-block-cover-is-layout-constrained\">        <div id=\"z7x-form-container\">\n            <div id=\"z7x-form-message\" style=\"display:none;\"><\/div>\n            <h2>Zeekr 7X Test Drive<\/h2>\n            <form id=\"z7x-form-form\">\n                <div class=\"z7x-form-field\">\n                    <label for=\"z7x-form-name\">Please enter your full name *<\/label>\n                    <input type=\"text\" id=\"z7x-form-name\" name=\"name\" required>\n                <\/div>\n                <div class=\"z7x-form-field\">\n                    <label for=\"z7x-form-phone\">Tel *<\/label>\n                    <input type=\"text\" id=\"z7x-form-phone\" name=\"phone\" required>\n                <\/div>\n                <div class=\"z7x-form-field\">\n                    <label for=\"z7x-form-lineid\">Line ID<\/label>\n                    <input type=\"text\" id=\"z7x-form-lineid\" name=\"lineid\">\n                <\/div>\n                <div class=\"z7x-form-field\">\n                    <label for=\"z7x-form-email\">Email<\/label>\n                    <input type=\"email\" id=\"z7x-form-email\" name=\"email\">\n                <\/div>\n                \n                <div class=\"z7x-form-field\">\n                    <label>Zeekr 7X *<\/label>\n                    <div class=\"flex\">\n                        <label class=\"radio-label\">\n                            <input type=\"radio\" name=\"attending\" value=\"Performance\" required> Performance\n                        <\/label>\n                        <label class=\"radio-label\">\n                            <input type=\"radio\" name=\"attending\" value=\"Long Range\" required> Long Range\n                        <\/label>\n                        <label class=\"radio-label\">\n                            <input type=\"radio\" name=\"attending\" value=\"Standard\" required> Standard\n                        <\/label>\n                    <\/div>\n                <\/div>\n\n                <div class=\"z7x-form-field\">\n                    <div class=\"g-recaptcha\" data-sitekey=\"6Lf0V5wsAAAAAMfkj25TDWTyH6asWHQAiivIArY_\"><\/div>\n                <\/div>\n\n                <div class=\"z7x-form-field\">\n                    <button type=\"submit\" id=\"z7x-form-submit\">Submit<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n        \n        <style>\n        #z7x-form-container {\n            max-width: 400px;\n            padding: 2rem;\n            border: 1px solid #ddd;\n            border-radius: 5px;\n            background: #eeeeeeff;\n            font-family: 'ZeekrHeadline', sans-serif;\n        }\n\n        #z7x-form-container h2 {\n            font-size: 26px!important;\n            line-height: normal!important;\n            text-align: left!important;\n            color: #000000ff!important;\n            font-weight: 500!important;\n            margin-bottom: 1rem;\n        }\n\n        #z7x-form-container h2 span {\n            color: #333!important;\n        }\n\n        #z7x-form-form {\n            font-size: 16px;\n            line-height: 1.5;\n        }\n        \n        .z7x-form-field {\n            margin-bottom: 1rem;\n        }\n        \n        .z7x-form-field label {\n            display: block;\n            margin-bottom: .5rem;\n        }\n        \n        .z7x-form-field label span{\n            color: #555\n        }\n        \n        .radio-label {\n            display: inline-block;\n            margin-right: 15px;\n        }\n        \n        .radio-label input {\n            margin-right: 5px;\n        }\n        \n        input[type=\"text\"], select {\n            width: 100%;\n            padding: 8px;\n            border: 1px solid #ccc;\n            border-radius: 3px;\n            box-sizing: border-box;\n        }\n        \n        button {\n            background: #ee6826;\n            color: #fff;\n            padding: 10px 20px;\n            border: none;\n            border-radius: 3px;\n            cursor: pointer;\n            font-size: 16px;\n            margin-top: 1rem;\n            font-weight: 500;\n            transition: background 0.3s ease;\n        }\n        \n        button:hover {\n            background:rgba(12, 12, 11, 1);\n        }\n        \n        button:disabled {\n            background: #ccc;\n            cursor: not-allowed;\n        }\n\n        .g-recaptcha {\n            margin-bottom: 1rem;\n            display: flex;\n            justify-content: center;\n        }\n\n        #z7x-form-message {\n            padding: 10px;\n            margin-bottom: 15px;\n            border-radius: 3px;\n        }\n        \n        #z7x-form-message.success {\n            background: #d4edda;\n            color: #155724;\n            border: 1px solid #c3e6cb;\n        }\n        \n        #z7x-form-message.error {\n            background: #f8d7da;\n            color: #721c24;\n            border: 1px solid #f5c6cb;\n        }\n        .flex {\n            display: flex;\n            flex-direction: row;\n        }\n        input[type=email] {\n            width: 100%;\n            padding: 8px;\n            border: 1px solid #ccc;\n            border-radius: 3px;\n            box-sizing: border-box;\n        }\n        <\/style>\n        \n        <script>\n        jQuery(document).ready(function($) {\n            \/\/ Show\/hide guests field based on attendance\n            $('input[name=\"attending\"]').change(function() {\n                if ($(this).val() === 'yes') {\n                    $('#guests-field').show();\n                } else {\n                    $('#guests-field').hide();\n                    $('#z7x-form-guests').val('0');\n                }\n            });\n            \n            \/\/ Handle form submission\n            $('#z7x-form-form').submit(function(e) {\n                e.preventDefault();\n                \n                var submitButton = $('#z7x-form-submit');\n                var messageDiv = $('#z7x-form-message');\n                \n                \/\/ Clear previous messages\n                messageDiv.hide().removeClass('success error');\n                \n                \/\/ Validate form\n                var name = $('#z7x-form-name').val().trim();\n                var phone = $('#z7x-form-phone').val().trim();\n                var lineid = $('#z7x-form-lineid').val().trim();\n                var email = $('#z7x-form-email').val().trim();\n                var attending = $('input[name=\"attending\"]:checked').val();\n                \n                if (!name || !phone || !attending) {\n                    messageDiv.removeClass('success').addClass('error').html('Please fill in all required fields.').show();\n                    return;\n                }\n\n                \/\/ Validate reCAPTCHA\n                var recaptchaResponse = grecaptcha.getResponse();\n                if (!recaptchaResponse) {\n                    messageDiv.removeClass('success').addClass('error').html('Please complete the reCAPTCHA verification.').show();\n                    return;\n                }\n\n                \/\/ Disable submit button\n                submitButton.prop('disabled', true).text('Submitting...');\n                \n                \/\/ Prepare data\n                var formData = {\n                    action: 'submit_zeekr_form',\n                    nonce: 'ef0cbab433',\n                    name: name,\n                    phone: phone,\n                    lineid: lineid,\n                    email: email,\n                    attending: attending,\n                    guests: $('#z7x-form-guests').val() || 0,\n                    'g-recaptcha-response': recaptchaResponse\n                };\n                \n                \/\/ Submit via AJAX\n                $.ajax({\n                    url: 'https:\/\/zeekrmetro.com\/wp-admin\/admin-ajax.php',\n                    type: 'POST',\n                    data: formData,\n                    timeout: 30000, \/\/ 30 second timeout\n                    success: function(response) {\n                        if (response.success) {\n                            messageDiv.removeClass('error').addClass('success').html(response.data).show();\n                            $('#z7x-form-form')[0].reset();\n                            $('#guests-field').hide();\n                            grecaptcha.reset();\n                        } else {\n                            messageDiv.removeClass('success').addClass('error').html(response.data || 'An error occurred').show();\n                            grecaptcha.reset();\n                        }\n                    },\n                    error: function(xhr, status, error) {\n                        var errorMsg = 'An error occurred. Please try again.';\n                        if (status === 'timeout') {\n                            errorMsg = 'Request timed out. Please try again.';\n                        } else if (xhr.responseText) {\n                            errorMsg = 'Server error: ' + xhr.status;\n                        }\n                        messageDiv.removeClass('success').addClass('error').html(errorMsg).show();\n                        grecaptcha.reset();\n                    },\n                    complete: function() {\n                        submitButton.prop('disabled', false).text('Submit');\n                    }\n                });\n            });\n        });\n        <\/script>\n        \n        \n<\/div><\/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":{"footnotes":""},"class_list":["post-3200","page","type-page","status-publish","hentry"],"featured_image_url":[],"post_author":"admin","assigned_categories":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>zeekr-7x-testdrive form<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:locale:alternate\" content=\"th\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"zeekr-7x-testdrive form\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/\" \/>\n<meta property=\"og:site_name\" content=\"ZEEKRMETRO\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-07T00:30:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/en\\\/zeekr-7x-testdrive-form\\\/\",\"url\":\"https:\\\/\\\/zeekrmetro.com\\\/en\\\/zeekr-7x-testdrive-form\\\/\",\"name\":\"zeekr-7x-testdrive form\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/en\\\/zeekr-7x-testdrive-form\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/en\\\/zeekr-7x-testdrive-form\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/zeekrmetro.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/zeekr-7x-front-three-quarter.jpg-2-1024x683.webp\",\"datePublished\":\"2025-08-16T01:05:24+00:00\",\"dateModified\":\"2025-09-07T00:30:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/en\\\/zeekr-7x-testdrive-form\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/zeekrmetro.com\\\/en\\\/zeekr-7x-testdrive-form\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/en\\\/zeekr-7x-testdrive-form\\\/#primaryimage\",\"url\":\"https:\\\/\\\/zeekrmetro.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/zeekr-7x-front-three-quarter.jpg-2-1024x683.webp\",\"contentUrl\":\"https:\\\/\\\/zeekrmetro.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/zeekr-7x-front-three-quarter.jpg-2-1024x683.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/en\\\/zeekr-7x-testdrive-form\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/zeekrmetro.com\\\/th\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"zeekr-7x-testdrive form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/#website\",\"url\":\"https:\\\/\\\/zeekrmetro.com\\\/\",\"name\":\"ZEEKRMETRO\",\"description\":\"Redefining Luxury and Performance\",\"publisher\":{\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/zeekrmetro.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/#organization\",\"name\":\"ZEEKRMETRO\",\"url\":\"https:\\\/\\\/zeekrmetro.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/zeekrmetro.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/zeekr-logo.svg\",\"contentUrl\":\"https:\\\/\\\/zeekrmetro.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/zeekr-logo.svg\",\"caption\":\"ZEEKRMETRO\"},\"image\":{\"@id\":\"https:\\\/\\\/zeekrmetro.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"zeekr-7x-testdrive form","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/","og_locale":"en_US","og_type":"article","og_title":"[:th]zeekr-7x-testdrive form[:] - ZEEKRMETRO","og_url":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/","og_site_name":"ZEEKRMETRO","article_modified_time":"2025-09-07T00:30:58+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/","url":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/","name":"zeekr-7x-testdrive form","isPartOf":{"@id":"https:\/\/zeekrmetro.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/#primaryimage"},"image":{"@id":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/#primaryimage"},"thumbnailUrl":"https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2-1024x683.webp","datePublished":"2025-08-16T01:05:24+00:00","dateModified":"2025-09-07T00:30:58+00:00","breadcrumb":{"@id":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/#primaryimage","url":"https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2-1024x683.webp","contentUrl":"https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/08\/zeekr-7x-front-three-quarter.jpg-2-1024x683.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/zeekrmetro.com\/en\/zeekr-7x-testdrive-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/zeekrmetro.com\/th\/"},{"@type":"ListItem","position":2,"name":"zeekr-7x-testdrive form"}]},{"@type":"WebSite","@id":"https:\/\/zeekrmetro.com\/#website","url":"https:\/\/zeekrmetro.com\/","name":"ZEEKRMETRO","description":"Redefining Luxury and Performance","publisher":{"@id":"https:\/\/zeekrmetro.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zeekrmetro.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/zeekrmetro.com\/#organization","name":"ZEEKRMETRO","url":"https:\/\/zeekrmetro.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zeekrmetro.com\/#\/schema\/logo\/image\/","url":"https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/01\/zeekr-logo.svg","contentUrl":"https:\/\/zeekrmetro.com\/wp-content\/uploads\/2025\/01\/zeekr-logo.svg","caption":"ZEEKRMETRO"},"image":{"@id":"https:\/\/zeekrmetro.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/zeekrmetro.com\/en\/wp-json\/wp\/v2\/pages\/3200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeekrmetro.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zeekrmetro.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zeekrmetro.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zeekrmetro.com\/en\/wp-json\/wp\/v2\/comments?post=3200"}],"version-history":[{"count":6,"href":"https:\/\/zeekrmetro.com\/en\/wp-json\/wp\/v2\/pages\/3200\/revisions"}],"predecessor-version":[{"id":3422,"href":"https:\/\/zeekrmetro.com\/en\/wp-json\/wp\/v2\/pages\/3200\/revisions\/3422"}],"wp:attachment":[{"href":"https:\/\/zeekrmetro.com\/en\/wp-json\/wp\/v2\/media?parent=3200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}