<p>If you don't have a local development environment setup, you will need FTP access to the server where Craft is installed to edit templates. The one line of code cannot be copied and pasted into a field in the control panel like one might do with WP. </p>

<p>First of all you will need to <strong>make or edit</strong> a template to show this form. The <a href="https://sprout.barrelstrengthdesign.com/craft-plugins/forms/docs/getting-started/introduction#output-your-forms-with-one-line-of-code" rel="nofollow noreferrer">"one line of code"</a> needs to be placed in the template where you want to show the form.</p>

<h1>For Example</h1>

<p>If you are adding a “Contact Us” form that you want to appear at <code>https://[YOUR-DOMAIN-HERE]/contact-us</code> then you would do the following steps:</p>

<ol>
<li>Login to your company’s server via FTP with and FTP client like <a href="https://filezilla-project.org/" rel="nofollow noreferrer">Filezilla</a>, <a href="https://panic.com/transmit/" rel="nofollow noreferrer">Transmit</a>, or <a href="https://cyberduck.io/?l=en" rel="nofollow noreferrer">Cyberduck</a>. You’ll need to get the FTP login credentials from your company.</li>
<li>Find the location where Craft is installed. If it has not be placed above the webroot then you could probably find it under <code>public_html/craft</code> or <code>www/craft</code>.</li>
<li>Find the <code>templates</code> folder inside the <code>craft</code> folder.</li>
<li>You have a few options at this point:

<ul>
<li>Make a new file and name it <code>contact-us.html</code> or <code>contact-us.twig</code> depending on your preference. You can probably just make a new file with the <code>.html</code> extension if you don’t have a local development environment set up. I don’t know if there is any performance gains using <code>.twig</code> over <code>.html</code>. You can make a new file usually by right-clicking in the folder where you want it created and there is a context menu to make a new file.</li>
<li>OR you can make a new folder under <code>templates</code> and name it <code>contact-us</code>. Then under that folder you can make a new template named <code>index.html</code>. Your folder structure will then look like <code>craft/templates/contact-us/index.html</code>.</li>
</ul></li>
<li>Open the new file that you created in the previous step.</li>
<li>Add the <a href="https://sprout.barrelstrengthdesign.com/craft-plugins/forms/docs/getting-started/introduction#output-your-forms-with-one-line-of-code" rel="nofollow noreferrer">"one line of code"</a> referring to your form.</li>
<li>Save the template.</li>
<li>Go to your browser and type in <code>httpS://[YOUR-DOMAIN-HERE]/contact-us</code> and you should see the form there.</li>
</ol>

<p>This is probably the simplest way to get your form to show up on your site. There are more advanced and client-friendly ways to do this but this should hopefully get you started.</p>

<p>You’ll need to check the other templates to see how they are created if you want to include the same style as the rest of your site. There is usually a line of code at the top of the template that says something like <code>{% extends '_layout.html'%}</code> or similar.</p>

CC BY-SA 3.0
2017-07-28T13:40:45.737Z
2017-07-28T13:40:45.737Z
Cavell Blood
<p>I am a Wordpress guy, and I've been given the task of handling my companies Craft site.</p>

<p>I have been at this for hours, and can't seem to figure out how to get the damn form to appear on the page I created.</p>

<p>The one line of code thing does not work when I copy paste it.
I have no website data on my local device, so this is all browser-based.</p>

<p>I really have no clue where to go from here, and the boss expects results. 
I have the form created in Craft, it is only a matter of figuring out how to make it appear.</p>

<p>Please help a major n00b. Thanks.</p>

<p>Edit: My form is named stlForm
When I say it's all browser based, I mean I can only edit as much as I can by logging in as an admin. I have no Local data, FTP to access that I know of (our web people are MIA).</p>

CC BY-SA 3.0
2017-07-28T00:22:09.180Z
Can you please update your answer with more information about what your form is named and an example of the code you are using in your templates. Also, I'm not sure what you mean when you say "this is all browser-based".
Ben Parizek
<plugin-sproutforms><craft-features><craft-pro>
How to insert a Sprout Form into a new page in Craft CMS
# How to insert a Sprout Form into a new page in Craft CMS

(Asked by: username_0 on 2017-07-27)

I am a Wordpress guy, and I've been given the task of handling my companies Craft site.

I have been at this for hours, and can't seem to figure out how to get the damn form to appear on the page I created.

The one line of code thing does not work when I copy paste it.
I have no website data on my local device, so this is all browser-based.

I really have no clue where to go from here, and the boss expects results.
I have the form created in Craft, it is only a matter of figuring out how to make it appear.

Please help a major n00b. Thanks.

Edit: My form is named stlForm
When I say it's all browser based, I mean I can only edit as much as I can by logging in as an admin. I have no Local data, FTP to access that I know of (our web people are MIA).

**Tags:** plugin-sproutforms, craft-features, craft-pro
> **Comments:**
> **username_1**: Can you please update your answer with more information about what your form is named and an example of the code you are using in your templates. Also, I'm not sure what you mean when you say "this is all browser-based".  

---

## 1 answers

### Answer by username_2 on 2017-07-28. Score: 3

If you don't have a local development environment setup, you will need FTP access to the server where Craft is installed to edit templates. The one line of code cannot be copied and pasted into a field in the control panel like one might do with WP.

First of all you will need to **make or edit** a template to show this form. The ["one line of code"](https://sprout.barrelstrengthdesign.com/craft-plugins/forms/docs/getting-started/introduction#output-your-forms-with-one-line-of-code) needs to be placed in the template where you want to show the form.

# For Example

If you are adding a “Contact Us” form that you want to appear at `https://[YOUR-DOMAIN-HERE]/contact-us` then you would do the following steps:

1. Login to your company’s server via FTP with and FTP client like [Filezilla](https://filezilla-project.org/), [Transmit](https://panic.com/transmit/), or [Cyberduck](https://cyberduck.io/?l=en). You’ll need to get the FTP login credentials from your company.
2. Find the location where Craft is installed. If it has not be placed above the webroot then you could probably find it under `public_html/craft` or `www/craft`.
3. Find the `templates` folder inside the `craft` folder.
4. You have a few options at this point:
   * Make a new file and name it `contact-us.html` or `contact-us.twig` depending on your preference. You can probably just make a new file with the `.html` extension if you don’t have a local development environment set up. I don’t know if there is any performance gains using `.twig` over `.html`. You can make a new file usually by right-clicking in the folder where you want it created and there is a context menu to make a new file.
   * OR you can make a new folder under `templates` and name it `contact-us`. Then under that folder you can make a new template named `index.html`. Your folder structure will then look like `craft/templates/contact-us/index.html`.
5. Open the new file that you created in the previous step.
6. Add the ["one line of code"](https://sprout.barrelstrengthdesign.com/craft-plugins/forms/docs/getting-started/introduction#output-your-forms-with-one-line-of-code) referring to your form.
7. Save the template.
8. Go to your browser and type in `httpS://[YOUR-DOMAIN-HERE]/contact-us` and you should see the form there.

This is probably the simplest way to get your form to show up on your site. There are more advanced and client-friendly ways to do this but this should hopefully get you started.

You’ll need to check the other templates to see how they are created if you want to include the same style as the rest of your site. There is usually a line of code at the top of the template that says something like `{% extends '_layout.html'%}` or similar.


---

