{"id":2208,"date":"2022-06-27T08:00:59","dateGmt":"2022-06-27T08:00:59","modified":"2022-06-28T04:29:49","modifiedGmt":"2022-06-28T04:29:49","status":"publish","title":"How to Create a Form for my Website, Emails, or Social Networks?","content":"<p><strong>In this tutorial, we will show you how to create forms in Local Service Hero.<\/strong><\/p>\n<p>You can create forms to get new leads, allow your potential customers to get a quote, contact forms, and employee forms.<\/p>\n<p>The best thing is that these forms can be embedded in a page of your website, or you can share them on your business\u2019s social networks so that people can fill out the forms with their information.<\/p>\n<p>That\u2019s why here we show you the steps you need to follow in order to create a form for your website, email marketing campaign, or social networks.<\/p>\n<h2>1- Add a new form in Local Service Hero<\/h2>\n<p>You have at least two ways to add a new form in Local Service Hero.<\/p>\n<p>First, you can use the <strong>Add New<\/strong> dropdown and select <strong>Form.<\/strong><\/p>\n<p>Second, you can go to <strong>CRM > Forms<\/strong> and click <strong>Add New<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2190 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-07.png\" alt=\"how to create a form local service hero\" width=\"1920\" height=\"928\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-07.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-07-350x169.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-07-1024x495.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-07-768x371.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-07-1536x742.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>2- Select the basic information of your new form<\/h2>\n<p>Once you open the form creator, you need to configure the basic information of your new form under the <strong>Settings<\/strong> tab.<\/p>\n<p>You can do this by selecting the following information:<\/p>\n<ul>\n<li><strong>Title<\/strong><\/li>\n<li><strong>Description<\/strong><\/li>\n<li><strong>Status<\/strong><\/li>\n<li><strong>Category.<\/strong> In this case, we\u2019ll select <strong>Lead<\/strong>.<\/li>\n<\/ul>\n<p>You can also decide if you want to hide your logo from above the form, and if you want to disallow multiple submissions for this form.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2187 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-03.png\" alt=\"how to create a form local service hero\" width=\"1920\" height=\"1055\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-03.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-03-350x192.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-03-1024x563.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-03-768x422.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-03-1536x844.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>3- Add the form fields<\/h2>\n<p>The <strong>Form Fields<\/strong> tab allows you to add all the fields that you will use to collect information from people who fill out the form.<\/p>\n<p>The fields will be automatically added depending on the form <strong>Category<\/strong> you have selected under <strong>Settings<\/strong>. However, you can customize it by adding or removing fields.<\/p>\n<p>You can also use previous forms as templates and select them by using the\u00a0<strong>Templates<\/strong> dropdown.<\/p>\n<p>The\u00a0<strong>Select the style<\/strong> dropdown allows you to select how your form fields will look. Also, you can\u00a0<strong>Select the color scheme<\/strong>.<\/p>\n<p>You can add any of the following field types:<\/p>\n<ul>\n<li>Checkbox group<\/li>\n<li>Date field<\/li>\n<li>Header<\/li>\n<li>Number<\/li>\n<li>Paragraph<\/li>\n<li>Radio group<\/li>\n<li>Select<\/li>\n<li>Text field<\/li>\n<li>Text area<\/li>\n<li>Range<\/li>\n<li>Range fancy<\/li>\n<li>Math<\/li>\n<li>Speedometer<\/li>\n<li>Address<\/li>\n<li>Billing address<\/li>\n<li>Contact details<\/li>\n<li>Sales tracking<\/li>\n<li>Billing details<\/li>\n<li>Employee details<\/li>\n<li>Submit button<\/li>\n<li>Clear button<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2186 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-04.png\" alt=\"how to create a form local service hero\" width=\"1920\" height=\"2661\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-04.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-04-350x485.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-04-739x1024.png 739w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-04-768x1064.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-04-1108x1536.png 1108w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-04-1478x2048.png 1478w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>4- Select the after submissions settings<\/h2>\n<p>You can select what happens once users hit the <strong>Submit<\/strong> button.<\/p>\n<p>For example, you can:<\/p>\n<ul>\n<li>Send notification to these email adresses (CC)<\/li>\n<li>Redirect users to a specific URL<\/li>\n<li>Send users to pay for a service<\/li>\n<li>Send email response to the client automatically<\/li>\n<li>Display a message after a successful form submission<\/li>\n<li>Send the data for an external form<\/li>\n<li>Auto respond to the client based on keywords<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2184 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-05.png\" alt=\"how to create a form local service hero\" width=\"1920\" height=\"1237\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-05.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-05-350x225.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-05-1024x660.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-05-768x495.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-05-1536x990.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>5- Share the form on a website, emails, or social media<\/h2>\n<p>If you\u2019re including this form on a post or a page on a website, you need to use the <strong>Iframe<\/strong> share format.<\/p>\n<p>If you\u2019re sharing this by email or social media, you can also select the <strong>Landing<\/strong><strong> Page<\/strong> option to share a link that will show the form on a page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2183 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-06.png\" alt=\"how to create a form local service hero\" width=\"1920\" height=\"928\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-06.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-06-350x169.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-06-1024x495.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-06-768x371.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-06-1536x742.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>6- Preview the form in Local Service Hero<\/h2>\n<p>Before sharing the form, it can be really useful to preview it in <strong>Local Service Hero<\/strong>. You can do this in the <strong>Preview Form<\/strong> tab, where you\u2019ll have a preview of the form in a smartphone.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-2191 size-full\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-08.png\" alt=\"how to create a form local service hero\" width=\"1920\" height=\"928\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-08.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-08-350x169.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-08-1024x495.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-08-768x371.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-new-form-08-1536x742.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>You can follow these steps to share your\u00a0<strong>Local Service Hero<\/strong>\u00a0forms on a website, social media, or email marketing campaigns.<\/p>\n<p><a href=\"https:\/\/localservicehero.com\/us\/blog\/\"><strong>Read other tutorials<\/strong><\/a><\/p>\n","excerpt":"<p>In this tutorial, we will show you how to create forms in Local Service Hero. You can create forms to get new leads, allow your potential customers to get a quote, contact forms, and employee forms. The best thing is that these forms can be embedded in a page of your website, or you can \u2026 <a title=\"How to Create a Form for my Website, Emails, or Social Networks?\" class=\"read-more\" href=\"https:\/\/localservicehero.com\/us\/create-forms-website-email-social-media\/\">Read more<\/a><\/p>\n","commentStatus":"closed","sticky":false,"meta":[],"categories":[{"slug":"tutorials","id":18,"name":"Tutorials"}],"tags":[{"slug":"form","id":22,"name":"form"},{"slug":"forms","id":23,"name":"forms"}],"pictureUrl":"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/01\/create-forms-in-local-service-hero.png","_links":{"predecessor-version":[{"id":2666,"href":"https:\/\/localservicehero.com\/us\/api\/wp\/v2\/posts\/2208\/revisions\/2666"}]}}