{"version":3,"sources":["webpack:///./src/img/blog/unnamed.png","webpack:///./src/pages/blog/tips-to-improve-sign-up-forms-with-examples.js","webpack:///./src/img/blog/wrapel1.png","webpack:///./src/img/blog/unnamed-5-.png","webpack:///./src/img/blog/screely-1579465559231.png","webpack:///./src/img/blog/unnamed-6-.png","webpack:///./src/img/blog/screely-1579457606861.png","webpack:///./src/img/blog/unnamed-4-.png","webpack:///./src/img/blog/signup-improve.png","webpack:///./src/img/ui/quote.svg","webpack:///./src/img/ui/arrow_black.svg","webpack:///./src/img/blog/unnamed-1-.png","webpack:///./src/components/blog/content/styled.js","webpack:///./src/img/blog/unnamed-2-.png","webpack:///./src/img/blog/unnamed-3-.png"],"names":["module","exports","Wrapped","BlogArticle","id","href","target","rel","src","img1","alt","title","img2","img3","img4","img5","img6","img7","img8","img9","img10","frontmatter","url","description","author","img","imgSocial","date","category","group","timeToRead","process","Post","styled","div","media","mobile","quote","tablet","arrowIcon"],"mappings":"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","file":"component---src-pages-blog-tips-to-improve-sign-up-forms-with-examples-js-13891f4099119f6cc700.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/unnamed-a2dfe1ec98479f9869cd28df2c3899e8.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKalina as author } from 'data/authors';\nimport img from 'img/blog/signup-improve.png';\n\nimport img1 from 'img/blog/unnamed.png';\nimport img2 from 'img/blog/screely-1579457606861.png';\nimport img3 from 'img/blog/unnamed-1-.png';\nimport img4 from 'img/blog/unnamed-2-.png';\nimport img5 from 'img/blog/unnamed-5-.png';\nimport img6 from 'img/blog/unnamed-4-.png';\nimport img7 from 'img/blog/unnamed-3-.png';\nimport img8 from 'img/blog/screely-1579465559231.png';\nimport img9 from 'img/blog/unnamed-6-.png';\nimport img10 from 'img/blog/wrapel1.png';\n\nconst Content = () => {\n return (\n \n

\n Sign-up forms are like medicines - you may hate them, but you know you have to take them to\n feel better. On websites, they play the role of “a ticket” to what is behind the main page -\n a product, a service or a special offer.\n

\n

\n And selling that ticket may be more troublesome than you think it could be.\n

\n

\n Sign-up forms are a gate that your users need to cross to access your services. However, if\n that gate is off-putting and does not quite click, it can result in a high bounce rate and\n fewer conversions that you’d desire.\n

\n

\n The best sign-up form examples do not stand out with extraordinary features - rather than\n that, they combine the right practices in a customer-oriented form. Where to get some\n sign-up form inspiration and how to create a compelling form that will convert like crazy?\n Read this post to find out.\n

\n \n\n

\n According to{' '}\n \n The Manifest\n \n , 81% of people have abandoned a form after beginning to fill it out. 27% blame its length\n for this, but there are also many other reasons why sign-up forms do not convert. Before we\n start identifying what some sign-up form best practices are, let’s briefly explain what all\n the fuss is about.\n

\n

\n What is a sign-up form?\n

\n

\n Long story short: a sign-up form is a form requiring some information from a user who wants\n to take a particular action, such as a registration. For brands, a well-functioning form is\n needed to generate more leads and convert them into deals.\n

\n

How to improve a sign-up form?

\n

\n There are quite a few methods you can use to improve your forms. Some of them can be\n included in a series of quick fixes, while implementing others can take a bit more time.\n Browse some sign-up form best practices along with top examples and get inspired.\n

\n

Make your sign-up form short and sweet

\n

\n The most important thing about preparing a sign-up form is… not to overdo it. It’s\n understandable that you want to know a lot about your potential client, but the very first\n sign-up form they need to fill in is not the best time and place to do so.\n

\n

\n How willing would you be to fill in the sign-up form below?\n

\n

\n \"form\"\n

\n

\n The length of the form is one thing - another is the amount of information and action it\n requires from the user. All of the fields are obligatory. In this case, the user needs to\n fill in eight fields if they want to download a single piece of content. That’s quite a lot\n of effort, isn’t it?\n

\n

\n Remember about the goal of your sign-up form - this is one of the very first touchpoints\n between your potential clients and your product.. There will be a better time and place to\n get to know your user better. At this point, the goal is to encourage them to register.\n

\n

Via negativa sign-up form creation

\n

\n Have you ever heard the term via negativa? It stands for “\n addition by subtraction”: in order to improve usability and deliver more added\n value, you actually remove existing elements instead of adding new ones.\n

\n

\n Take a look at this Basecamp example - they ask for a name and e-mail address. Would it hurt\n to ask for an e-mail only?\n

\n

\n \"form\"\n

\n

\n The answer is: no. And Netflix knows about it, so they only for an e-mail address after\n describing their biggest asset: unlimited & more, anytime, anywhere\n .They do not need to know a user’s name (yet) to serve them well, and the user can access\n the site in seconds. Doesn’t it sound like a great start?\n

\n

\n \"netlfix\n

\n

Use authority quotes and benefits

\n

\n As long as you should keep your sign-up forms concise and straight to the point, you also\n should think about implementing some incentives for those who may still be hesitant to\n sign-up. Adding some authority quotes and social proof (such as reviews from software review\n sites like Capterra, G2 or Trustpilot), as well as a brief list of benefits (sometimes a\n short sentence will do) can result in increased conversion rates.\n

\n

Take a look at a few examples.

\n
\n \"form\n
\n Filecamp.com digital asset management software - used a testimonial to persuade\n those who still had doubts.\n
\n
\n\n
\n \"form\n
\n Liveagent.com, customer support management software - listed their benefits in just\n two sentences and added social proof in the form of their client’s opinions – together\n with a picture of the client, to show that he’s a real person.\n
\n
\n\n
\n \"form\n
\n CloudTalk.io, call center management software. Instead of providing a single\n review, CloudTalk shows a couple of ratings from the most popular software review sites.\n
\n
\n\n

Oh, and we’re no different:

\n
\n \"form\n
\n At LiveSession, we provide solid social proof as well as a short list of benefits\n on our sign-up form landing page. You know exactly what kind of value you’re getting.\n
\n
\n\n

Make it quick and visible

\n

\n Let’s face it: your users don’t feel comfortable with providing too much data from the very\n beginning, especially nowadays. However, spending too much time on filling out the form is\n not something they’re keen on. Looking for the sign-up form forever isn’t their favorite\n activity either….\n

\n

\n You should let your potential clients sign up in seconds, and access the form from anywhere.\n The form itself is crucial, but if your users need to look for it for too long then they may\n give up and turn to your competitors. If you scroll Kontentino’s website (below), you’ll\n notice that a “sign up” button is scrollable and stays in the same place (top right). It\n doesn’t matter if you scroll the website up and down, so you can always sign up instantly,\n without seeking the magic button.\n

\n

\n \"form\n

\n

\n Your sign-up form itself should be short and easy to implement. This way, you can attach it\n to blog posts or embed it in a pop-up without unnecessary hassle.\n

\n

\n Always give your potential customers one opportunity:{' '}\n to be a click away from signing up. You should also give them a chance to\n do it either by providing an email address or by logging in to Facebook or Google to shorten\n the customer journey. In other words, give them a choice.\n

\n

\n \"create\n

\n

Sign-up form design matters

\n

\n On top of all of that, your sign-up form just has to be user-friendly and intuitive. Easier\n said than done? For sure, but it’s worth following sign-up form best practices to get\n inspired.\n

\n

\n Check out this example from{' '}\n \n Typeform\n \n . Minimalistic sign-up forms while presenting their USPs in a few words is not going to\n distract potential users.\n

\n

\n \"form\"\n

\n

\n Finding the golden mean between great design,{' '}\n \n customer experience\n {' '}\n and conversion is not the easiest task. This is why you should consider running some{' '}\n \n A/B tests on your website\n {' '}\n to see which solution works best in your case.\n

\n

\n You can also get a little creative and introduce a bit of humor. Writing something funny\n about passwords (for example: “It’ll be our secret” or “No worries, we won’t tell anyone”)\n can make you more memorable. Of course, the reception of these little jokes depends on your\n audience – why not test different approaches and see what works best in your case?\n

\n

Common sign-up forms mistakes

\n

\n There are a few common mistakes that people often make with sign-up forms. Luckily, many are\n easily avoidable if you’re aware of them. Let us just list a few of the most popular ones:\n

\n \n \n\n

To wrap-up

\n

\n A sign-up form may seem like nothing but just a few fields that need to be filled – but it’s\n much more than that. It’s a chance to grab the user’s attention, make a great first\n impression and persuade them to make a commitment.\n

\n

\n Working on your sign-up form conversion can be tough and daunting but if you do it right, it\n leads to tremendous growth. Your clients are happy because they can register without too\n much effort, you are happy because you get more of them and your conversion rates skyrocket.\n A win-win situation, isn’t it?\n

\n
\n );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n title: '5 Tips to Improve Sign-up Forms (with examples)',\n url: '/blog/tips-to-improve-sign-up-forms-with-examples/',\n description: `Sign-up forms are like medicines - you may hate them, but you know you have to\n take them to feel better.`,\n author,\n img,\n imgSocial: img,\n date: '2020-01-24',\n category: '',\n group: 'Research',\n timeToRead: 7,\n};\n\nexport default () => (\n \n);\n","module.exports = __webpack_public_path__ + \"static/wrapel1-24c2e25f9d38760f93ddee289f56476e.png\";","module.exports = __webpack_public_path__ + \"static/unnamed-5--5e010016816b05421c8b4d5125a45ea9.png\";","module.exports = __webpack_public_path__ + \"static/screely-1579465559231-9c922bc8325d1d6723b2d3cd7d1c27ff.png\";","module.exports = __webpack_public_path__ + \"static/unnamed-6--0bb245cfa189cc613188e9f3f5c84388.png\";","module.exports = __webpack_public_path__ + \"static/screely-1579457606861-cef63b8bb52d67ee991646b2231ad0ef.png\";","module.exports = __webpack_public_path__ + \"static/unnamed-4--6b9f7a1fde425769d919242f7f09faa4.png\";","module.exports = __webpack_public_path__ + \"static/signup-improve-33b2142ec7aa9f2484c84f353414558c.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Mi4yNDUiIGhlaWdodD0iNzEuNjA4IiB2aWV3Qm94PSIwIDAgOTIuMjQ1IDcxLjYwOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04OS43Miw2Ni4yNzFjMC0xNi4xNjItMTAuNDQzLTI1LjM2MS0yMi4xMjktMjUuMzYxQTE5LjksMTkuOSwwLDAsMCw0Ny45NDksNjAuOGMwLDEwLjQ0Myw3LjQ1OSwxNy45LDE2LjkwNywxNy45YTEyLjQ3OCwxMi40NzgsMCwwLDAsNC45NzMtLjk5NUM2Ny41OTEsODYuNjYsNTguMzkyLDk3LjEsNTAuNDM1LDEwMS4zMjlMNjQuMTEsMTEyLjUxOEM3OS41MjYsMTAxLjU3OCw4OS43Miw4NC45MTksODkuNzIsNjYuMjcxWm0tNTAuNDc0LDBjMC0xNi4xNjItMTAuNjkxLTI1LjM2MS0yMi4zNzgtMjUuMzYxQzYuNDI2LDQwLjkxLTIuNTI1LDQ5Ljg2MS0yLjUyNSw2MC44YzAsMTAuNDQzLDcuNDU5LDE3LjksMTYuOTA3LDE3LjlhMTEuMTY0LDExLjE2NCwwLDAsMCw0LjcyNC0uOTk1QzE3LjExOCw4Ni42Niw3LjkxOCw5Ny4xLS4wMzksMTAxLjMyOWwxMy42NzUsMTEuMTg5QzI4LjgsMTAxLjU3OCwzOS4yNDYsODQuOTE5LDM5LjI0Niw2Ni4yNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUyNSAtNDAuOTEpIi8+PC9zdmc+\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMDAwMDAwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODUgLTg1KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUgODUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTg1LDkxLjc1aDkuMTEybC00LjIsNC4yTDkxLDk3bDYtNi02LTYtMS4wNSwxLjA1LDQuMTYyLDQuMkg4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NSAtODUpIi8+PC9nPjwvZz48L3N2Zz4=\"","module.exports = __webpack_public_path__ + \"static/unnamed-1--05ffb61e92c179cb70ac11b0c9865e19.png\";","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport quote from 'img/ui/quote.svg';\nimport arrowIcon from 'img/ui/arrow_black.svg';\n\nexport const Post = styled.div`\n h3,\n h2 {\n font-weight: 700;\n letter-spacing: 0.01em;\n margin: 2em 0 0.8em;\n }\n h3 {\n font-size: 1.1rem;\n line-height: 1.8rem;\n }\n h2 {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n h4 {\n color: rgb(119, 119, 119);\n font-weight: 700;\n font-size: 1rem;\n }\n a {\n display: inline;\n font-size: 20px;\n }\n p {\n margin-bottom: 1.25rem;\n line-height: 1.8;\n font-size: 20px;\n }\n img {\n max-width: 100%;\n height: auto;\n margin: 1.2rem auto 1.4rem;\n display: block;\n }\n pre,\n p > em > code,\n p code {\n color: #c5c8c6;\n text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n font-family: 'Inconsolata', 'Monaco', 'Consolas', 'Courier New', Courier, monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n background: #1d1f21;\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n p > em > code,\n p > code {\n padding: 0.1em;\n border-radius: 0.3em;\n font-size: 78.5%;\n margin: 0;\n }\n figure {\n margin: 0 auto 1.5rem;\n img {\n margin: 0 auto 1rem;\n display: block;\n max-width: 100%;\n height: auto;\n padding-bottom: 0;\n }\n figcaption {\n color: #888;\n width: 85%;\n margin: 0 auto;\n text-align: center;\n }\n }\n p img,\n img {\n margin: 1rem auto 2rem;\n display: block;\n max-width: 100%;\n height: auto;\n filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n }\n blockquote {\n margin: 3.5rem 0 2rem;\n position: relative;\n background-color: #f1f5f9;\n padding: 48px;\n & p strong a {\n font-weight: 700;\n }\n p:last-child {\n margin-bottom: 0;\n }\n ${media.mobile} {\n padding: 36px;\n }\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n transform: translate(-30%, -50%);\n background-image: url(${quote});\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n width: 82px;\n height: 61px;\n ${media.mobile} {\n width: 74px;\n height: 74px;\n transform: translate(0, -50%);\n }\n }\n }\n ul li,\n ol li {\n margin-bottom: 0.5em;\n line-height: 1.8;\n font-size: 20px;\n }\n b {\n font-weight: 700;\n }\n aside {\n padding: 15px 25px;\n border: 2px solid #000;\n margin: 1.5rem 0;\n &.red {\n border-color: #e05c5e;\n color: #e05c5e;\n background-color: #ffebeb;\n }\n h2,\n h3,\n h4 {\n margin-top: 1.25rem;\n }\n ul {\n padding: 0 20px;\n li {\n margin-bottom: 1rem;\n }\n }\n @media (min-width: 768px) {\n padding: 15px 25px;\n }\n }\n aside.blue {\n background: #7cffef;\n border-radius: 4px;\n padding: 24px 48px;\n margin: 4rem 0px;\n border: none;\n h2 {\n font-size: 36px;\n font-weight: 800;\n }\n }\n a.link-button {\n border-radius: 4px;\n color: #fff;\n cursor: pointer;\n padding: 12px 36px;\n transition: 0.2s;\n text-transform: uppercase;\n font-weight: 700;\n min-width: 150px;\n font-size: 14px;\n text-align: center;\n background-color: #0446ca;\n margin: 0 auto 4rem;\n display: block;\n width: 250px;\n text-decoration: none;\n &:hover {\n transform: scale(1.06);\n }\n }\n .gatsby-resp-image-wrapper {\n margin-top: 25px;\n margin-bottom: 25px;\n }\n picture {\n img {\n margin: 5rem auto;\n display: block;\n filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n @media (max-width: 800px) {\n margin: 3rem auto;\n }\n }\n }\n .smaller-video {\n max-width: 60%;\n display: block;\n margin: 0 auto;\n ${media.tablet} {\n max-width: 100%;\n }\n }\n ol {\n ul {\n li {\n margin-bottom: 5px;\n }\n }\n }\n .in-border {\n border: 2px solid black;\n }\n .action-btn {\n color: #fff !important;\n margin: 3rem auto;\n background-color: #0a4ed6;\n padding: 8px 28px;\n border: 2px solid #0a4ed6;\n border-radius: 4px;\n transition: 0.2s ease;\n max-height: 48px;\n font-size: 16px;\n font-weight: 800;\n text-align: center;\n cursor: pointer;\n min-width: 140px;\n max-width: fit-content;\n outline: 0;\n display: block;\n text-decoration: none;\n white-space: nowrap;\n &:hover {\n color: #0a4ed6 !important;\n background-color: #fff;\n outline: 0;\n border: 2px solid #0a4ed6;\n text-decoration: none;\n }\n }\n .action-banner {\n background-color: #7cffef;\n padding: 16px 24px;\n font-size: 18px;\n color: #000;\n width: 100%;\n display: block;\n margin: 1.5rem 0;\n font-weight: 700;\n border-radius: 4px;\n &::after {\n content: url(${arrowIcon});\n display: inline-block;\n clear: both;\n margin-left: 16px;\n transition: 0.2s ease;\n }\n &:hover {\n text-decoration: underline;\n &::after {\n transform: translateX(8px);\n }\n }\n }\n`;\n","module.exports = __webpack_public_path__ + \"static/unnamed-2--fd96bd12caef2c46b932bf9f57b8a4c2.png\";","module.exports = __webpack_public_path__ + \"static/unnamed-3--43a8649e7752ff799f5b3022b4788d77.png\";"],"sourceRoot":""}