FORMCARRY EXAMPLES
Start collecting form submissions from your Gridsome form with formcarry in 2 minutes. Create your form in formcarry and paste your unique URL inside your form. Look the code examples below and get started.
Basic Setup
With Fetch
Copy Code
1<template>
2 <form method="POST" :action="formcarryEndpoint">
3 <input type="text" name="name" placeholder="Your name" />
4
5 <input type="email" name="email" placeholder="Your email address" />
6
7 <textarea name="message" placeholder="Message" />
8
9 <button type="submit">Send</button>
10 </form>
11</template>
12
13<script>
14 export default {
15 metaInfo: {
16 title: "Contact Form",
17 },
18 data() {
19 return {
20 formcarryEndpoint: "https://formcarry.com/s/XXXXXXX",
21 };
22 },
23 };
24</script>Sign up to formcarry to create your first form API endpoint then copy your endpoint
You can follow the steps like in the video above 👆
Save your endpoint to somewhere, you are going to use it in 3rd step.
Copy the example code.
If you are in rush and want to quickly test it, consider using CodeSandbox to quickly test the code.
Paste the code and replace the form API endpoint that you got in 1st step.
Take the endpoint that you got from 1st step then replace the test endpoint inside the example code with your form endpoint.
Collect submissions ✨
Now you are ready to collect submissions from your Gridsome form.
Check out our documentations for more information.
User our free form generator to kickstart your form, customize based on your needings, choose your form and get your fully-working form code.
Create your form endpoint and start collecting submissions
for your HTML forms, it only takes 2 minutes to setup your form
Built with ❤ love.
Product
Form Generator
formcarry. all rights reserved
