Skip to main content

2 posts tagged with "form backend"

View All Tags

CloudMySite Forms API: A Formspree-Style Backend for Website Forms

· 11 min read

Every website eventually needs a form. Contact form, quote form, booking form, support form, job application form, "please tell us what went wrong but be gentle" form. They all look simple until someone asks, "Where does the submission go?"

That is when the tiny form becomes a tiny backend project wearing a fake mustache.

You need an endpoint. You need email delivery. You need storage. You need spam protection. You may need file uploads, redirects, Google Sheets, analytics, and a way to avoid waking up to 900 submissions from a bot named cheap-seo-now.

CloudMySite Forms gives you a Formspree-style form backend inside the CloudMySite dashboard. You create a form, get a ready-to-use API endpoint, paste it into your website, and start collecting submissions without building your own server.

What CloudMySite Forms Does

CloudMySite Forms helps you create and manage backend endpoints for website forms.

You can use it with:

  • CloudMySite-hosted websites
  • Bring Your Own Website (BYOW)
  • static HTML websites
  • React apps
  • Vue or Next.js frontends
  • WordPress or other site builders that allow custom form actions
  • external websites hosted somewhere else

The basic idea is simple:

  1. Create a form in the dashboard.
  2. Copy the generated form submission endpoint.
  3. Add the endpoint to your website form.
  4. Receive submissions by email.
  5. View submissions in the CloudMySite dashboard.
  6. Turn on protection and integrations as needed.

No custom PHP script. No database setup. No "I found this old form handler on the internet and I hope it is fine." The internet has enough mysteries.

The Form Endpoint

After you create a form, CloudMySite generates a unique endpoint like this:

https://api.cloudmysite.com/forms/f/YOUR_FORM_ID

Your website sends form data to that endpoint with a POST request.

Basic HTML example:

<form action="https://api.cloudmysite.com/forms/f/YOUR_FORM_ID" method="POST">
<input name="name" placeholder="Name" required />
<input type="email" name="email" placeholder="Email" required />
<textarea name="message" placeholder="Message"></textarea>
<button type="submit">Send</button>
</form>

The most important rule: every field needs a name attribute. If the field has no name, the backend may not know what to save. A nameless input is just a decorative rectangle with ambition.

Code Examples for Different Websites

The Forms dashboard provides copy-ready examples for common setups:

  • HTML
  • Fetch
  • AJAX
  • React
  • cURL
  • File Upload
  • Turnstile
  • Google Sheet Setup
  • HTML with Honeypot

Fetch example:

fetch("https://api.cloudmysite.com/forms/f/YOUR_FORM_ID", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
name: "John",
email: "john@example.com",
message: "Hello",
}),
});

cURL example:

curl -X POST https://api.cloudmysite.com/forms/f/YOUR_FORM_ID \
-H "Content-Type: application/json" \
-d '{"name":"John","email":"john@example.com"}'

This makes CloudMySite Forms useful for nontechnical site owners and developers. You can paste an HTML form into a page, wire it into a React component, or test it from the command line.

Dashboard: Submissions, Overview, and Activity

Once a form is active, the dashboard becomes your command center.

The form dashboard includes:

  • Overview: recent activity and submission counts
  • Code: endpoint and copy-ready examples
  • Submissions: individual entries sent through the form
  • Settings: form behavior, notifications, spam protection, uploads, and integrations
  • Form Guide: setup tips and documentation links

The overview can show activity such as:

  • total submissions
  • recent submission volume
  • last 7 days
  • last 30 days
  • basic activity charts
  • submission location information when available

The submissions view lets you open individual entries and review the submitted data. If file uploads are enabled, uploaded files can be opened or downloaded from the submission detail view.

Email Notifications

CloudMySite Forms can send each submission to your chosen recipient email.

Use this for:

  • sales inquiries
  • support requests
  • job applications
  • lead capture
  • quote requests
  • contact messages
  • event registrations

You can update the recipient email in form settings, so different forms can route to different teams.

Examples:

  • sales@example.com for demo requests
  • support@example.com for support tickets
  • hr@example.com for job applications
  • hello@example.com for general contact

This keeps form routing simple. The sales team gets sales messages. Support gets support messages. Nobody has to forward a customer complaint through four inboxes while adding "looping in" to the subject line like a small ceremonial chant.

Redirect URL After Submission

You can set a redirect URL so visitors go to a specific page after submitting.

Common redirects include:

  • thank-you page
  • confirmation page
  • booking next-step page
  • download page
  • onboarding page
  • success page

Example:

https://example.com/thank-you

Redirects are useful because they give visitors a clear next step. A form submission should not end with the user wondering whether the button worked or whether the website is quietly judging their internet connection.

Spam Protection: Honeypot

CloudMySite Forms supports Honeypot spam protection.

Honeypot protection adds a hidden field that normal visitors do not fill out. Many bots fill every field they can find, including hidden ones. When that hidden field is filled, the system can treat the request as suspicious.

Example:

<form action="https://api.cloudmysite.com/forms/f/YOUR_FORM_ID" method="POST">
<input name="name" placeholder="Name" required />
<input type="email" name="email" placeholder="Email" required />
<textarea name="message"></textarea>

<div style="position:absolute; left:-9999px;">
<label>Leave this field empty</label>
<input type="text" name="_honeypot" />
</div>

<button type="submit">Send</button>
</form>

Honeypot is lightweight and usually invisible to real users. It is a good first line of defense for public forms.

Spam Protection: Cloudflare Turnstile

CloudMySite Forms also supports Cloudflare Turnstile for stronger bot protection.

Turnstile is useful when:

  • your form is public
  • spam volume is increasing
  • you need stronger verification
  • honeypot alone is not enough
  • the form handles important business requests

When Turnstile is enabled, the dashboard can show a Turnstile example:

<form action="https://api.cloudmysite.com/forms/f/YOUR_FORM_ID" method="POST">
<input name="name" placeholder="Name" required />
<input type="email" name="email" placeholder="Email" required />
<textarea name="message"></textarea>

<div class="cf-turnstile" data-sitekey="YOUR_SITE_KEY"></div>

<button type="submit">Send</button>
</form>

<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>

For built-in Turnstile, you enter the allowed domain in settings, such as:

example.com

CloudMySite also supports custom CAPTCHA options in settings, including:

  • custom reCAPTCHA
  • custom hCaptcha
  • custom Turnstile

Custom providers require your provider key. Built-in Turnstile requires a valid domain.

File Uploads

Some form plans support file uploads. This is useful for:

  • resumes
  • screenshots
  • documents
  • support attachments
  • project briefs
  • proof of purchase
  • application forms

File upload settings include:

  • allowed file types
  • maximum file size

The dashboard warns that the maximum upload size is 10 MB. You should also tell visitors what file types are allowed.

File upload endpoint pattern:

https://api.cloudmysite.com/forms/f/YOUR_FORM_ID/upload

Common setup:

  1. Upload the file to the upload endpoint.
  2. Receive file metadata.
  3. Submit the form data with the uploaded file details attached.

This keeps the form submission organized and gives you access to uploaded files inside the submission view.

Google Sheets Integration

On supported plans, CloudMySite Forms can send submissions to Google Sheets.

This is useful when:

  • your team works from spreadsheets
  • you want a shared record
  • you need quick filtering
  • you want a lightweight backup outside email
  • nontechnical team members need access to submissions

Important detail: you must use a Google Apps Script Web App URL, not the normal Google Sheet URL.

The setup flow is:

  1. Create or open a Google Sheet.
  2. Go to Extensions -> Apps Script.
  3. Add the provided doPost script.
  4. Deploy as a Web App.
  5. Set access for the link.
  6. Copy the Web App URL.
  7. Paste it into CloudMySite form settings.
  8. Submit a fresh test entry.

If you paste the regular spreadsheet URL, the integration will not work. That URL is for humans looking at rows, not APIs politely adding rows in the background.

Email Templates: Default, Custom, and AI

CloudMySite Forms lets you control the email template used for submission notifications.

Template options can include:

  • default CloudMySite template
  • custom HTML template
  • AI-generated template on supported plans

Custom templates can use placeholders such as:

{{formName}}
{{customerName}}
{{customerEmail}}
{{customerMessage}}
{{submissionDate}}

Use templates when you want submission emails to be easier to read, better branded, or formatted for the team that receives them.

Example:

  • sales leads can show budget and service interest near the top
  • support emails can highlight issue type and urgency
  • job applications can show resume attachment details
  • quote requests can show project timeline and contact information

Internal APIs for Advanced Integrations

CloudMySite Forms also includes protected API routes for trusted/internal integrations.

Examples include:

  • GET /api/forms/{formId}/config
  • POST /api/forms/{formId}/settings
  • GET /f/{formId}/submissions

These APIs can fetch configuration, update settings, and retrieve submissions. They require internal authorization tokens and are meant for trusted services, not public browser code.

Use the public form submission endpoint for website visitors. Use protected APIs only where you control the server-side environment.

Plans and Feature Levels

Features vary by plan, but the product is designed to grow from simple forms to higher-volume usage.

Plan capabilities can include:

Plan LevelTypical UseExample Capabilities
FreeSmall personal forms1 form, 100 monthly submissions, email notifications, honeypot, standard endpoint
IndieGrowing sitesMultiple forms, more monthly submissions, redirect URL, Turnstile, file uploads
ProLarger businessesMore forms, higher submission volume, custom domain options, advanced spam protection
BusinessHigh-volume teamsLarge form limits, high monthly submission volume, priority email delivery

Always check your dashboard for the current plan limits and included features.

Best Use Cases

CloudMySite Forms works well for:

  • contact forms
  • demo request forms
  • quote forms
  • support forms
  • job application forms
  • customer feedback forms
  • event registration forms
  • lead capture forms
  • consultation request forms
  • file collection forms
  • website builder forms
  • BYOW static site forms

If a visitor needs to send structured information to you, CloudMySite Forms can probably handle the backend.

Best Practices

  • Give every field a clear name.
  • Test the form before publishing.
  • Use a real recipient email.
  • Add a thank-you redirect page.
  • Keep honeypot enabled for public forms.
  • Add Turnstile when spam volume increases.
  • Use file upload restrictions instead of accepting every file type.
  • Keep max file size practical.
  • Use the Apps Script Web App URL for Google Sheets.
  • Review submissions regularly in the dashboard.
  • Use different forms for different workflows when your plan allows it.

The goal is not only to collect submissions. The goal is to collect useful submissions, route them to the right place, and avoid spending your morning deleting bot essays about cryptocurrency.

Frequently Asked Questions

Is CloudMySite Forms like Formspree?

Yes, in the sense that it gives you a hosted form backend and a submission endpoint so you do not need to build your own form server. CloudMySite Forms also connects into the CloudMySite dashboard, plans, submissions, settings, spam protection, file uploads, Google Sheets, and website workflows.

Do I need a backend server?

No. For normal use, you copy the generated endpoint and submit form data to CloudMySite Forms.

Can I use it on a non-CloudMySite website?

Yes. You can use CloudMySite Forms on BYOW websites, static HTML sites, React apps, WordPress sites, and other externally hosted websites as long as you can control the form action or submit the data with JavaScript.

Does it support Turnstile?

Yes. CloudMySite Forms supports built-in Turnstile and custom CAPTCHA options such as reCAPTCHA, hCaptcha, and custom Turnstile.

Does it support honeypot spam protection?

Yes. Honeypot protection can add a hidden field to help block many automated bot submissions.

Can users upload files?

Yes, file uploads are available on supported plans. You can configure allowed file types and maximum file size.

Can submissions go to Google Sheets?

Yes, on supported plans. You need a deployed Google Apps Script Web App URL, not a normal spreadsheet URL.

Can I view submissions in the dashboard?

Yes. The dashboard includes a submissions view where you can review entries and open uploaded files when file upload is enabled.

Final Takeaway

CloudMySite Forms turns website forms into a managed backend service. You provision a form, copy the endpoint, add it to your site, and let CloudMySite handle submissions, email notifications, dashboard storage, spam protection, uploads, redirects, and integrations.

It is the form backend you wanted before the "simple contact form" quietly became a weekend infrastructure project.

The Death of the Backend: Why Modern Web Development is Moving to Form APIs

· 5 min read

Building a website has never been easier, yet one feature continues to slow developers and businesses down:

📩 The Contact Form

For years, developers faced the same frustrating challenge:

You create a beautiful frontend website, but the moment you need a working form, you suddenly need:

  • a backend server,
  • database configuration,
  • SMTP mail setup,
  • spam filtering,
  • security protection,
  • and ongoing maintenance.

At CloudMySite, we believe you should not have to manage an entire backend just to receive an email.

That’s why we built CloudMySite Form Backend Infrastructure — a modern, scalable, serverless solution for handling form submissions professionally.


🚀 What is Form Backend-as-a-Service?

Modern websites are increasingly built using:

  • React,
  • Next.js,
  • Vue,
  • Astro,
  • static site generators,
  • and JAMstack architectures.

These frameworks deliver incredible frontend performance, but they lack native backend functionality for handling form submissions.

CloudMySite solves this problem with a powerful Form API Infrastructure.

Instead of writing backend code in:

  • PHP,
  • Node.js,
  • Express,
  • or Laravel,

you simply connect your form directly to a secure CloudMySite API endpoint.

We handle:

  • validation,
  • spam filtering,
  • storage,
  • email notifications,
  • analytics,
  • and security.

⚡ Why Developers Are Moving to Form APIs

✅ Zero Server Maintenance

Forget:

  • Linux updates,
  • backend security patches,
  • database management,
  • and mail server headaches.

CloudMySite handles all infrastructure automatically.


🌍 Framework Agnostic

Our Form API works with:

  • HTML/CSS websites,
  • React,
  • Vue,
  • Next.js,
  • WordPress,
  • Astro,
  • Svelte,
  • and more.

If your frontend can send an HTTP request, it works.


🔒 Security by Design

Security is built into the platform from day one.

Features include:

  • Honeypot spam protection,
  • Cloudflare Turnstile support,
  • API key security,
  • encrypted submissions,
  • secure HTTPS delivery.

🚀 Global Edge Infrastructure

Form submissions are processed on our high-speed global edge network.

Benefits include:

  • lower latency,
  • faster submissions,
  • smoother user experience,
  • and near-instant delivery.

Your users never wait on a slow backend server.


🧩 Everything You Need to Handle Forms Professionally

CloudMySite Forms provides more than just a submission endpoint.

It delivers a complete form infrastructure platform.


⚡ 1. Instant Form Endpoints

Generate secure API endpoints instantly.

No:

  • server provisioning,
  • database setup,
  • or backend coding required.

Create forms and go live immediately.


📬 2. Intelligent Email Delivery

Never lose leads to spam folders again.

CloudMySite uses enterprise-grade email delivery systems to ensure:

  • fast delivery,
  • high inbox placement,
  • and reliable notifications.

You can also customize email templates to match your brand.


🛡️ 3. Built-in Spam Protection

Bots are everywhere.

CloudMySite protects your forms using:

  • Honeypot detection,
  • AI-based filtering,
  • Cloudflare Turnstile integration,
  • malicious traffic blocking.

Only real submissions reach your inbox.


📊 4. Comprehensive Analytics Dashboard

Track and monitor everything in one place.

View:

  • submission history,
  • traffic patterns,
  • conversion activity,
  • and real-time form usage.

Your dashboard becomes the central hub for all customer interactions.


⚙️ How It Works: From Code to Inbox

CloudMySite Forms is designed to get you live in minutes.


1️⃣ Choose Your Plan

Select the plan that fits your project.

We even offer a free plan to help you start without risk.


2️⃣ Create Your Form

Inside the dashboard:

  • name your form,
  • configure redirects,
  • add notifications,
  • and customize settings.

3️⃣ Copy Your Endpoint

CloudMySite generates:

  • HTML snippets,
  • API endpoints,
  • and integration examples instantly.

4️⃣ Add to Your Website

Embed the form into:

  • React,
  • Vue,
  • WordPress,
  • HTML,
  • or any frontend framework.

5️⃣ Visitor Submits Data

The form securely sends data to the CloudMySite API infrastructure.


6️⃣ Receive Submissions Instantly

Your submission is:

  • securely stored,
  • displayed in your dashboard,
  • and delivered to your email immediately.

👨‍💻 Developer-Friendly API

We built CloudMySite Forms for developers who hate bloated SDKs.

Our API works with simple HTTP requests.

Compatible with:

  • fetch(),
  • axios,
  • JavaScript,
  • React hooks,
  • and standard HTML forms.

Example API Request

fetch("https://api.cloudmysite.com/forms", {
method: "POST",
headers: {
"Content-Type": "application/json",
"x-api-key": "api_live_xxxxxx"
},
body: JSON.stringify({
name: "John Doe",
email: "john@email.com",
message: "I'm interested in your services!"
})
})

💼 Flexible Pricing for Every Scale

Whether you are:

  • a freelancer,
  • startup,
  • agency,
  • or enterprise,

CloudMySite Forms scales with your business.


🆓 Free Plan

Perfect for testing and personal projects.

Includes:

  • 1 form
  • 100 monthly submissions
  • 30-day archive
  • Secure API access

Pricing:

$0/month


⭐ Indie Plan

Ideal for creators and freelancers.

Includes:

  • 10 forms
  • 1,000 monthly submissions
  • 5GB uploads
  • AI build tools

Pricing:

$9/month
(with 48-month plan)


🚀 Pro Plan

Built for agencies and growing businesses.

Includes:

  • 50 forms
  • 10,000 submissions
  • custom domains
  • advanced integrations

Pricing:

$19/month
(with 48-month plan)


🏢 Business Plan

Enterprise-level infrastructure and scale.

Includes:

  • 200 forms
  • 100,000 submissions
  • unlimited archive
  • unlimited uploads
  • enterprise support

Pricing:

$49/month
(with 48-month plan)


🏢 Enterprise Solutions

Need:

  • millions of submissions,
  • SLA guarantees,
  • dedicated infrastructure,
  • SSO,
  • or advanced compliance?

Our Enterprise team can build a custom solution tailored to your organization.


❓ Frequently Asked Questions

Do I need a backend server?

No.

CloudMySite acts as the full backend infrastructure for your forms.


Which frameworks are supported?

All major frameworks are supported including:

  • React,
  • Next.js,
  • Vue,
  • Astro,
  • Svelte,
  • WordPress,
  • and plain HTML/CSS.

Does this work with static websites?

Yes.

This is one of the primary use cases for CloudMySite Forms.

Static websites can now have dynamic form functionality without managing servers.


Can I customize email templates?

Absolutely.

You can fully customize email notifications and branding.


🌍 Why Businesses Choose CloudMySite Forms

  • ⚡ Instant setup
  • 🔒 Enterprise security
  • 🌍 Global edge delivery
  • 📬 Reliable inbox delivery
  • 📊 Analytics dashboard
  • 🚀 Serverless architecture
  • 🛡️ Spam protection
  • 💾 Secure submission storage

🎯 Ready to Build Your Next Form?

Stop wasting time managing backend infrastructure.

Focus on:

  • frontend development,
  • user experience,
  • and business growth.

CloudMySite Forms handles the backend for you.


🚀 Start Collecting Form Submissions Today

Build secure, scalable, and intelligent forms in minutes.

No credit card required to get started.


📞 Contact Information

Office Address

Grove Ave, Edison, NJ, 08820

Phone Number

+(848) 878-3389

Email Addresses

support@cloudmysite.com
info@cloudmysite.com


🔗 CloudMySite Services

  • Domains
  • Web Hosting
  • WordPress Hosting
  • VPS Hosting
  • Business Email
  • Static Hosting
  • BYOW Hosting
  • AI Website Builder

🛟 Support

  • FAQ

  • Help & Docs

  • Contact Us

  • Privacy Policy

  • Terms & Conditions