{"id":44593,"date":"2020-11-18T12:22:21","date_gmt":"2020-11-18T12:22:21","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=44593"},"modified":"2020-11-18T12:22:21","modified_gmt":"2020-11-18T12:22:21","slug":"webinar-vitaly-friedman","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/","title":{"rendered":"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"44593\" class=\"elementor elementor-44593\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-380f30d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"380f30d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b200b2\" data-id=\"0b200b2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a050cd2 elementor-widget elementor-widget-text-editor\" data-id=\"a050cd2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Web forms don\u2019t have the best reputation. Very often they are inaccessible and difficult to use, with awkward live validation and plenty of error messages. Then there are poorly-optimized drop-down menus, tiny checkboxes, fields with copy-paste disabled, and more.<\/p><p>Although it can take some effort to make the right choices when <a href=\"https:\/\/elementor.com\/widgets\/form-widget\/\" target=\"_blank\" rel=\"noopener\">building forms<\/a>, the benefits are worth it. This is why we worked with <a href=\"https:\/\/www.smashingmagazine.com\/author\/vitaly-friedman\/\" target=\"_blank\" rel=\"noopener\">Vitaly Friedman<\/a> to create a webinar on <a href=\"https:\/\/elementor.com\/blog\/form-design-ux\/\">form design best practices<\/a>. Vitaly has been a freelance designer for six years and is the co-founder of <a href=\"https:\/\/www.smashingmagazine.com\/\" target=\"_blank\" rel=\"noopener\">Smashing Magazine<\/a> \u2014 one of the most prominent web development and design publishers currently active. As the current Editor-in-Chief of Smashing Magazine, Vitaly is an expert when it comes to User Experience (UX) and design.<\/p><p>In this article, we\u2019ll summarize the main points and key takeaways from Vitaly\u2019s presentation, and share some insights from our Q&amp;A session with him. Let\u2019s get to it!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b8d0980 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b8d0980\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bb15209\" data-id=\"6bb15209\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62bcc55b elementor-align-center elementor-widget elementor-widget-button\" data-id=\"62bcc55b\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.youtube.com\/watch?v=nmM5vsKVOYQ\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn How To Use Elementor's Form Builder<br> To Create a Form on WordPress<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9b93a68 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9b93a68\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-46163d4\" data-id=\"46163d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec5dc02 elementor-widget elementor-widget-heading\" data-id=\"ec5dc02\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4 Key Form Design Best Practices\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2323eed elementor-widget elementor-widget-text-editor\" data-id=\"2323eed\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We often see the same boring <a href=\"https:\/\/elementor.com\/blog\/website-form-design-examples\/\">form designs<\/a> used too often. Many commonly-used elements also suffer from performance issues and can be frustrating for your visitors to use.<\/p><p>In order to provide a better experience, it can help to look into new and different ways of designing your forms. Let\u2019s take a look at four tips Vitaly recommends for doing just that.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec24ccd elementor-widget elementor-widget-heading\" data-id=\"ec24ccd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Understand How Your Users Perceive Web Forms and Inputs\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6333d95 elementor-widget elementor-widget-text-editor\" data-id=\"6333d95\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To begin, it\u2019s important to understand that forms matter. From search and filtering to newsletters and authentications, they\u2019re indispensable aspects of most customer interactions:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3bf16b elementor-widget elementor-widget-image\" data-id=\"c3bf16b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2020\/11\/facebook-signup-form-1024x576.png\" class=\"attachment-large size-large wp-image-44615\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/11\/facebook-signup-form-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/11\/facebook-signup-form-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/11\/facebook-signup-form-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/11\/facebook-signup-form-1536x864.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1600\/blog\/wp-content\/uploads\/2020\/11\/facebook-signup-form.png 1600w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe1081 elementor-widget elementor-widget-text-editor\" data-id=\"3fe1081\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This makes it vital that you understand how to design the best experiences for your users. For instance, you\u2019ll want to pay attention to the mental models customers already have regarding forms and inputs.<\/p><p>For example, when it comes to names, some people aren\u2019t used to the notion of splitting them into first, middle, and last names. Then there are individuals who don\u2019t even have middle or last names.<\/p><p>Therefore, having multiple &#8220;name&#8221; fields that must be filled out can be confusing or frustrating. This is why it can be smart to use fields for \u2018full names\u2019 instead. The same often applies to addresses, credit cards, and other data inputs.<\/p><p>You\u2019ll also want to learn about and avoid common user frustrations, as this can help you understand whether or not a form will be easy to understand and use. Some of these frustrations include:<\/p><ul><li>Unexpected content shifts or page reloads<\/li><li>Confusing country selector drop-down menus<\/li><li>Inputs that are fully cleared if an error occurs<\/li><li>The need to retype inputs (such as by confirming email addresses and passwords)<\/li><\/ul><p>Instead of offering obstacles, your forms should be accessible and friendly. Here are some characteristics that users appreciate:<\/p><ul><li>A fast, accessible experience<\/li><li>Large and legible text<\/li><li>Clear focus and active states<\/li><li>Predictable tabbing<\/li><li>A form that\u2019s quick to complete<\/li><\/ul><p>To optimize your forms, you can test them out and track key metrics, such as completion time and bounce rate. This can let you know what\u2019s working and what might need to be improved. Most importantly, you\u2019ll want to prioritize speed, accessibility, and usability.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8df2022 elementor-widget elementor-widget-heading\" data-id=\"8df2022\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Find the Right Timing for Required Actions\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02ee026 elementor-widget elementor-widget-text-editor\" data-id=\"02ee026\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Next, you want to find the right times to ask users to complete certain actions, such as verifying their email addresses. In this case, you\u2019re interested in when the user cares the most about the correctness of the address. For example, during a checkout process, customers may pay more attention when reviewing details they\u2019ve previously entered, in order to avoid misplaced items or lost email receipts.<\/p><p>This also applies to passwords, which you can even provide incentives for. Let\u2019s say that a user has almost completed a checkout using a guest account:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4bce91 elementor-widget elementor-widget-image\" data-id=\"e4bce91\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2020\/11\/walmart-checkout-first-page-1024x576.png\" class=\"attachment-large size-large wp-image-44616\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/11\/walmart-checkout-first-page-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/11\/walmart-checkout-first-page-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/11\/walmart-checkout-first-page-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/11\/walmart-checkout-first-page-1536x864.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2020\/11\/walmart-checkout-first-page.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9555f elementor-widget elementor-widget-text-editor\" data-id=\"2f9555f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You might ask them to create an account by entering a password, offering a 10 percent discount if they do so. At this point, the only thing standing in the way of completing the checkout process is that password, so the user may be more likely to sign up.<\/p><p>As we mentioned earlier, your form should also be designed to maximize completion speed, so users feel like they are cruising through it rather than being slowed down. One of the most important first steps you can take when optimizing your form is to enable autofill, which can reduce completion times by at least 30 percent.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8980a72 elementor-widget elementor-widget-heading\" data-id=\"8980a72\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Define Input Boundaries\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff69dfb elementor-widget elementor-widget-text-editor\" data-id=\"ff69dfb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you know what your form\u2019s goals are, you\u2019ll want to define &#8220;input boundaries&#8221; in order to avoid ambiguity. This typically involves measuring your form and its fields based on certain metrics, which can help you determine how difficult or complicated it will be to complete.<\/p><p>For instance, here are some typical issues that often show up in a checkout form:<\/p><ul><li>Complex inputs<\/li><li>Confusing layout<\/li><li>Poor support for autofill<\/li><li>Sudden, unannounced changes<\/li><\/ul><p>In addition, <a href=\"https:\/\/www.cardfellow.com\/blog\/pci-compliance-is-required\/\" target=\"_blank\" rel=\"noopener\">PCI compliance<\/a> may require that your users type in their credit card details multiple times when they\u2019re reviewing entered information. You can address this potential source of frustration by avoiding page refreshes and storing data locally.<\/p><p>It\u2019s also important to walk through your form\u2019s input fields and review them. For example, for detail such as company name, you can consider the following:<\/p><ul><li>Whether or not it should be mandatory<\/li><li>If it should include adaptive placeholders, such as when a B2B company uses different country placeholders based on each customer\u2019s location<\/li><li>If prefilling is need and is working<\/li><li>What the maximum and minimum allowed length for responses should be<\/li><\/ul><p>You\u2019ll also want to consider offering a &#8220;smart autocomplete&#8221; option \u2013 providing suggestions based on what the user is typing in. Additionally, it\u2019s a good idea to think strategically about when to show a drop-down menu, such as when the user starts typing or on input focus.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57bfcc2 elementor-widget elementor-widget-heading\" data-id=\"57bfcc2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Consider How To Optimize Your Form\u2019s Layout\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d85376e elementor-widget elementor-widget-text-editor\" data-id=\"d85376e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Finally, you\u2019ll want to think carefully about how to lay out your form. For example, when you have multiple fields, you\u2019ll need to decide whether to <a href=\"https:\/\/elementor.com\/help\/how-to-create-a-multi-column-form\/\" target=\"_blank\" rel=\"noopener\">create a multi-column layout<\/a> or use one long page.<\/p><p>In most cases, having one set of items per page tends to work well. For example, most checkout processes ask for personal details in the first step and then move onto billing and shipping information. This type of <a href=\"https:\/\/elementor.com\/blog\/introducing-multi-step-form\/\" target=\"_blank\" rel=\"noopener\">multi-step form<\/a> works because users find it easier to use, it performs well on mobile devices, and it\u2019s better at handling errors, branches, loops, and so on.<\/p><p>Ideally, you don\u2019t want to display more than six or seven input fields at a time on each page, as too many elements can increase the perceived complexity of the form. Another option is to use the accordion-style form that you can find on sites like <a href=\"https:\/\/www.walmart.com\/\">Walmart.com<\/a>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07dcd15 elementor-widget elementor-widget-image\" data-id=\"07dcd15\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2020\/11\/walmart-accordian-tabs-1024x576.png\" class=\"attachment-large size-large wp-image-44617\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/11\/walmart-accordian-tabs-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/11\/walmart-accordian-tabs-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/11\/walmart-accordian-tabs-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/11\/walmart-accordian-tabs-1536x864.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2020\/11\/walmart-accordian-tabs.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da7d77f elementor-widget elementor-widget-text-editor\" data-id=\"da7d77f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>An accordion form typically works like this: When you start typing, the second and any further steps are collapsed until you reach them. When each step is completed, it becomes a summary highlighting the important information you\u2019ve entered:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d698185 elementor-widget elementor-widget-image\" data-id=\"d698185\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=450\/blog\/wp-content\/uploads\/2020\/11\/walmart-payment-method-1024x576.png\" class=\"attachment-large size-large wp-image-44618\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/11\/walmart-payment-method-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/11\/walmart-payment-method-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/11\/walmart-payment-method-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/11\/walmart-payment-method-1536x864.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1920\/blog\/wp-content\/uploads\/2020\/11\/walmart-payment-method.png 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5cb6ff elementor-widget elementor-widget-text-editor\" data-id=\"e5cb6ff\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Even if you\u2019re forced to include all your input fields on the same page, you can still space them out or organize them into columns to avoid overwhelming the user.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40e3781 elementor-widget elementor-widget-heading\" data-id=\"40e3781\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Q&amp;A: Insights From Vitaly Friedman on Building Effective Forms\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c74c4b2 elementor-widget elementor-widget-text-editor\" data-id=\"c74c4b2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Before we wrap up, here are some highlights from our Q&amp;A session with Vitaly Friedman.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05f079a elementor-widget elementor-widget-heading\" data-id=\"05f079a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Q: What Are the Best Ways To Secure Your Forms Against Bots?\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37b1ebe elementor-widget elementor-widget-text-editor\" data-id=\"37b1ebe\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Friedman has <a href=\"https:\/\/youtu.be\/qktwIWZNFY4?t=4144\" target=\"_blank\" rel=\"noopener\">a checklist<\/a> addressing this issue, which offers a ten-point strategy you can apply. Some tips include using the Akismet plugin to block spam, and asking random questions (such as \u201cWhat color is the sun?\u201d) that would be easy for humans to answer but challenging for bots.<\/p><p>Instead of using CAPTCHAs, you might also use <a href=\"https:\/\/www.thryv.com\/blog\/honeypot-technique\/\" target=\"_blank\" rel=\"noopener\">the &#8220;honeypot technique&#8221;<\/a>, which involves creating an invisible field. It\u2019s not visible to users, but it is to bots, which will typically fill it with random data. So if the field stays empty, the form was probably completed by a human user.<\/p><p>You might also use a keyboard-accessible slider, and ask users to move it to a certain position. Time traps can also work. That strategy involves introducing time delays when someone attempts to log in or leave a comment multiple times. When faced with these delays, bots are likely to simply move on.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e7b365 elementor-widget elementor-widget-heading\" data-id=\"1e7b365\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Q: How Much of a Problem Is Form Abandonment?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7257beb elementor-widget elementor-widget-text-editor\" data-id=\"7257beb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Form abandonment is common, but this is an issue that can be mitigated. For example, many sites will ask for email addresses before presenting the full form, as insurance in case of abandonment. This technique enables you to send a reminder later on, to encourage those users to complete the process.<\/p><p>However, it can be dangerous to enforce logins before forms can be completed. If a user types in an email address while trying to sign up to complete a checkout process, but that address already exists in your database, they\u2019ll have to spend time trying to recover their password in order to log in. This can cause high form abandonment rates and negatively impact your revenue.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67e22a7 elementor-widget elementor-widget-heading\" data-id=\"67e22a7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Q: Chatbots vs. Forms for Lead Capture \u2014 Which Is Better?\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e17e54 elementor-widget elementor-widget-text-editor\" data-id=\"7e17e54\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Friedman has seen an enormous drop in submissions when he\u2019s used chatbots. However, it\u2019s important to note that chatbots and forms have slightly different purposes. You\u2019ll need to decide which one is right for you, based on your goals.<\/p><p>Although a conversational interface can work well for customer support, it can be much slower when it comes to signing visitors up. If someone using your chatbot has reached a point where they\u2019ve found a product they need or like, the next step should be to drive them to a form where they can sign up or just submit their email address.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f365665 elementor-widget elementor-widget-heading\" data-id=\"f365665\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Build Effective Forms\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9cd33e elementor-widget elementor-widget-text-editor\" data-id=\"e9cd33e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Vitaly\u2019s presentation helped us understand how to build effective forms that are performant, usable, and accessible. For more content like this, you can read articles and access books over at Smashing Magazine. You can also join front end and User Experience (UX) online workshops and conferences via <a href=\"https:\/\/smashingconf.com\/\">Smashing Conference<\/a>.<\/p><p>Do you have any questions about designing more effective forms? Let us know in the comments section below!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Designing the right forms for your site is challenging, but the benefits are worth it. In our webinar with the co-founder of Smashing Magazine, Vitaly Friedman, we discussed the best practices for form design. Here are the main takeaways.<\/p>\n","protected":false},"author":4,"featured_media":44634,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[32,168],"tags":[79,166,173],"marketing_persona":[47],"marketing_intent":[48],"class_list":["post-44593","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-webinars","tag-build","tag-design","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman<\/title>\n<meta name=\"description\" content=\"In our webinar with the co-founder of Smashing Magazine, Vitaly Friedman, we discussed the best practices for form design. Here are the main takeaways.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman\" \/>\n<meta property=\"og:description\" content=\"In our webinar with the co-founder of Smashing Magazine, Vitaly Friedman, we discussed the best practices for form design. Here are the main takeaways.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-18T12:22:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2020\/11\/Vitaly-Friedman-blog-cover.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ben Pines\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Pines\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/\"},\"author\":{\"name\":\"Ben Pines\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#\\\/schema\\\/person\\\/c772e5251f765dce36a2b4989bad900a\"},\"headline\":\"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman\",\"datePublished\":\"2020-11-18T12:22:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/\"},\"wordCount\":1731,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Vitaly-Friedman-blog-cover.png\",\"keywords\":[\"Build\",\"Design\",\"Video\"],\"articleSection\":[\"Web Design\",\"Webinars\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/\",\"name\":\"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Vitaly-Friedman-blog-cover.png\",\"datePublished\":\"2020-11-18T12:22:21+00:00\",\"description\":\"In our webinar with the co-founder of Smashing Magazine, Vitaly Friedman, we discussed the best practices for form design. Here are the main takeaways.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Vitaly-Friedman-blog-cover.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Vitaly-Friedman-blog-cover.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/webinar-vitaly-friedman\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/elementor.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\\\/\\\/elementor.com\\\/blog\\\/category\\\/design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementor.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/elemntor\\\/\",\"https:\\\/\\\/x.com\\\/elemntor\",\"https:\\\/\\\/www.instagram.com\\\/elementor\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#\\\/schema\\\/person\\\/c772e5251f765dce36a2b4989bad900a\",\"name\":\"Ben Pines\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"caption\":\"Ben Pines\"},\"description\":\"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.\",\"sameAs\":[\"https:\\\/\\\/elementor.com\"],\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/author\\\/ben-pines\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman","description":"In our webinar with the co-founder of Smashing Magazine, Vitaly Friedman, we discussed the best practices for form design. Here are the main takeaways.","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:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/","og_locale":"en_US","og_type":"article","og_title":"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman","og_description":"In our webinar with the co-founder of Smashing Magazine, Vitaly Friedman, we discussed the best practices for form design. Here are the main takeaways.","og_url":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2020-11-18T12:22:21+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/oovolzcf.elementor.cloud\/wp-content\/uploads\/2020\/11\/Vitaly-Friedman-blog-cover.png","type":"image\/png"}],"author":"Ben Pines","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Ben Pines"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/"},"author":{"name":"Ben Pines","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a"},"headline":"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman","datePublished":"2020-11-18T12:22:21+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/"},"wordCount":1731,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/11\/Vitaly-Friedman-blog-cover.png","keywords":["Build","Design","Video"],"articleSection":["Web Design","Webinars"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/","url":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/","name":"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/11\/Vitaly-Friedman-blog-cover.png","datePublished":"2020-11-18T12:22:21+00:00","description":"In our webinar with the co-founder of Smashing Magazine, Vitaly Friedman, we discussed the best practices for form design. Here are the main takeaways.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/11\/Vitaly-Friedman-blog-cover.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/11\/Vitaly-Friedman-blog-cover.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/webinar-vitaly-friedman\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/elementor.com\/blog\/category\/design\/"},{"@type":"ListItem","position":3,"name":"Form Design Best Practices \u2014 Takeaways From Our Webinar With Vitaly Friedman"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a","name":"Ben Pines","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","caption":"Ben Pines"},"description":"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.","sameAs":["https:\/\/elementor.com"],"url":"https:\/\/elementor.com\/blog\/author\/ben-pines\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/44593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=44593"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/44593\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/44634"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=44593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=44593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=44593"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=44593"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=44593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}