diff --git a/src/components/NetlifyControlledForm.js b/src/components/NetlifyControlledForm.js
index a92cf2e..9a32f83 100644
--- a/src/components/NetlifyControlledForm.js
+++ b/src/components/NetlifyControlledForm.js
@@ -5,6 +5,10 @@ import { color } from '../globalStyles'
 const fetch = window.fetch
 
 class Form extends Component {
+  static defaultProps = {
+    name: 'Controlled Form'
+  }
+
   state = {
     name: '',
     email: '',
@@ -14,7 +18,7 @@ class Form extends Component {
     disabled: false,
     alert: '',
     action: '/contact/',
-    'form-name': 'Contact'
+    'form-name': this.props.name
   }
 
   form = null
diff --git a/src/components/NetlifySimpleForm.js b/src/components/NetlifySimpleForm.js
index b2a1f7d..ab10a09 100644
--- a/src/components/NetlifySimpleForm.js
+++ b/src/components/NetlifySimpleForm.js
@@ -3,7 +3,7 @@ import styled from 'styled-components'
 import { color } from '../globalStyles'
 
 export default ({
-  name = 'SimpleForm',
+  name = 'Simple Form',
   subject = '', // optional subject of the notification email
   action = ''
 }) => (
diff --git a/src/views/Contact.js b/src/views/Contact.js
index 26d1904..dc7eaf9 100644
--- a/src/views/Contact.js
+++ b/src/views/Contact.js
@@ -15,10 +15,10 @@ export default ({ page, site }) => (
         <Marked source={page.content} />
         <br />
         <h3>{'<NetlifyControlledForm />'}</h3>
-        <NetlifyControlledForm />
+        <NetlifyControlledForm name={'Controlled Form'} />
         <br />
         <h3>{'<NetlifySimpleForm />'}</h3>
-        <NetlifySimpleForm />
+        <NetlifySimpleForm name='Simple Form' />
         <em>Note: these will only work when deployed on Netlify</em>
         <br />
         <em>Also, they are active and I will receive submissions</em> 😉