Contact Form
1 Object type
Follow the steps below to install this Block. Make sure you have reviewed the getting started steps.
This will create the form-submissions Object type in your Bucket.
This will add the ContactForm.tsx and actions.tsx server actions file and components to your blocks folder located in cosmic/blocks/contact-form.
We will use the Resend email service to send emails. Run the following command to install the Resend JavaScript client. Learn more about sending emails with Resend on the Resend website.
Add the following keys to the `.env.local` file. Change the values to your Resend key and email that you would like to receive the form submissions. Find your Resend API key in the Resend dashboard.
Create a new file at app/contact/page.tsx and add the following code. Then go to http://localhost:3000/contact to see the form.
More to explore
Landing Page
1 Object type • 1 demo Object
Layout
2 Object types • 3 demo Objects
Blog
3 Object types • 2 demo Objects
Comments
1 Object type • 5 demo Objects
Contact Form
1 Object type
Events
1 Object type • 3 demo Objects
Ecommerce
1 Object type • 4 demo Objects
Videos
3 Object types • 9 demo Objects
Team
1 Object type • 4 demo Objects
Testimonials
1 Object type • 4 demo Objects
FAQs
1 Metafield
Image Gallery
1 Metafield
Navigation Menu
1 Object type • 2 demo Objects
SEO Fields
1 Metafield
Pagination
No content installed
Localization
No content installed
File Upload
No content installed