https://formspark.io/

ID da verificação
10c9b62e-05ec-4c8f-b03f-6cd022b7fba9Concluído
URL enviado:
https://submit-form.com/Redirecionado
Relatório concluído:

Os links de saída identificados na página

LinkTexto
https://twitter.com/formsparkappTwitter
https://github.com/formsparkGitHub

Variáveis JavaScript · 18 encontrada(s)

Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer lugar no código dentro do escopo atual

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
webpackChunk_N_Eobject
regeneratorRuntimeobject
__next_require__function
nextobject
__NEXT_DATA__object
__SSG_MANIFEST_CBfunction
__NEXT_Pobject

Mensagens de registro do console · 0 encontrada(s)

Mensagens registradas no console web

HTML

O corpo HTML bruto da página

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Formspark | Form to Email service</title><meta name="robots" content="index,follow"><meta name="description" content="Focus on your product while keeping full control over the look and feel of your forms. Formspark takes care of the servers, databases, and analytics."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@formsparkapp"><meta name="twitter:creator" content="@formsparkapp"><meta property="og:title" content="Formspark | Form to Email service"><meta property="og:description" content="Focus on your product while keeping full control over the look and feel of your forms. Formspark takes care of the servers, databases, and analytics."><meta property="og:url" content="https://formspark.io"><meta property="og:type" content="website"><meta property="og:locale" content="en_GB"><meta property="og:site_name" content="Formspark"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#5850ec"><meta name="next-head-count" content="15"><style type="text/css">svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
  width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
  width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
  width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
  width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
  width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
  width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
  width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
  width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
  width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
  width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
  width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
  width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
  width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
  width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
  width: 1em;
}
.svg-inline--fa.fa-w-17 {
  width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
  width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
  width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
  width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: 0.3em;
  width: auto;
}
.svg-inline--fa.fa-border {
  height: 1.5em;
}
.svg-inline--fa.fa-li {
  width: 2em;
}
.svg-inline--fa.fa-fw {
  width: 1.25em;
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: 0.25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse {
  color: #fff;
}</style><link rel="shortcut-icon" href="favicon.ico"><link rel="apple-touch-icon" href="apple-touch-icon.png"><link rel="preload" href="/_next/static/css/e6d6dbff5c792120.css" as="style"><link rel="stylesheet" href="/_next/static/css/e6d6dbff5c792120.css" data-n-g=""><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-0d1b80a048d4787e.js"></script><script src="/_next/static/chunks/webpack-af0fc1fb1b57cb39.js" defer=""></script><script src="/_next/static/chunks/framework-c9d48730bbe34125.js" defer=""></script><script src="/_next/static/chunks/main-095ea66a9575a747.js" defer=""></script><script src="/_next/static/chunks/pages/_app-a8e0deb60a188bfd.js" defer=""></script><script src="/_next/static/chunks/894-b394aa5723a1eff6.js" defer=""></script><script src="/_next/static/chunks/944-11b3008c1af12481.js" defer=""></script><script src="/_next/static/chunks/19-86e2d32861d3e94f.js" defer=""></script><script src="/_next/static/chunks/pages/index-4f5fc831d5493b2b.js" defer=""></script><script src="/_next/static/pkMiHT-Cuj2KeCn8M_DSP/_buildManifest.js" defer=""></script><script src="/_next/static/pkMiHT-Cuj2KeCn8M_DSP/_ssgManifest.js" defer=""></script><style id="_goober"> @keyframes go2264125279{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go3020080000{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes go463499852{from{transform:scale(0) rotate(90deg);opacity:0;}to{transform:scale(1) rotate(90deg);opacity:1;}}@keyframes go1268368563{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes go1310225428{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go651618207{0%{height:0;width:0;opacity:0;}40%{height:0;width:6px;opacity:1;}100%{opacity:1;height:10px;}}@keyframes go901347462{from{transform:scale(0.6);opacity:0.4;}to{transform:scale(1);opacity:1;}}.go4109123758{z-index:9999;}.go4109123758 > *{pointer-events:auto;}</style><style></style><link as="script" rel="prefetch" href="/_next/static/chunks/pages/pricing-f4b3d60295caa1e9.js"></head><body><div id="__next" data-reactroot=""><div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><div><div><div class="border-b"><div class="flex justify-between items-center mx-auto px-8 py-2 md:py-4" style="max-width:1300px"><a href="/"><div class="flex flex-wrap items-center cursor-pointer select-none"><img src="/img/formspark.svg" alt="Formspark logo" aria-label="Formspark logo" class="w-8 h-8 mr-2"><div class="hidden md:block text-xl mr-2">Formspark</div></div></a><div class="hidden md:flex items-center -mb-4 ml-12"><div class="mb-4"><a href="/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Product</button></a></div><div class="px-4"></div><div class="mb-4"><a href="/pricing/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Pricing</button></a></div><div class="px-4"></div><div class="mb-4"><a href="https://documentation.formspark.io" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Documentation</button></a></div><div class="px-4"></div><div class="mb-4"><a href="https://dashboard.formspark.io"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-indigo-500 hover:text-indigo-700
        undefined
        ">Sign in</button></a></div><div class="px-4"></div><div class="mb-4"><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-transparent text-white bg-indigo-600 hover:bg-indigo-500 active:bg-indigo-700 focus:border-indigo-700 focus:ring focus:ring-indigo-100 
    py-2 px-4
    
    
    ">Try it free</button></a></div></div></div></div><div class="flex flex-col items-center md:hidden border-b mx-auto px-8 py-4" style="max-width:1300px"><a href="/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Product</button></a><div class="mb-4"></div><a href="/pricing/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        undefined
        ">Pricing</button></a><div class="mb-4"></div><a href="https://dashboard.formspark.io"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-indigo-500 hover:text-indigo-700
        undefined
        ">Sign in</button></a><div class="mb-4"></div><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-transparent text-white bg-indigo-600 hover:bg-indigo-500 active:bg-indigo-700 focus:border-indigo-700 focus:ring focus:ring-indigo-100 
    py-2 px-4
    
    
    ">Try it free</button></a></div></div><div><div class="bg-white"><div class="mx-auto px-8 py-8" style="max-width:1300px"><div class="grid grid-cols-1 lg:grid-cols-2 items-center md:py-16"><div><h1 class="text-5xl text-gray-900">Connect forms to <div class="x0 x1 x2 "><div style="transition: width 150ms linear 0s; height: auto; width: auto;"><div class="x0 x3 x4 x5" style="opacity: 1; transform: translateY(0px); position: relative;"><span class="border-b-4 border-indigo-500">Email</span></div></div></div></h1><div class="mt-8"></div><div class="text-xl text-gray-700 max-w-xl">Keep full control over the look and feel of your forms.</div><div class="mt-4"></div><p class="text-xl text-gray-700 max-w-xl">Let Formspark take care of the rest.</p><div class="mt-6"></div><p class="text-lg text-gray-700 max-w-xl">Solutions for agencies, freelancers, developers and marketing teams.</p><div class="mt-12"></div><div class="inline-flex text-xl leading-8 shadow-lg"><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-transparent text-white bg-indigo-600 hover:bg-indigo-500 active:bg-indigo-700 focus:border-indigo-700 focus:ring focus:ring-indigo-100 
    
    py-3 px-6
    
    ">Collect submissions now</button></a></div><div class="mt-4"></div><div class="flex items-start max-w-xl select-none"><div class="text-gray-300"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></div><div class="pl-2"><div class="text-gray-700 ">No credit card required</div></div></div></div><div class="hidden lg:block"><img src="/img/illustration.svg" alt="Formspark illustration" aria-label="Formspark illustration" class="mx-auto" style="width:450px"></div></div></div></div><div class="bg-white"><div class="mx-auto px-8 pt-6 pb-12" style="max-width:1300px"><div class="text-center text-lg text-gray-700"><p>Trusted by +20,000 companies of all shapes and sizes.</p></div><div class="mb-8"></div><div><div class="grid grid-cols-1 md:grid-cols-5 gap-8 items-center p-4"><img src="/img/brands/brave.png" alt="Brave logo" class="trusted-by-image h-10 mx-auto"><img src="/img/brands/cisco.svg" alt="Cisco logo" class="trusted-by-image h-10 mx-auto"><img src="/img/brands/ted.svg" alt="TED logo" class="trusted-by-image h-10 mx-auto" style="padding:6px"><img src="/img/brands/flipboard.png" alt="Flipboard logo" class="trusted-by-image h-10 mx-auto" style="padding:6px"><img src="/img/brands/gilead.svg" alt="Gilead logo" class="trusted-by-image h-10 mx-auto" style="padding:1px"></div></div></div></div><div class="bg-gray-100"><div class="mx-auto px-8 py-12" style="max-width:1300px"><div class="text-center max-w-3xl mx-auto mb-12"><h2 class="text-3xl text-gray-900 font-semibold">See it in action</h2></div><div><div class="bg-white shadow rounded p-6"><div class="grid grid-cols-1 lg:grid-cols-2 items-center"><div class="text-lg p-4"><div class="flex items-start select-none"><div class="text-green-500"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></div><div class="pl-3">No servers to manage</div></div><div class="mt-4"></div><div class="flex items-start select-none"><div class="text-green-500"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></div><div class="pl-3">No databases to handle</div></div><div class="mt-4"></div><div class="flex items-start select-none"><div class="text-green-500"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></div><div class="pl-3">No APIs or frameworks to learn</div></div><div class="mt-8"></div><div>JavaScript not required (but well supported).</div><div class="mt-4"></div><div>Perfect for static sites.</div><div class="mt-8"></div><div><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-indigo-500 hover:text-indigo-700
        undefined
        "><span class="inline-block sm:hidden">Get started.</span><span class="hidden sm:inline-block">Start collecting data in a matter of clicks.</span></button></a></div></div><div class="p-4"><div class="bg-white shadow rounded p-6"><form action="https://submit-form.com/06789fec-c16a-4b76-a92b-ef572f081a59" target="_blank"><div><label required="" class="block text-gray-700 text-sm leading-5 font-semibold select-none">Email<span class="relative text-red-500" style="margin:-0.1em 0 0 0.2em">*</span></label><div class="mt-2"></div><div class="relative"><input type="email" label="Email" name="email" placeholder="[email protected]" required="" class="block w-full rounded-md shadow-sm px-3 py-2 border border-gray-300 placeholder-gray-400 focus:outline-none focus:ring focus:ring-indigo-100 focus:border-indigo-300 transition duration-150 ease-in-out"></div></div><div class="mt-4"></div><button type="submit" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-gray-300 text-gray-600 hover:text-gray-500 bg-white shadow-sm focus:ring focus:ring-indigo-100 
    py-2 px-4
    
    w-full 
    ">Subscribe</button></form></div><div class="mb-6"></div><div><div class="flex items-center justify-between pb-2"><div></div></div><pre spellcheck="false" class="prism-code language-markup text-left overflow-auto p-4" style="word-break: keep-all; white-space: pre;"><span class="token tag punctuation">&lt;</span><span class="token tag">form</span><span class="token tag"> </span><span class="token tag attr-name">action</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">https://submit-form.com/&lt;form-id&gt;</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">&gt;</span><span class="token plain"></span>
<span class="token plain">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">input</span><span class="token tag"> </span><span class="token tag attr-name">type</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">email</span><span class="token tag attr-value punctuation">"</span><span class="token tag"> </span><span class="token tag attr-name">name</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">email</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">&gt;</span><span class="token plain"></span>
<span class="token plain">    </span><span class="token tag punctuation">&lt;</span><span class="token tag">button</span><span class="token tag"> </span><span class="token tag attr-name">type</span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">submit</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">&gt;</span><span class="token plain">Subscribe</span><span class="token tag punctuation">&lt;/</span><span class="token tag">button</span><span class="token tag punctuation">&gt;</span><span class="token plain"></span>
<span class="token plain"></span><span class="token tag punctuation">&lt;/</span><span class="token tag">form</span><span class="token tag punctuation">&gt;</span></pre></div></div></div></div></div></div></div><div class="bg-white"><div class="mx-auto px-8 py-12" style="max-width:1600px"><div><div class="text-center max-w-2xl mx-auto"><h2 class="text-3xl text-gray-900 font-semibold">Plug and play</h2><div class="mb-6"></div><div class="text-lg text-gray-700"><p>Start collecting data in a matter of clicks.</p><div class="mt-2"></div><p>Let Formspark take care of the servers, databases, and analytics.</p><div class="mt-2"></div><p>Set up any form in seconds.</p></div></div><div class="mb-12"></div><div class="grid grid-cols-1 md:grid-cols-2 items-center bg-gray-50 rounded-md p-4 sm:p-8 md:p-12"><div class="max-w-lg p-1 sm:p-2 md:p-4"><h3 class="text-2xl text-gray-900 font-semibold mb-3 md:mb-6"><span class="inline-block sm:hidden">View your submissions</span><span class="hidden sm:inline-block">View your submissions anytime, anywhere</span></h3><div class="text-lg text-gray-700"><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Directly in your email inbox</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Via the online dashboard</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Easily export your data as CSV or JSON documents</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Send form submissions as<!-- --> <a class="link" href="/features/slack/">new Slack messages</a></div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Integrate with your favorite tools via<!-- --> <a class="link" href="/features/zapier/">Zapier</a>,<!-- --> <a class="link" href="/features/make/">Make</a> <!-- -->and<!-- --> <a class="link" href="/features/integromat/">Integromat</a></div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Webhook integration</div></div><div class="hidden md:flex items-center mt-8"><div class="text-center"><img src="/img/brands/gmail.svg" alt="Email" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Email</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/slack.svg" alt="Slack" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Slack</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/zapier.svg" alt="Slack" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Zapier</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/webhooks.svg" alt="Webhooks" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Webhooks</div></div></div></div></div><div class="hidden md:block"><img src="/img/screenshots/submissions-list--640x512.png" alt="Submissions list" aria-label="Submissions list" class="border rounded-md shadow-md"></div></div><div class="mb-16"></div><div class="grid grid-cols-1 md:grid-cols-2 items-center rounded-md p-4 sm:p-8 md:p-12"><div class="hidden md:block"><img src="/img/screenshots/submission-feedback--640x512.png" alt="Submission feedback" aria-label="Submission feedback" class="border rounded-md shadow-md"></div><div class="max-w-lg p-1 sm:p-2 md:p-4"><h3 class="text-2xl text-gray-900 font-semibold mb-3 md:mb-6">Customize</h3><div class="text-lg text-gray-700"><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div><a class="link" href="https://documentation.formspark.io/customization/redirection.html" target="_blank" rel="noreferrer">Customize</a> <!-- -->the redirect url, success page, error page, email template and more</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Out-of-the-box modern design</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Translations: English, Russian, Spanish, Portuguese, French, Italian, German and Dutch, with more coming soon</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Spam protection support:<!-- --> <a class="link" href="/features/botpoison/">Botpoison</a>,<!-- --> <a class="link" href="/features/recaptcha/">reCAPTCHA</a>,<!-- --> <a class="link" href="/features/hcaptcha/">hCaptcha</a>,<!-- --> <a class="link" href="/features/turnstile/">Turnstile</a> <!-- -->&amp; Akismet</div></div><div class="hidden md:flex items-center mt-8"><div class="text-center"><img src="/img/brands/botpoison.svg" alt="Botpoison" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Botpoison</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/recaptcha.svg" alt="reCAPTCHA" class="rounded w-16 p-2 "><div class="text-sm font-semibold">reCAPTCHA</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/hcaptcha.svg" alt="hCaptcha" class="rounded w-16 p-2 "><div class="text-sm font-semibold">hCaptcha</div></div><div class="mr-12"></div><div class="text-center"><img src="/img/brands/akismet.png" alt="Akismet" class="rounded w-16 p-2 "><div class="text-sm font-semibold">Akismet</div></div></div></div></div></div><div class="mb-16"></div><div class="grid grid-cols-1 md:grid-cols-2 items-center bg-gray-50 rounded-md p-4 sm:p-8 md:p-12"><div class="max-w-lg p-1 sm:p-2 md:p-4"><h3 class="text-2xl text-gray-900 font-semibold mb-3 md:mb-6">Collaborate</h3><div class="text-lg text-gray-700"><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Invite members to your workspace</div></div><div class="flex py-2"><div class="text-gray-300 pr-2">•</div><div>Create forms and view submission as a team</div></div></div></div><div class="hidden md:block"><img src="/img/screenshots/workspace-members--640x512.png" alt="Workspace members" aria-label="Workspace members" class="border rounded-md shadow-md"></div></div></div></div></div><div class="bg-white"><div class="mx-auto px-8 py-8" style="max-width:900px"><div class="text-center max-w-2xl mx-auto"><h2 class="text-3xl text-gray-900 font-semibold">If you use it, we probably support it</h2><div class="mb-6"></div><div class="text-lg text-gray-700"><p>Every<!-- --> <a href="/platforms"><a><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-indigo-500 hover:text-indigo-700
        undefined
        ">platform</button></a></a> <!-- -->has its own properties and advantages.</p><div class="mt-2"></div><p>Choose the best fit for your project and bring Formspark with you.</p></div></div><div class="mb-12"></div><div><div class="grid grid-cols-4 md:grid-cols-5 gap-6 items-center p-4"><div><a href="/for/alpinejs/"><img src="/img/brands/alpinejs.svg" alt="Alpine.js logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/angular/"><img src="/img/brands/angular.svg" alt="Angular logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/eleventy/"><img src="/img/brands/eleventy.svg" alt="Eleventy logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/framer/"><img src="/img/brands/framer.svg" alt="Framer logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/gatsby/"><img src="/img/brands/gatsby.svg" alt="Gatsby logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/ghost/"><img src="/img/brands/ghost.svg" alt="Ghost logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/gridsome/"><img src="/img/brands/gridsome.svg" alt="Gridsome logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/hexo/"><img src="/img/brands/hexo.svg" alt="Hexo logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/hugo/"><img src="/img/brands/hugo.svg" alt="Hugo logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/jekyll/"><img src="/img/brands/jekyll.svg" alt="Jekyll logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/middleman/"><img src="/img/brands/middleman.svg" alt="Middleman logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/nextjs/"><img src="/img/brands/nextjs.svg" alt="Next.js logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/nuxtjs/"><img src="/img/brands/nuxt.svg" alt="Nuxt.js logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/pelican/"><img src="/img/brands/pelican.png" alt="Pelican logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/preact/"><img src="/img/brands/preact.svg" alt="Preact logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/react/"><img src="/img/brands/react.svg" alt="React logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/svelte/"><img src="/img/brands/svelte.svg" alt="Svelte logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/vue/"><img src="/img/brands/vue.svg" alt="Vue logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/vuepress/"><img src="/img/brands/vuepress.png" alt="VuePress logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/webflow/"><img src="/img/brands/webflow.svg" alt="Webflow logo" class="platform-image-link w-10 mx-auto"></a></div><div><a href="/for/wordpress/"><img src="/img/brands/wordpress.svg" alt="WordPress logo" class="platform-image-link w-10 mx-auto"></a></div></div></div></div><div class="mb-12"></div></div></div><div class="bg-gray-50"><div class="mx-auto px-8 py-12" style="max-width:1300px"><div class="text-white bg-gradient-to-r from-indigo-600 to-indigo-700 rounded-md shadow"><div class="max-w-2xl mx-auto text-center py-8 px-4"><div class="text-2xl leading-9 font-semibold"><span class="block">Start collecting submissions with Formspark</span></div><div class="mt-8"></div><p class="text-lg leading-6">Formspark is a reliable backend for your forms.</p><div class="mt-2"></div><p class="text-lg leading-6">Keep full control over the look and feel of your forms.</p><div class="mt-2"></div><p class="text-lg leading-6">Let Formspark take care of the rest.</p><div class="mt-8"></div><div class="text-xl leading-8"><a href="https://dashboard.formspark.io/sign-up"><button type="button" class="
    inline-flex justify-center items-center font-semibold rounded-md focus:outline-none transition duration-150 ease-in-out select-none 
    
    border border-gray-300 text-gray-600 hover:text-gray-500 bg-white shadow-sm focus:ring focus:ring-indigo-100 
    
    py-3 px-6
    
    ">Try it free today</button></a></div><div class="mt-4"></div><div>No credit card required</div></div></div></div></div><footer id="footer" class="bg-gray-100"><div class="max-w-6xl mx-auto p-8"><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-x-4 gap-y-6 -mb-2"><div class="mb-2"><div class="font-semibold">Product</div><div class="mb-4"></div><div><a href="/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">About</button></a></div><div class="mb-4"></div><div><a href="/pricing/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Pricing</button></a></div><div class="mb-4"></div><div><a href="https://documentation.formspark.io" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Documentation</button></a></div><div class="mb-4"></div><div><a href="/announcements/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Announcements</button></a></div><div class="mb-4"></div><div><a href="https://status.formspark.io" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Status</button></a></div></div><div class="mb-2"><div class="font-semibold">Platforms</div><div class="mb-4"></div><div><a href="/for/framer/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->Framer</button></a></div><div class="mb-4"></div><div><a href="/for/nextjs/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->Next.js</button></a></div><div class="mb-4"></div><div><a href="/for/react/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->React</button></a></div><div class="mb-4"></div><div><a href="/for/vue/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->Vue</button></a></div><div class="mb-4"></div><div><a href="/for/webflow/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->Webflow</button></a></div><div class="mb-4"></div><div><a href="/for/wordpress/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark for <!-- -->WordPress</button></a></div><div class="mb-4"></div><div class="text-left"><a href="/platforms/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">View more platforms</button></a></div></div><div class="mb-2"><div class="font-semibold">Features</div><div class="mb-4"></div><div><a href="/features/botpoison/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Botpoison</button></a></div><div class="mb-4"></div><div><a href="/features/recaptcha/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with reCAPTCHA</button></a></div><div class="mb-4"></div><div><a href="/features/hcaptcha/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with hCaptcha</button></a></div><div class="mb-4"></div><div><a href="/features/turnstile/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Turnstile</button></a></div><div class="mb-4"></div><div><a href="/features/slack/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Slack</button></a></div><div class="mb-4"></div><div><a href="/features/zapier/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Zapier</button></a></div><div class="mb-4"></div><div><a href="/features/make/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Make</button></a></div><div class="mb-4"></div><div><a href="/features/integromat/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Formspark with Integromat</button></a></div></div><div class="mb-2"><div class="font-semibold">Company</div><div class="mb-4"></div><div><a href="https://dashboard.formspark.io/support/contact" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Contact</button></a></div><div class="mb-4"></div><div><a href="mailto:[email protected]" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Email</button></a></div><div class="mb-4"></div><div><a href="https://twitter.com/formsparkapp" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Twitter</button></a></div><div class="mb-4"></div><div><a href="https://github.com/formspark" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">GitHub</button></a></div></div><div class="mb-2"><div class="font-semibold">Legal</div><div class="mb-4"></div><div><a href="https://dashboard.formspark.io/support/report-abuse" target="_blank" rel="noreferrer"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Report abuse</button></a></div><div class="mb-4"></div><div><a href="/legal/terms-of-service/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Terms</button></a></div><div class="mb-4"></div><div><a href="/legal/privacy-policy/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">Privacy</button></a></div><div class="mb-4"></div><div><a href="/legal/gdpr/"><button type="button" class="font-semibold cursor-pointer focus:outline-none select-none 
        
        text-gray-500 hover:text-gray-700
        text-left
        ">GDPR</button></a></div></div><div class="flex items-center mb-2"><div class="md:text-center"><a href="/"><img src="/img/formspark.svg" alt="Formspark logo" aria-label="Formspark logo" class="w-10 h-10 md:mx-auto"></a><div class="mt-4"></div><div class="text-gray-900">© 2018 - <!-- -->2024<!-- --> Formspark</div></div></div></div></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"pkMiHT-Cuj2KeCn8M_DSP","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script><next-route-announcer><p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap; overflow-wrap: normal;"></p></next-route-announcer></body></html>