Integration Examples

Real-world code examples for popular frameworks and languages

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Contact Form</title>
  <script src="https://formwise.dev/sdk.js"></script>
</head>
<body>
  <h1>Contact Us</h1>
  
  <form data-formwise>
    <div>
      <label for="name">Name:</label>
      <input type="text" id="name" name="name" required />
    </div>
    
    <div>
      <label for="email">Email:</label>
      <input type="email" id="email" name="email" required />
    </div>
    
    <div>
      <label for="message">Message:</label>
      <textarea id="message" name="message" required></textarea>
    </div>
    
    <button type="submit">Send Message</button>
  </form>

  <script>
    FormWise.init('YOUR_API_KEY_HERE', {
      successMessage: 'Thanks! We\'ll get back to you soon.',
      errorMessage: 'Oops! Please try again.',
      onSuccess: function(result) {
        console.log('Form submitted!', result);
      }
    });
  </script>
</body>
</html>

🔒 Security Best Practice

Never expose your API key in client-side code. Use environment variables and proxy requests through your backend when possible.

💡 Pro Tip

Add the X-Origin header to track which sites are using your API keys. This helps identify and prevent abuse.

More Resources