Скачать или смотреть How to Create Forms and Collect Data on Static.app

In this video today I’m going to show you how to collect data using the Forms functionality from the https://static.app/

Chapters:
00:00 Intro
00:16 Create a form in the Slides app
01:09 Upload the form to Static.app
01:45 Insert entries into the form
2:17 Collect data demo

__________
So, let’s get started!

Here we start by seeing the Designmodo Slides app. Using Slides, I export the contact form example and upload the archive with this contact form to Static.app.

First, head over to Pages and click to create a new Page. Name the form - and notice how the rest of the box auto-fills which is a great time-saver. For this example, I’ll rename the form, and press ‘Create’.

Now we can see the pre-set templates within the Slides app - head over to Form and remember you can always choose between light and dark modes. Just pick your favorite, in our example, we’ll select a contact form, and click ‘Preview’ in the top right-hand corner. As you can see, the form looks great - so let’s go to the top left hand of the screen and press Download and download the HTML files with our contact form, and once again on the pop-up.

Now, back in the Static.app account, head over to Sites and click on New Website, and click Browse, then find and select the zip file you just downloaded from Slides.

Give your page a name - in this case, Contact Form - and press Save Changes.

Head back to Sites - and find the Contact Form you just saved. Click, and there we can see the file we named index.html earlier on. Click on the meatball menu, choose Edit Code and find the relevant line of code that pertains to the Form.

Head back to Forms in static.app - and copy the line of code here under ‘Specify entries by subject’, using this option we’ll create a new database with the selected name, in our case our database name is “contacts”. Drop this into the relevant part of the code we recently saw, in our case, we remove the “action” because we don’t need it, here is our new attribute, and press save changes.

Great - now let’s go back to Pages, find the same index.html page - and let’s do a test entry to see how it works. I’ll drop my name, email, and a quick message - just like a user would, and press Send Message.

For the last time, let's head back to Forms - and there you can see the new entry. It’s saved under the same name ‘contacts’ which was specified in that line of code we dropped in earlier. One-click to check - yes! Everything is there, exactly as planned.

And finally, if you click into the new form entry - all of the information is neatly saved, and you have the option to either Mark As Spam or Remove.
Now you know how to use this small attribute provided by the Static.app to collect data from any form, exactly in the way you need.