{"id":2363,"date":"2025-12-10T20:54:32","date_gmt":"2025-12-11T01:54:32","guid":{"rendered":"https:\/\/hyundaitroisrivieres.com\/buying-tools\/book-a-test-drive\/"},"modified":"2026-04-03T09:52:52","modified_gmt":"2026-04-03T13:52:52","slug":"book-a-test-drive","status":"publish","type":"page","link":"https:\/\/hyundaitroisrivieres.com\/en\/buying-tools\/book-a-test-drive\/","title":{"rendered":"Book a test drive"},"content":{"rendered":"\n<div  class=\"\">\n\n            <div class=\"container\">\n            <nav class=\"c-subnav__wrapper\">\n                <div class=\"c-subnav gap-unit-sm mb-0!\">\n                                            <div class=\"c-subnav__item\">\n                            <a href=\"https:\/\/hyundaitroisrivieres.com\/en\/buying-tools\/configure-your-vehicle\/\" class=\"c-subnav__link \">\n                                Configure Your Vehicle                            <\/a>\n                        <\/div>\n                                            <div class=\"c-subnav__item\">\n                            <a href=\"https:\/\/hyundaitroisrivieres.com\/en\/buying-tools\/book-a-test-drive\/\" class=\"c-subnav__link -is-current\">\n                                Book a test drive                            <\/a>\n                        <\/div>\n                                            <div class=\"c-subnav__item\">\n                            <a href=\"https:\/\/hyundaitroisrivieres.com\/en\/buying-tools\/get-a-quote\/\" class=\"c-subnav__link \">\n                                Get a quote                            <\/a>\n                        <\/div>\n                                            <div class=\"c-subnav__item\">\n                            <a href=\"https:\/\/hyundaitroisrivieres.com\/en\/buying-tools\/value-your-trade\/\" class=\"c-subnav__link \">\n                                Value your trade                            <\/a>\n                        <\/div>\n                                    <\/div>\n            <\/nav>\n        <\/div>\n    \n<\/div>\n\n\n<section class=\"wp-block-stereo-section-bloc section-block-normal\"><div class=\"wp-block-stereo-section__container\"><div class=\"wp-block-stereo-section__col is-layout-flow wp-block-stereo-section-bloc-is-layout-flow\">\n<p>The test drive is an important step in the Hyundai Trois-Rivi\u00e8res experience. Sitting behind the wheel will convince you. Book an appointment now with a specialist through the form below for a test drive. Be assured that a specialist will receive your request and confirm the test drive time slot.<\/p>\n\n\n\n<div  class=\"\">\n    <div class=\"c-form_wrap\">\n    <c-form-handler><\/c-form-handler>\n    <form id=\"essai-form\" class=\"c-form\" method=\"post\" data-category=\"service\">\n        <input type=\"hidden\" name=\"formulaire\" value=\"Essai routier\">\n        <input type=\"hidden\" name=\"Formulaire s\u00e9lectionn\u00e9\" value=\"Essai routier\">\n        <div class=\"c-form_loading\">\n            <div class=\"c-form_loading_spinner\">\n                <span><\/span>\n            <\/div>\n        <\/div>\n        <div class=\"grid grid-cols-12 gap-3\">\n            <div class=\"col-span-6\">\n                <input type=\"hidden\" name=\"Langue\" value=\"en\">\n                \n<div class=\"c-form_item ||\">\n            <label class=\"c-input_label sr-only\" for=\"prenom\">\n            <span class=\"c-input_label-text\">\n                Pr\u00e9nom            <\/span>\n                            <span class=\"c-input_required\">*<\/span>\n                    <\/label>\n        <div class=\"c-input_wrap\">\n                        <input  type=\"text\" id=\"prenom\" name=\"Pr\u00e9nom\" placeholder=\"First name\" required=\"required\" data-validation-message=\"Please enter your first name\" class=\"c-input -first-name\">\n        <\/div>\n                    <div class=\"c-form_validation-message\" role=\"alert\" aria-live=\"polite\" style=\"display: none;\">\n                Please enter your first name            <\/div>\n            <\/div>\n\n            <\/div>\n\n            <div class=\"col-span-6\">\n                \n<div class=\"c-form_item ||\">\n            <label class=\"c-input_label sr-only\" for=\"nom\">\n            <span class=\"c-input_label-text\">\n                Nom            <\/span>\n                            <span class=\"c-input_required\">*<\/span>\n                    <\/label>\n        <div class=\"c-input_wrap\">\n                        <input  type=\"text\" id=\"nom\" name=\"Nom\" placeholder=\"Last name\" required=\"required\" data-validation-message=\"Please enter your last name\" class=\"c-input -last-name\">\n        <\/div>\n                    <div class=\"c-form_validation-message\" role=\"alert\" aria-live=\"polite\" style=\"display: none;\">\n                Please enter your last name            <\/div>\n            <\/div>\n\n            <\/div>\n\n            <div class=\"col-span-6\">\n                \n<div class=\"c-form_item ||\">\n            <label class=\"c-input_label sr-only\" for=\"courriel\">\n            <span class=\"c-input_label-text\">\n                Courriel            <\/span>\n                            <span class=\"c-input_required\">*<\/span>\n                    <\/label>\n        <div class=\"c-input_wrap\">\n                        <input  type=\"email\" id=\"courriel\" name=\"Courriel\" placeholder=\"Email\" required=\"required\" data-validation-message=\"Please enter a valid email address\" class=\"c-input -email\">\n        <\/div>\n                    <div class=\"c-form_validation-message\" role=\"alert\" aria-live=\"polite\" style=\"display: none;\">\n                Please enter a valid email address            <\/div>\n            <\/div>\n\n            <\/div>\n\n            <div class=\"col-span-6\">\n                \n<c-phone-formatter class=\"c-form_item ||\">\n            <label class=\"c-input_label sr-only\" for=\"telephone\">\n            <span class=\"c-input_label-text\">\n                T\u00e9l\u00e9phone            <\/span>\n                            <span class=\"c-input_required\">*<\/span>\n                    <\/label>\n        <div class=\"c-input_wrap\">\n                        <input  type=\"tel\" id=\"telephone\" name=\"T\u00e9lephone\" placeholder=\"Phone\" required=\"required\" data-validation-message=\"Please enter your phone number\" class=\"c-input -phone\">\n        <\/div>\n                    <div class=\"c-form_validation-message\" role=\"alert\" aria-live=\"polite\" style=\"display: none;\">\n                Please enter your phone number            <\/div>\n            <\/c-phone-formatter>\n\n            <\/div>\n\n            <div class=\"col-span-6\">\n                \n<div class=\"c-form_item ||\">\n            <label class=\"c-input_label sr-only\" for=\"code-postal\">\n            <span class=\"c-input_label-text\">\n                Code postal            <\/span>\n                            <span class=\"c-input_required\">*<\/span>\n                    <\/label>\n        <div class=\"c-input_wrap\">\n                        <input  type=\"text\" id=\"code-postal\" name=\"Code postal\" placeholder=\"Postal code\" required=\"required\" data-validation-message=\"Please enter your postal code\" class=\"c-input -postal-code\">\n        <\/div>\n                    <div class=\"c-form_validation-message\" role=\"alert\" aria-live=\"polite\" style=\"display: none;\">\n                Please enter your postal code            <\/div>\n            <\/div>\n\n            <\/div>\n\n            <div class=\"col-span-6\">\n                                \n<div class=\"c-form_item || anim-up\">\n            <label class=\"c-input_label sr-only\" for=\"select-model\">\n            <span class=\"c-input_label-text\">\n                Mod\u00e8le            <\/span>\n                            <span class=\"c-input_required\">*<\/span>\n                    <\/label>\n        \n    <div class=\"c-select_wrap\">\n        <select id=\"select-model\" name=\"Mod\u00e8le\" required=\"required\" data-validation-message=\"Please select a model\" class=\"c-select -select-input-modifier\" data-module=\"SelectModule\">\n            <option value=\"\" disabled selected>\n                Model            <\/option>\n            \n                            <option value=\"Elantra\" >\n                    Elantra                <\/option>\n                            <option value=\"Elantra N\" >\n                    Elantra N                <\/option>\n                            <option value=\"Elantra hybride\" >\n                    Elantra hybride                <\/option>\n                            <option value=\"Ioniq 5\" >\n                    Ioniq 5                <\/option>\n                            <option value=\"Ioniq 5 N\" >\n                    Ioniq 5 N                <\/option>\n                            <option value=\"Ioniq 6\" >\n                    Ioniq 6                <\/option>\n                            <option value=\"Ioniq 9\" >\n                    Ioniq 9                <\/option>\n                            <option value=\"Kona\" >\n                    Kona                <\/option>\n                            <option value=\"Kona \u00e9lectrique\" >\n                    Kona \u00e9lectrique                <\/option>\n                            <option value=\"Palisade\" >\n                    Palisade                <\/option>\n                            <option value=\"Palisade hybride\" >\n                    Palisade hybride                <\/option>\n                            <option value=\"Santa Fe\" >\n                    Santa Fe                <\/option>\n                            <option value=\"Santa Fe hybride\" >\n                    Santa Fe hybride                <\/option>\n                            <option value=\"Sonata\" >\n                    Sonata                <\/option>\n                            <option value=\"Tucson\" >\n                    Tucson                <\/option>\n                            <option value=\"Tucson hybride\" >\n                    Tucson hybride                <\/option>\n                            <option value=\"Tucson hybride rechargeable\" >\n                    Tucson hybride rechargeable                <\/option>\n                            <option value=\"Venue\" >\n                    Venue                <\/option>\n                    <\/select>\n        \n                    <div class=\"c-select_icon\">\n                    <svg class=\"o-ico \">\r\n        <use xlink:href=\"https:\/\/hyundaitroisrivieres.com\/app\/themes\/DealerTone\/images\/sprite.svg?v=0.0.87628819#chevron-down\"><\/use>\r\n    <\/svg>\r\n            <\/div>\n            <\/div>\n            <div class=\"c-form_validation-message\" role=\"alert\" aria-live=\"polite\" style=\"display: none;\">\n            Please select a model        <\/div>\n    <\/div>\n            <\/div>\n\n                        <div class=\"col-span-12\">\n                \n<div class=\"c-form_item ||\">\n            <label class=\"c-input_label sr-only\" for=\"date-souhaitee\">\n            <span class=\"c-input_label-text\">\n                Date souhait\u00e9e            <\/span>\n                            <span class=\"c-input_required\">*<\/span>\n                    <\/label>\n        <div class=\"c-input_wrap\" data-placeholder=\"Desired date\">\n                        <input  type=\"date\" id=\"date-souhaitee\" name=\"Date souhait\u00e9e\" required=\"required\" data-validation-message=\"Please enter a date\" data-placeholder=\"Desired date\" class=\"c-input c-input-date -date-souhaitee\">\n        <\/div>\n                    <div class=\"c-form_validation-message\" role=\"alert\" aria-live=\"polite\" style=\"display: none;\">\n                Please enter a date            <\/div>\n            <\/div>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', function() {\n        const dateInputs = document.querySelectorAll('.c-input-date[data-placeholder]');\n        \n        dateInputs.forEach(function(input) {\n            function updatePlaceholder() {\n                if (input.value && input.value !== '') {\n                    input.classList.add('has-value');\n                } else {\n                    input.classList.remove('has-value');\n                }\n            }\n            \n            \/\/ Check initial value\n            updatePlaceholder();\n            \n            \/\/ Listen for changes\n            input.addEventListener('change', updatePlaceholder);\n            input.addEventListener('input', updatePlaceholder);\n            input.addEventListener('blur', updatePlaceholder);\n        });\n    });\n})();\n<\/script>\n\n            <\/div>\n\n            <div class=\"col-span-12\">\n                \n<div class=\"c-form_item ||\">\n            <label class=\"c-textarea_label sr-only\" for=\"message\">\n            <span class=\"c-textarea_label-text\">\n                Message            <\/span>\n                            <span class=\"c-textarea_required\">*<\/span>\n                    <\/label>\n        \n    <textarea id=\"message\" name=\"Message\" placeholder=\"Message\" rows=\"4\" required=\"required\" data-validation-message=\"Please enter a message\" class=\"c-textarea\"><\/textarea>\n            <div class=\"c-form_validation-message\" role=\"alert\" aria-live=\"polite\" style=\"display: none;\">\n            Please enter a message        <\/div>\n    <\/div>\n            <\/div>\n\n            <div class=\"col-span-12\">\n                \n<c-checkbox-group-validation class=\"c-checkbox_group ||\">\n        \n                    \n        <div class=\"c-checkbox_wrap\">\n            <input type=\"checkbox\" id=\"checkbox-infolettre-oui\" name=\"Infolettre[]\" value=\"Oui\" class=\"c-checkbox\">\n            <label class=\"c-checkbox_label\" for=\"checkbox-infolettre-oui\">\n                                <span class=\"c-checkbox_text\">\n                    I accept to receive electronic communications from Hyundai Trois-Rivi\u00e8res, in order to receive promotions, offers and information on products, and to help Hyundai Trois-Rivi\u00e8res improve its products or services.                <\/span>\n            <\/label>\n        <\/div>\n        <\/c-checkbox-group-validation>\n\n            <\/div>\n\n            <div class=\"col-span-12 flex justify-center mt-3\">\n                <button type=\"submit\" class=\"o-button\">Submit     <svg class=\"o-ico \">\r\n        <use xlink:href=\"https:\/\/hyundaitroisrivieres.com\/app\/themes\/DealerTone\/images\/sprite.svg?v=0.0.87628819#chevron-right\"><\/use>\r\n    <\/svg>\r\n<\/button>\n            <\/div>\n\n        <\/div>\n    <\/form>\n\n    <div class=\"c-form_confirmation_wrapper\" style=\"display:none;\" data-lenis-prevent>\n        <div class=\"c-form_confirmation_bg\" aria-label=\"Close alert\"><\/div>\n        <div class=\"c-form_confirmation\">\n            <div class=\"c-text || space-y-unit-sm!\">\n                <h2 class=\"heading-md\">Thank you!<\/h2>\n                <p class=\"body-md\">We have received your information and we will contact you soon.<\/p>\n                <button type=\"button\" class=\"o-button\" aria-label=\"Close alert\">\n                    <span class=\"c-button_text\">Close<\/span>\n                    <span class=\"sr-only\">Close alert<\/span>\n                        <svg class=\"o-ico w-2! h-2!\">\r\n        <use xlink:href=\"https:\/\/hyundaitroisrivieres.com\/app\/themes\/DealerTone\/images\/sprite.svg?v=0.0.87628819#close\"><\/use>\r\n    <\/svg>\r\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":2359,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"slim_seo":{"title":"Book a test drive - Hyundai Trois-Rivi\u00e8res","description":""},"footnotes":""},"class_list":["post-2363","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hyundaitroisrivieres.com\/en\/wp-json\/wp\/v2\/pages\/2363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyundaitroisrivieres.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hyundaitroisrivieres.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hyundaitroisrivieres.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyundaitroisrivieres.com\/en\/wp-json\/wp\/v2\/comments?post=2363"}],"version-history":[{"count":4,"href":"https:\/\/hyundaitroisrivieres.com\/en\/wp-json\/wp\/v2\/pages\/2363\/revisions"}],"predecessor-version":[{"id":325556,"href":"https:\/\/hyundaitroisrivieres.com\/en\/wp-json\/wp\/v2\/pages\/2363\/revisions\/325556"}],"up":[{"embeddable":true,"href":"https:\/\/hyundaitroisrivieres.com\/en\/wp-json\/wp\/v2\/pages\/2359"}],"wp:attachment":[{"href":"https:\/\/hyundaitroisrivieres.com\/en\/wp-json\/wp\/v2\/media?parent=2363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}