Update readme.md and index.html

Author: andrewstiefel

README.md

@@ -30,5 +30,8 @@ npm install -g netlify-cli
 netlify dev
 ```
 
+## Create an environment variable
+You must create and add your [Buttondown API key](https://buttondown.email/settings) as an [environment variable](https://docs.netlify.com/environment-variables/overview/) for your Netlify site before the serverless function will work.
+
 ## License
 [MIT License](/LICENSE)

public/index.html

@@ -14,20 +14,16 @@ <h1>Buttondown and Netlify Functions Demo</h1>
     <p>
       This is an example of a custom HTML subscription form that uses a <a target="_blank" href="https://docs.netlify.com/functions/overview/">Netlify Function</a> and the <a target="_blank" href="https://docs.buttondown.email/api-reference/introduction">Buttondown API</a> to add a subscriber to an email newsletter.
     </p>
+    <p>
+      This is not a working example. Clone this repository and deploy it to Netlify to try it out yourself.
+    </p>
     <form name="newsletter" method="POST" action="/success/" netlify-honeypot="bot-field" data-netlify="true">
       <label class="hidden">Don’t fill this out if you’re human:</label>
       <input class="hidden" name="bot-field" />
       <label for="email">Your Email Address:</label>
       <input type="email" name="email"/>
       <button type="submit">Subscribe</button>
     </form> 
-    <h2>More information</h2>
-      <ul>
-        <li><a target="_blank" href="https://buttondown.email/">About Buttondown</a></li>
-        <li><a target="_blank" href="https://www.netlify.com/">About Netlify</a></li>
-        <li><a target="_blank" href="https://buttondown.email/blog">Tutorial Blog</a></li>
-        <li><a target="_blank" href="https://github.com/andrewstiefel/buttondown-netlify-function">GitHub Repo</a></li>
-      </ul>
     <h2>Deploy your own</h2>
       <p>
         A great place to start is to clone and deploy your own copy of this example. You can do that by clicking the button below.
@@ -38,6 +34,13 @@ <h2>Deploy your own</h2>
           Clicking the button will clone <a target="_blank" href="https://github.com/andrewstiefel/buttondown-netlify-function">this repo</a> and deploy it as a new site on <a target="_blank" href="https://netlify.com">Netlify</a>
         </small>
     </p>
+    <h2>More information</h2>
+      <ul>
+        <li><a target="_blank" href="https://buttondown.email/blog">Tutorial Blog</a></li>
+        <li><a target="_blank" href="https://github.com/andrewstiefel/buttondown-netlify-function">GitHub Repo</a></li>
+        <li><a target="_blank" href="https://buttondown.email/">About Buttondown</a></li>
+        <li><a target="_blank" href="https://www.netlify.com/">About Netlify</a></li>
+      </ul>
   </div>
 </body>