{"id":300,"date":"2019-07-15T23:06:06","dateGmt":"2019-07-15T23:06:06","modified":"2022-06-28T04:29:57","modifiedGmt":"2022-06-28T04:29:57","status":"publish","title":"How to Display a Form on a Website","content":"<p>Let\u2019s learn how to display Local Service Hero forms on a website.<\/p>\n<p><strong>Local Service Hero<\/strong> allows you to create forms to collect leads and clients\u2019 information. But that happens if you want to display a form on one of your websites?<\/p>\n<p>Here we will show you how to display a form on a website by following some simple steps. The best part is that you can display your <strong>Local Service Hero<\/strong> forms on any external website.<\/p>\n<h2>1- Open your \u201cForms\u201d page<\/h2>\n<p>You need to start by opening your <strong>Local Service Hero<\/strong> Forms page by going to <strong>CRM > Forms > View All<\/strong>. There you\u2019ll see all the forms you have created.<\/p>\n<p>Now you need to open a form that you would like to share on a website page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2176\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-01.png\" alt=\"how to display a form on my website local service hero\" width=\"1920\" height=\"963\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-01.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-01-350x176.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-01-1024x514.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-01-768x385.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-01-1536x770.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>2- Copy the code to share the form<\/h2>\n<p>Once you open the for you will display on a web page, you need to go to the <strong>Share Form<\/strong> tab.<\/p>\n<p><strong>Local Service Hero<\/strong> allows you to share the forms as an iFrame, naked form or landing page.<\/p>\n<p>In this example, we\u2019ll select the <strong>iFrame<\/strong> option and we just need to hit <strong>Copy<\/strong> to copy the embed code that we\u2019ll need to paste where you want to display our form.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2177\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-02.png\" alt=\"how to display a form on my website local service hero\" width=\"1920\" height=\"665\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-02.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-02-350x121.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-02-1024x355.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-02-768x266.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-02-1536x532.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>3- Display Local Service Hero forms on a website<\/h2>\n<p>Now that you\u2019ve copied the code to share the form on any website, you need to paste it on any post or page on any website.<\/p>\n<p><strong>Important.<\/strong> Take into account that the code should be pasted into an HTML editor.<\/p>\n<p>For example, if you\u2019re usign WordPress, you need to select the <strong>Text<\/strong> mode on the editor or add an HTML block to your post\/page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2178\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-04.png\" alt=\"how to display a form on my website local service hero\" width=\"1920\" height=\"693\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-04.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-04-350x126.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-04-1024x370.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-04-768x277.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-04-1536x554.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>Here\u2019s how the form will look in a blog post or a website page, for example.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-2179\" src=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-03.png\" alt=\"how to display a form on my website local service hero\" width=\"1920\" height=\"1037\" srcset=\"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-03.png 1920w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-03-350x189.png 350w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-03-1024x553.png 1024w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-03-768x415.png 768w, https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2019\/07\/lsh-forms-03-1536x830.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>These are the steps you need to follow to display <strong>Local Service Hero<\/strong> forms on a website.<\/p>\n","excerpt":"<p>Let\u2019s learn how to display Local Service Hero forms on a website. Local Service Hero allows you to create forms to collect leads and clients\u2019 information. But that happens if you want to display a form on one of your websites? Here we will show you how to display a form on a website by \u2026 <a title=\"How to Display a Form on a Website\" class=\"read-more\" href=\"https:\/\/localservicehero.com\/us\/how-to-display-a-form-on-my-website\/\">Read more<\/a><\/p>\n","commentStatus":"closed","sticky":false,"meta":[],"categories":[{"slug":"tutorials","id":18,"name":"Tutorials"}],"tags":[{"slug":"forms","id":23,"name":"forms"},{"slug":"website","id":50,"name":"website"}],"pictureUrl":"https:\/\/localservicehero.com\/us\/wp-content\/uploads\/sites\/24\/2022\/06\/display-local-service-hero-forms-on-a-website.png","_links":{"predecessor-version":[{"id":2848,"href":"https:\/\/localservicehero.com\/us\/api\/wp\/v2\/posts\/300\/revisions\/2848"}]}}