{"id":5729,"date":"2026-01-22T18:38:34","date_gmt":"2026-01-22T17:38:34","guid":{"rendered":"https:\/\/higueronresortrealestate.com\/kontaktformular\/"},"modified":"2026-03-25T13:37:44","modified_gmt":"2026-03-25T12:37:44","slug":"kontaktformular","status":"publish","type":"page","link":"https:\/\/higueronresortrealestate.com\/sv\/kontaktformular\/","title":{"rendered":"Kontaktformul\u00e4r"},"content":{"rendered":"<div class=\"w-full flex flex-col relative justify-center items-center min-h-80 sm:min-h-[50vh] lg:pt-20 2xl:pt-0 z-10 relative\" style=\"background-image: url(https:\/\/higueronresortrealestate.com\/wp-content\/uploads\/2026\/01\/principal.webp); background-color: #f8f9fa; background-size: cover; background-position: center; background-repeat: no-repeat;\">\n    \n    \n            <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/50 to-transparent z-[1] pointer-events-none transition-opacity duration-500\"\n             style=\"opacity: 0.2;\">\n        <\/div>\n    \n        \n    <div class=\"container mx-auto relative z-10 flex flex-col p-6 2xl:p-4 lg:mt-auto items-center justify-center\">\n        \n        \n\n        \n                \n        \n        \n        \n        \n        \n                    \n\n            <nav class=\"self-start inline-flex flex-wrap items-center gap-2 text-[10px] sm:text-xs uppercase tracking-[0.15em] font-medium mb-6 px-6 py-2 ml-2 sm:ml-5 2xl:ml-0 rounded-full bg-black\/30 backdrop-blur-md border border-white\/10 shadow-lg animate-fade-in-up transition-all duration-300\">\n                <a href=\"https:\/\/higueronresortrealestate.com\/sv\/\" class=\"text-white\/80 hover:text-white drop-shadow-md transition-colors duration-300\">\n                    Startsida\n                <\/a>\n                \n                \n                                \n                <span class=\"text-tertiary font-light opacity-80\">\/<\/span>\n                <span class=\"text-white drop-shadow-md font-bold\">\n                    Kontaktformul\u00e4r\n                <\/span>\n            <\/nav>\n        \n        \n            <\/div>\n\n\n    \n<\/div>\n\n<section class=\"bg-white py-16 lg:py-24\">\n    <div class=\"container mx-auto px-4 lg:px-20 max-w-5xl\">\n\n        \n        <div class=\"text-center mb-12\">\n                            <div class=\"text-3xl lg:text-4xl mb-5 font-novecento-sans-wide-ultra-light font-bold text-primary mb-4\">\n                    <h2>L\u00e5t oss l\u00e4ra k\u00e4nna dig b\u00e4ttre<\/h2>\n\n                <\/div>\n                                        <div class=\"prose prose-lg mx-auto text-gray-500 font-light\">\n                    <p>Fyll i formul\u00e4ret nedan s\u00e5 kontaktar en av v\u00e5ra handl\u00e4ggare dig s\u00e5 snart som m\u00f6jligt.<\/p>\n\n                <\/div>\n                    <\/div>\n\n        \n        <div class=\"bg-white p-6 lg:p-12 rounded-3xl shadow-xl border border-gray-100\">\n            \n            <form action=\"https:\/\/webto.salesforce.com\/servlet\/servlet.WebToLead?encoding=UTF-8&#038;orgId=00D68000002819e\" method=\"POST\" class=\"space-y-8\">\n                \n                \n                <input type=hidden name='captcha_settings'value='{\"keyname\":\"reCAPTCHA_v2\",\"fallback\":\"true\",\"orgId\":\"00D68000002819e\",\"ts\":\"\"}'>\n                <input type=hidden name=\"oid\" value=\"00D68000002819e\">\n                               <input type=\"hidden\" name=\"retURL\" value=\"https:\/\/higueronresortrealestate.com\/sv\/tack\/\">\n                <input type=\"hidden\" name=\"PreferredLenguage__c\" value=\"Swedish\">\n                <input type=\"hidden\" name=\"LeadSegment__c\" value=\"Direct\">\n                <input type=\"hidden\" name=\"DirectSource__c\" value=\"Web\">\n                <input type=\"hidden\" name=\"lead_source\" value=\"DirectReception\">    \n                \n                <input type=\"hidden\" name=\"utm_campaign__c\" id=\"utm_campaign__c\" value=\"\">\n                <input type=\"hidden\" name=\"utm_content__c\" id=\"utm_content__c\" value=\"\">\n                <input type=\"hidden\" name=\"utm_medium__c\" id=\"utm_medium__c\" value=\"\">\n                <input type=\"hidden\" name=\"utm_source__c\" id=\"utm_source__c\" value=\"\">\n                <input type=\"hidden\" name=\"utm_term__c\" id=\"utm_term__c\" value=\"\">\n\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    \n                    <div class=\"group\">\n                        <label class=\"block text-xs uppercase font-bold text-tertiary mb-1 tracking-wider\">F\u00f6rnamn *<\/label>\n                        <input type=\"text\" name=\"first_name\" id=\"first_name\" required class=\"w-full border-b border-gray-300 focus:border-tertiary outline-none py-2 bg-transparent transition-colors text-primary font-light\">\n                    <\/div>\n                    \n                    <div class=\"group\">\n                        <label class=\"block text-xs uppercase font-bold text-tertiary mb-1 tracking-wider\">Efternamn *<\/label>\n                        <input type=\"text\" name=\"last_name\" id=\"last_name\" required class=\"w-full border-b border-gray-300 focus:border-tertiary outline-none py-2 bg-transparent transition-colors text-primary font-light\">\n                    <\/div>\n                    \n                    <div class=\"group\">\n                        <label class=\"block text-xs uppercase font-bold text-tertiary mb-1 tracking-wider\">E-post *<\/label>\n                        <input type=\"email\" name=\"email\" id=\"email\" required class=\"w-full border-b border-gray-300 focus:border-tertiary outline-none py-2 bg-transparent transition-colors text-primary font-light\">\n                    <\/div>\n                    \n                    <div class=\"group\">\n                        <label class=\"block text-xs uppercase font-bold text-tertiary mb-1 tracking-wider\">Telefon *<\/label>\n                        <div class=\"flex gap-4\">\n                            <input type=\"tel\" name=\"mobile_visible\" id=\"mobile_visible\" required class=\"flex-1 border-b border-gray-300 focus:border-tertiary outline-none py-2 bg-transparent transition-colors text-primary font-light\">\n                            <input type=\"hidden\" id=\"mobile\" name=\"mobile\" \/>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"border-t border-gray-100 my-8\"><\/div>\n\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    \n                    <div class=\"group\">\n                        <label class=\"block text-xs uppercase font-bold text-tertiary mb-1 tracking-wider\">Nationalitet *<\/label>\n                        <select name=\"Nationality__c\" id=\"Nationality__c\" required class=\"w-full border-b border-gray-300 focus:border-tertiary outline-none py-2 bg-transparent text-primary font-light cursor-pointer\">\n                            <option value=\"\" disabled selected>V\u00e4lj ett alternativ<\/option>\n                            <option value=\"11\">Spansk<\/option>\n                            <option value=\"6\">Brittisk<\/option>\n                            <option value=\"1\">Fransk<\/option>\n                            <option value=\"4\">Tysk<\/option>\n                            <option value=\"\">Annan<\/option>\n                        <\/select>\n                    <\/div>\n\n                    \n                    <div class=\"group\">\n                        <label class=\"block text-xs uppercase font-bold text-tertiary mb-1 tracking-wider\">Bostadsland *<\/label>\n                        <select name=\"country\" id=\"country\" required class=\"w-full border-b border-gray-300 focus:border-tertiary outline-none py-2 bg-transparent text-primary font-light cursor-pointer\">\n                            <option value=\"\" disabled selected>V\u00e4lj ett alternativ<\/option>\n                            <option value=\"Espa\u00f1a\">Spanien<\/option>\n                            <option value=\"Reino Unido\">Storbritannien<\/option>\n                            <option value=\"Francia\">Frankrike<\/option>\n                            <option value=\"Alemania\">Niemcy<\/option>\n                            <option value=\"Otro\">Annan<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n\n                \n                <div class=\"relative py-4 my-4\">\n                    <div class=\"absolute inset-0 flex items-center\" aria-hidden=\"true\">\n                        <div class=\"w-full border-t border-gray-200\"><\/div>\n                    <\/div>\n                    <div class=\"relative flex justify-center\">\n                        <button type=\"button\" id=\"toggleExtraInfoBtn\" class=\"bg-white px-4 text-tertiary font-bold text-xs uppercase tracking-wider flex items-center gap-2 hover:opacity-70 transition-opacity focus:outline-none cursor-pointer\">\n                            M\u00e1s informaci\u00f3n                            <svg id=\"toggleExtraInfoIcon\" style=\"transition: transform 0.3s;\" class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                \n                <div id=\"extraInfoWrapper\" style=\"display: none;\">\n                    \n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-8\">\n                        \n                        <div class=\"group\">\n                            <label class=\"block text-xs uppercase font-bold text-tertiary mb-3 tracking-wider\">Syfte med k\u00f6pet<\/label>\n                            <div class=\"flex flex-col gap-2\">\n                                <label class=\"inline-flex items-center cursor-pointer\">\n                                    <input type=\"radio\" name=\"PropertyUseDiscovery__c\" value=\"Hogar permanente\" class=\"accent-tertiary\">\n                                    <span class=\"ml-2 text-sm text-gray-600 font-light\">Permanent bostad<\/span>\n                                <\/label>\n                                <label class=\"inline-flex items-center cursor-pointer\">\n                                    <input type=\"radio\" name=\"PropertyUseDiscovery__c\" value=\"Inversi\u00f3n\" class=\"accent-tertiary\">\n                                    <span class=\"ml-2 text-sm text-gray-600 font-light\">Investering<\/span>\n                                <\/label>\n                                <label class=\"inline-flex items-center cursor-pointer\">\n                                    <input type=\"radio\" name=\"PropertyUseDiscovery__c\" value=\"InvRes\" class=\"accent-tertiary\">\n                                    <span class=\"ml-2 text-sm text-gray-600 font-light\">Investering &#038; bostad<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n\n                        \n                        <div class=\"group\">\n                            <label class=\"block text-xs uppercase font-bold text-tertiary mb-3 tracking-wider\">Vilken typ av bostad s\u00f6ker du?<\/label>\n                            <div class=\"flex flex-col gap-2\">\n                                <label class=\"inline-flex items-center cursor-pointer\">\n                                    <input type=\"radio\" name=\"PropertyOptionDiscovery__c\" id=\"PropertyOptionDiscovery__c\" value=\"Turnkey\" class=\"accent-tertiary\">\n                                    <span class=\"ml-2 text-sm text-gray-600 font-light\">Inflyttningsklar<\/span>\n                                <\/label>\n                                <label class=\"inline-flex items-center cursor-pointer\">\n                                    <input type=\"radio\" name=\"PropertyOptionDiscovery__c\" id=\"PropertyOptionDiscovery__c\" value=\"Offplan\" class=\"accent-tertiary\">\n                                    <span class=\"ml-2 text-sm text-gray-600 font-light\">Off-plan<\/span>\n                                <\/label>\n                                <label class=\"inline-flex items-center cursor-pointer\">\n                                    <input type=\"radio\" name=\"PropertyOptionDiscovery__c\" id=\"PropertyOptionDiscovery__c\" value=\"Both\" class=\"accent-tertiary\">\n                                    <span class=\"ml-2 text-sm text-gray-600 font-light\">Off-plan och\/eller inflyttningsklar<\/span>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"border-t border-gray-100 my-8\"><\/div>\n                    <h4 class=\"text-primary font-bold text-sm uppercase mb-6\">Ytterligare information<\/h4>\n\n                    \n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        \n                        <div class=\"group\">\n                            <label class=\"block text-xs uppercase font-bold text-tertiary mb-1 tracking-wider\">Budget<\/label>\n                            <select name=\"BudgetDiscovery__c\" id=\"BudgetDiscovery__c\" class=\"w-full border-b border-gray-300 focus:border-tertiary outline-none py-2 bg-transparent text-primary font-light cursor-pointer\">\n                                <option value=\"\" disabled selected>V\u00e4lj intervall<\/option>\n                                <option value=\"Low\">Upp till 700K \/ 1,5M<\/option>\n                                <option value=\"Medium\">1,5M &#8211; 2,5M<\/option>\n                                <option value=\"High\">\u00d6ver 2,5M<\/option>\n                            <\/select>\n                        <\/div>\n\n                        \n                        <div class=\"group\">\n                            <label class=\"block text-xs uppercase font-bold text-tertiary mb-3 tracking-wider\">\n                                Typ av bostad av intresse                            <\/label>\n                            <input type=\"hidden\" name=\"PropertyTypeDiscovery__c\" id=\"propertyTypeResult\">\n\n                            <div class=\"flex flex-col gap-2\">\n                                \n                                                                    <label class=\"inline-flex items-center cursor-pointer group\/item\">\n                                        <input type=\"checkbox\" value=\"Villa\" class=\"property-check accent-tertiary w-4 h-4 cursor-pointer transition-transform duration-200 checked:scale-110\">\n                                        <span class=\"ml-2 text-sm text-primary font-light group-hover\/item:text-tertiary transition-colors\">Villor<\/span>\n                                    <\/label>\n                                                                    <label class=\"inline-flex items-center cursor-pointer group\/item\">\n                                        <input type=\"checkbox\" value=\"Apartment\" class=\"property-check accent-tertiary w-4 h-4 cursor-pointer transition-transform duration-200 checked:scale-110\">\n                                        <span class=\"ml-2 text-sm text-primary font-light group-hover\/item:text-tertiary transition-colors\">L\u00e4genheter<\/span>\n                                    <\/label>\n                                                                    <label class=\"inline-flex items-center cursor-pointer group\/item\">\n                                        <input type=\"checkbox\" value=\"GroundFloor\" class=\"property-check accent-tertiary w-4 h-4 cursor-pointer transition-transform duration-200 checked:scale-110\">\n                                        <span class=\"ml-2 text-sm text-primary font-light group-hover\/item:text-tertiary transition-colors\">Markplan med tr\u00e4dg\u00e5rd<\/span>\n                                    <\/label>\n                                                                    <label class=\"inline-flex items-center cursor-pointer group\/item\">\n                                        <input type=\"checkbox\" value=\"Penthouse\" class=\"property-check accent-tertiary w-4 h-4 cursor-pointer transition-transform duration-200 checked:scale-110\">\n                                        <span class=\"ml-2 text-sm text-primary font-light group-hover\/item:text-tertiary transition-colors\">Takv\u00e5ningar<\/span>\n                                    <\/label>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n\n                \n                <div class=\"mt-8\">\n                    <div class=\"g-recaptcha mb-6\" data-sitekey=\"6LeEEporAAAAABrj3i4Mtn91NZYuWw4X33ZRniBe\"><\/div>\n\n                    <div class=\"flex items-start gap-3\">\n                        <input type=\"checkbox\" id=\"psgdpr_consent_checkbox_246\" name=\"psgdpr_consent_checkbox\" value=\"true\" required class=\"mt-1 accent-tertiary w-4 h-4\">\n                                                <span class=\"text-xs text-gray-500 font-light leading-relaxed\">Jag har l\u00e4st och godk\u00e4nner <a href=\"\/sv\/integritetspolicy\/\" target=\"_blank\" class=\"underline hover:text-tertiary\">integritetspolicyn<\/a> och <a href=\"\/sv\/juridiskt-meddelande\/\" target=\"_blank\" class=\"underline hover:text-tertiary\">det juridiska meddelandet<\/a><\/span>\n                    <\/div>\n\n                    <div class=\"flex items-start gap-3 mb-6\">\n                        <input id=\"Consent__c\" name=\"Consent__c\" value=\"1\" type=\"checkbox\" class=\"Consent__c mt-1 accent-tertiary w-4 h-4\" required>\n                        <span class=\"text-xs text-gray-500 font-light leading-relaxed\">\n                            Jag har l\u00e4st och godk\u00e4nner <a href=\"https:\/\/higueronresortrealestate.com\/gdpr\/\" target=\"_blank\" class=\"underline hover:text-tertiary\">samtycke till marknadsf\u00f6ringsutskick<\/a>.\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n                \n                <div class=\"mt-8 text-center\">\n                    <button type=\"submit\" class=\"button-primary bg-primary text-white px-12 py-3 w-full md:w-auto justify-center\">\n                        Skicka formul\u00e4r\n                    <\/button>\n                <\/div>\n\n            <\/form>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \n        \/\/ --- L\u00d3GICA DE MOSTRAR\/OCULTAR CAMPOS EXTRA ---\n        const toggleBtn = document.getElementById('toggleExtraInfoBtn');\n        const extraInfoWrapper = document.getElementById('extraInfoWrapper');\n        const toggleIcon = document.getElementById('toggleExtraInfoIcon');\n\n        if(toggleBtn && extraInfoWrapper) {\n            toggleBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                if (extraInfoWrapper.style.display === 'none' || extraInfoWrapper.style.display === '') {\n                    extraInfoWrapper.style.display = 'block';\n                    toggleIcon.style.transform = 'rotate(180deg)';\n                } else {\n                    extraInfoWrapper.style.display = 'none';\n                    toggleIcon.style.transform = 'rotate(0deg)';\n                }\n            });\n        }\n\n        \/\/ --- L\u00d3GICA DE CHECKBOXES PROPERTY TYPE ---\n        const checkboxes = document.querySelectorAll('.property-check');\n        const hiddenInput = document.getElementById('propertyTypeResult');\n\n        function updatePropertyType() {\n            const selectedValues = Array.from(checkboxes)\n                .filter(cb => cb.checked)\n                .map(cb => cb.value)\n                .join(';');\n            hiddenInput.value = selectedValues;\n        }\n\n        checkboxes.forEach(cb => {\n            cb.addEventListener('change', updatePropertyType);\n        });\n    });\n<\/script>","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,"inline_featured_image":false,"footnotes":""},"class_list":["post-5729","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/higueronresortrealestate.com\/sv\/wp-json\/wp\/v2\/pages\/5729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/higueronresortrealestate.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/higueronresortrealestate.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/higueronresortrealestate.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/higueronresortrealestate.com\/sv\/wp-json\/wp\/v2\/comments?post=5729"}],"version-history":[{"count":2,"href":"https:\/\/higueronresortrealestate.com\/sv\/wp-json\/wp\/v2\/pages\/5729\/revisions"}],"predecessor-version":[{"id":5921,"href":"https:\/\/higueronresortrealestate.com\/sv\/wp-json\/wp\/v2\/pages\/5729\/revisions\/5921"}],"wp:attachment":[{"href":"https:\/\/higueronresortrealestate.com\/sv\/wp-json\/wp\/v2\/media?parent=5729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}