sift
Sign inStart free
Easy•1 minute

Embed Sift on any HTML page with a single script tag

If you have a static HTML site, a hand-coded landing page, or any page where you can edit the markup directly, this is the fastest way to add Sift. One script tag, two data attributes, done.

Before you start: grab your Form ID and public API key from your dashboard. You will replace YOUR_FORM_ID and YOUR_PUBLIC_KEY in the snippets below.

Install Sift on Plain HTML

  1. 1

    Open your HTML file in a code editor

    Use any editor — VS Code, Sublime, Notepad. Locate the place in the markup where you want the widget to appear (usually inside a section or container).

  2. 2

    Paste the Sift script tag

    Copy the embed snippet and paste it where you want the widget to render. The widget appears inline immediately after the script tag.

  3. 3

    Replace placeholders and save

    Replace YOUR_FORM_ID and YOUR_PUBLIC_KEY with the values from your Sift dashboard. Save the file and reload your page in the browser.

html
<!DOCTYPE html>
<html>
<head>
  <title>My Page</title>
</head>
<body>
  <h1>Contact Us</h1>
  <p>Tell us about your project:</p>

<script
  src="https://siftforms.com/widget/v1.js"
  data-schema-id="YOUR_FORM_ID"
  data-api-key="YOUR_PUBLIC_KEY"
  async
></script>

</body>
</html>

Tips for the best results

  • The script tag can go anywhere in the body — it renders inline at its position
  • No CSS conflicts: the widget uses Shadow DOM
  • Works on file:// URLs for local testing — no server required
  • Place inside a max-width container for better readability on wide screens

Troubleshooting

Widget does not appear

Open the browser console (F12) and check for errors. The most common issue is a missing or invalid form ID / API key. Double-check the values from your Sift dashboard.

Page shows the script tag as text

You probably have the file as .txt instead of .html. Save with the .html extension and open it in a browser, not a text editor.

Embed Sift on other platforms

WordPress

Add the Sift widget to WordPress using the Custom HTML block, a header/footer plugin, or directly in your theme files. Works with classic editor, Gutenberg, and Elementor.

React / Next.js

Drop the Sift widget into any React, Next.js, or Vite app using a simple useEffect script-loader pattern. Works with React 17, 18, 19, and Next.js App Router or Pages Router.

Ready to embed Sift on Plain HTML?

Create your first form in your dashboard, then come back and paste the snippet above.

Start freeBrowse all platforms