Skip to main content

Deploy Static HTML on WebStadia

No framework needed — deploy plain HTML, CSS, and JavaScript files.

Deploying​

Option 1: Upload files​

  1. Go to your project dashboard
  2. Click Add Website → Upload Files
  3. Drag and drop your files or folder
  4. Click Deploy

Option 2: From GitHub​

  1. Push your HTML files to a GitHub repository
  2. Connect the repository to WebStadia
  3. Set Publish Directory to . (root) or whichever folder contains your index.html

Build settings​

For plain static sites, no build step is needed:

SettingValue
Build Command(leave empty)
Publish Directory.

Adding a form​

<!DOCTYPE html>
<html>
<head>
  <title>Contact</title>
</head>
<body>
  <h1>Contact Us</h1>

  <form action="https://api.webstadia.com/v1/fm/YOUR_FORM_ID" method="POST">
    <input type="text" name="_gotcha" style="display:none">
    <input type="hidden" name="_redirect" value="/thank-you.html">

    <label>Name <input type="text" name="name" required></label>
    <label>Email <input type="email" name="email" required></label>
    <label>Message <textarea name="message"></textarea></label>

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

Loading data from Data Tables​

<div id="team"></div>

<script>
  fetch('https://api.webstadia.com/v1/dt/YOUR_TABLE_ID')
    .then(r => r.json())
    .then(members => {
      document.getElementById('team').innerHTML = members
        .map(m => `<div><h3>${m.Name}</h3><p>${m.Role}</p></div>`)
        .join('')
    })
</script>