{"id":57644,"date":"2017-12-15T18:30:34","date_gmt":"2017-12-15T17:30:34","guid":{"rendered":"https:\/\/aulatina.com\/?p=19956"},"modified":"2025-09-29T12:40:58","modified_gmt":"2025-09-29T10:40:58","slug":"web-design-of-the-contact-section","status":"publish","type":"post","link":"https:\/\/www.aulatina.com\/en\/diseno-web-de-la-seccion-contacto\/","title":{"rendered":"Web design of the contact section"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid justify vc_custom_1669109175557\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  justify\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>Introduction<\/h2>\n<p>In this article we are going to give some ideas to improve the web design of the contact section of our website. Normally this section of our website is the most important and at the same time the one that requires the least design. But we should not stop making it attractive, as this is where our potential customers will use to contact us. And it will be the last screen they will see before contacting us.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div id=\"separacion-h2\" class=\"vc_row wpb_row vc_row-fluid separacion-h2 vc_custom_1668948324779\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"h2A\">Web design of the contact section<\/h2>\n<h2 class=\"h2B\">Web design of the contact section<\/h2>\n<div class=\"h2separador\"><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div id=\"table-of-contents-1\" class=\"vc_row wpb_row vc_row-fluid justify vc_custom_1669109436770\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  justify\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>Organise the design section of the contact section on your website<\/h2>\n<p>It is important to have the web design of the contact section well organised. So that it is quick and accessible to any user to see and \/ or use the elements you have to contact us. There really is no perfect model. But even so, we must take into account that the elements are well exposed and keeping a nice organization. If possible, it should offer almost all the information on the same screen. It is advisable that the telephone, address and email details are clear and highlighted.<\/p>\n<p>Here we are going to give some examples of elements that can have the web design of the contact section and that are having success lately.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid separacion-h2 vc_custom_1668948324779\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"h2A\">Web design of the contact section<\/h2>\n<h2 class=\"h2B\">Web design of the contact section<\/h2>\n<div class=\"h2separador\"><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div id=\"table-of-contents-2\" class=\"vc_row wpb_row vc_row-fluid justify vc_custom_1669109442756\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  justify\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>Contact Form<\/h2>\n<p>In the web design of the contact section, it is advisable to implement a contact form that collects the user's data so that we can contact them later. Unless it is necessary, it is better not to insert many fields to be filled in by the user. We need to offer agility and speed. Filling in too many fields in a form can make the customer get \"tired\" and not finish sending it.<\/p>\n<p>We recommend the typical fields of name, telephone, email and comments. It is important to note that our company must comply with the <a href=\"https:\/\/rgpd.es\/\" target=\"_blank\" rel=\"noopener\">GDPR<\/a> (data protection law).<\/p>\n<p>When we receive a contact through the form, our response time will determine the trust the user places in us. Therefore, the sooner we respond, the better.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid separacion-h2 vc_custom_1668948324779\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"h2A\">Web design of the contact section<\/h2>\n<h2 class=\"h2B\">Web design of the contact section<\/h2>\n<div class=\"h2separador\"><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div id=\"table-of-contents-3\" class=\"vc_row wpb_row vc_row-fluid justify vc_custom_1669109448875\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  justify\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>Basic contact details<\/h2>\n<p>Make clear and highlighted the main data of our company: email and telephone numbers. There are many users who prefer to call or write an email rather than fill in a form.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid separacion-h2 vc_custom_1668948324779\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2 class=\"h2A\">Web design of the contact section<\/h2>\n<h2 class=\"h2B\">Web design of the contact section<\/h2>\n<div class=\"h2separador\"><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div id=\"table-of-contents-4\" class=\"vc_row wpb_row vc_row-fluid justify vc_custom_1669109489192\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  justify\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>Location map<\/h2>\n<p>To give confidence to a potential customer it is important that we indicate where our company is located. To do this we can use the Google Maps geolocation map. It is the most widely used worldwide, as it allows us to show our location in a very simple and interactive way. It also allows us the option of visualising our exact location thanks to the Street View (street view).<\/p>\n<p>There is now a new trend in location mapping. These are the\u00a0<strong>3D maps<\/strong>. This type of map is very visual and very attractive, and will make us stand out from the rest of our competition. If you have the opportunity we recommend you to insert it. You can also contact us and we can give you an estimate of what it would be like to make your location map in 3D.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1646499032967 vc_row-has-fill vc_row-o-content-middle vc_row-flex\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div id=\"ultimate-heading-62726a142b773fb66\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-62726a142b773fb66 uvc-2644\" data-hspacer=\"no_spacer\"  data-halign=\"left\" style=\"text-align:left\"><div class=\"uvc-heading-spacer no_spacer\" style=\"top\"><\/div><div class=\"uvc-main-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-62726a142b773fb66 h4'  data-responsive-json-new='{\"font-size\":\"desktop:45px;tablet_portrait:34px;\",\"line-height\":\"desktop:50px;tablet_portrait:44px;\"}' ><h4 style=\"--font-weight:theme;color:#ffffff;\">Let's work together<\/h4><\/div><div class=\"uvc-sub-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-62726a142b773fb66 .uvc-sub-heading '  data-responsive-json-new='{\"font-size\":\"desktop:25px;tablet_portrait:20px;\",\"line-height\":\"desktop:30px;tablet_portrait:30px;\"}'  style=\"font-weight:bold;color:#ffffff;\">We would love to hear about your next project and show you how we can help.<\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">#default-btn-fe066e1174e3a4e558f04bc44e1e27ce {\n  border-radius: 0px;\n  font-size: 24px;\n  line-height: 26px;\n}\n.btn-shadow#default-btn-fe066e1174e3a4e558f04bc44e1e27ce {\n  box-shadow: 0 1px 6px rgba(0,0,0,0.12);\n  transition: box-shadow 0.2s ease-out, opacity 0.45s;\n}\n.btn-shadow#default-btn-fe066e1174e3a4e558f04bc44e1e27ce:hover {\n  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);\n}\n.btn-3d#default-btn-fe066e1174e3a4e558f04bc44e1e27ce:hover {\n  box-shadow: 0px 2px 0px 0px #e0e0e0;\n}\n.btn-flat#default-btn-fe066e1174e3a4e558f04bc44e1e27ce {\n  box-shadow: none;\n}\n.btn-flat#default-btn-fe066e1174e3a4e558f04bc44e1e27ce:hover {\n  box-shadow: none;\n}\n#default-btn-fe066e1174e3a4e558f04bc44e1e27ce.ico-right-side > i {\n  margin-right: 0px;\n  margin-left: 8px;\n}\n#default-btn-fe066e1174e3a4e558f04bc44e1e27ce > i {\n  margin-right: 8px;\n  font-size: 24px;\n}\n#default-btn-fe066e1174e3a4e558f04bc44e1e27ce:not(:hover) {\n  border-width: 0px;\n  color: #ffffff;\n  padding: 26px 10px 26px 10px;\n}\n#default-btn-fe066e1174e3a4e558f04bc44e1e27ce:not(:hover) * {\n  color: #ffffff;\n}\n#default-btn-fe066e1174e3a4e558f04bc44e1e27ce:hover {\n  border-width: 0px;\n  color: #000000;\n  background: #ffffff !important;\n  padding: 26px 10px 26px 10px;\n}\n#default-btn-fe066e1174e3a4e558f04bc44e1e27ce:hover * {\n  color: #000000;\n}\n#default-btn-fe066e1174e3a4e558f04bc44e1e27ce.ico-right-side > i {\n  margin-right: 0px;\n  margin-left: 8px;\n}\n#default-btn-fe066e1174e3a4e558f04bc44e1e27ce > i {\n  margin-right: 8px;\n}<\/style><div class=\"btn-align-center\"><a href=\"\/en\/contact\/\" class=\"default-btn-shortcode dt-btn link-hover-off full-width-btn btn-flat\" id=\"default-btn-fe066e1174e3a4e558f04bc44e1e27ce\" title=\"Mobile application development\"><i class=\"icomoon-the7-font-the7-arrow-29\"><\/i><span>Ask us for a quote<\/span><\/a><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div id=\"table-of-contents-5\" class=\"vc_row wpb_row vc_row-fluid justify vc_custom_1669109470983\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element  justify\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>Virtual tour<\/h2>\n<p>This option is very new, and just like the 3D maps, it will make the web design of the contact section of our website very attractive. There are companies that insert a\u00a0<strong>virtual tour<\/strong>\u00a0The museum's offices, giving us the chance to see it as if we were inside. This is an option that we should really consider. Above all, this will give confidence to the potential client who wishes to contact us.<\/p>\n<p>Therefore, if you want to make improvements in the web design of the contact section of your website, you can contact us, we will advise you and we will develop the improvements you require.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1657102698850\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_message_box vc_message_box-standard vc_message_box-rounded vc_color-info vc_custom_1657102952555\" ><div class=\"vc_message_box-icon\"><i class=\"fa fa-solid fa-circle-info\"><\/i><\/div><p>We provide services throughout the national territory, and our headquarters are located in the centre of <a href=\"https:\/\/www.google.com\/maps\/place\/Aulatina,+Dise%C3%B1o+Web+M%C3%A1laga\/@36.7194334,-4.422429,15z\/data=!4m2!3m1!1s0x0:0x9a601ad8d190d429?sa=X&amp;ved=2ahUKEwjG5Mqw3qL2AhWNSvEDHWQvBdQQ_BJ6BAgbEAU\" target=\"_blank\" rel=\"noopener\">Malaga<\/a>You can contact us by <a href=\"https:\/\/api.whatsapp.com\/send?phone=34695551758&amp;text=Presupuesto\" target=\"_blank\" rel=\"noopener\">Whatsapp 1<\/a> or to the <a href=\"https:\/\/api.whatsapp.com\/send?phone=34665552790&amp;text=Presupuesto\" target=\"_blank\" rel=\"noopener\">Whatsapp 2<\/a>or by calling us on one of these two mobiles (+34) 695 551 758 or (+34) 695 552 790 or from our contact form at <a href=\"\/en\/contact\/\">contact<\/a>.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Descubre c\u00f3mo mejorar el dise\u00f1o web de la secci\u00f3n contacto en tu p\u00e1gina. Ideas para potenciar esta \u00e1rea clave con sencillez y efectividad. \u00a1Optimiza tu web!<\/p>","protected":false},"author":1,"featured_media":57645,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-57644","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-1","description-off"],"_links":{"self":[{"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/posts\/57644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/comments?post=57644"}],"version-history":[{"count":0,"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/posts\/57644\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/media\/57645"}],"wp:attachment":[{"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/media?parent=57644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/categories?post=57644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.aulatina.com\/en\/wp-json\/wp\/v2\/tags?post=57644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}