IFTTT Do webform

Published by Jorge on


I’ve just made up a way to make a Do webform app using IFTTT. You can upload the code wherever you want or even in local.


If Maker trigger then send a preformatted text.

My example recipe is a IF Notification but you can use this trigger to fire an email, a slack message or SMS.


Here is the code, do not forget to match the trigger and key.

<!DOCTYPE html>
<link href="css/bootstrap.min.css" rel="stylesheet">

  <h1>IFTTT Form</h1>
  <form class="form-inline">
    <div class="form-group"> <label class="sr-only" for="v1">Value1</label> <input type="text" class="form-control"
        id="v1" placeholder="Value 1"> </div>
    <div class="form-group"> <label class="sr-only" for="v2">Value2</label> <input type="text" class="form-control"
        id="v2" placeholder="Value 2"> </div>
    <div class="form-group"> <label class="sr-only" for="v2">Value3</label> <input type="text" class="form-control"
        id="v3" placeholder="Value 3"> </div> <button type="button" class="btn btn-default"
  <script> function myFunction() { var base, trigger, end, url; var value1, value2, value3; base = "https://maker.ifttt.com/trigger/"; end = "/with/key/<insert-maker-key>"; trigger = "webform"; value2 = ""; value3 = ""; value1 = "?value1=" + document.getElementById("v1").value; value2 = "&value2=" + document.getElementById("v2").value; value3 = "&value3=" + document.getElementById("v3").value; url = base + trigger + end + value1 + value2 + value3; window.open(url, "_self"); }</script>


If you want to read more like this, subscribe to my newsletter or follow me on Twitter


    Louis · 24 May, 2017 at 13:38

    This is awesome! Spent three days looking for this… THANK YOU!

    How would I include target=”_blank” to open the confirmation in a new window?
    And how do I turn value3 into a and not break the script?

    I’ve tried with the following:


    function myFunction() {
    var base,trigger,end,url;
    var value1,value2,value3;



    value1 = “?value1=” + document.getElementById(“v1”).value;
    value2 = “&value2=” + document.getElementById(“v2”).value;
    value3 = “&value3=” + document.getElementById(“v3″).value;
    url = base + trigger + end + value1 + value2 + value3;


      Jorge · 5 August, 2018 at 13:33

      Hey Louis,
      It’s been so long since I don’t check the blog, hope you could have solved it by yourself.
      Best regards.

    Comments are closed.