https://sktch.io/signup

1<!DOCTYPE html>
2<html data-page="signup" lang="en">
3	<head>
4		<meta charset="UTF-8" />
5		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6		<meta name="viewport" content="width=device-width,initial-scale=1" />
7
8		<title>Sign Up - Sktch.io</title>
9		<link href="//fonts.googleapis.com/icon?family=Material+Icons|Barlow:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800&display=swap" rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" />
10
11		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12		<link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
13		<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
14		<link rel="preconnect" href="https://connect.facebook.net" crossorigin>
15		<link rel="preconnect" href="https://www.facebook.com" crossorigin>
16
17		<base href="/" />
18		
19		
20
21		<meta property="og:type" content="website" />
22		<meta property="og:title" content="Sign Up - Sktch.io" />
23		
24		<meta property="og:image" content="https://sktch.io/images/og-logo.png" />
25
26		<meta name="twitter:card" content="summary_large_image" />
27		<meta name="twitter:site" content="@sktchio" />
28		<meta name="twitter:creator" content="@sktchio" />
29
30
31		<link rel="stylesheet" href="/css/style.css?me03242d" media="all" />
32		<link rel="icon" type="image/png" href="/images/favicon.png" />

32
33
34		<script async type="text/javascript" src="//www.googletagmanager.com/gtag/js?id=

34G-E320KHXXV8

34"></script>
35		

35<script type="text/javascript">

35
36			!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
37			fbq('init', '

37436194684367694

37');
38			fbq('track', 'PageView');
39		

39</script>

39
40
41		

41<script type="text/javascript" src="/js/main.js?me03247d"></script>

41
42		

42<script type="text/javascript">
43		controller.isLogged = false;
44		</script>

44
45	</head>
46	<body>
47		<info-messages></info-messages>
48		<loader></loader>
49		<header>
50			<span class="mobile-open">menu</span>
51			<logo>
52				<a href="/"><img src="images/logo-full.svg" alt="Sktch.io - NoCode Functional App Builder" /></a>
53			</logo>
54			<nav>
55				
56				
57					<!--<a href="https://ecommerce.sktch.io" class="shopify-app">Shopify App</a>-->
58					<a href="/pricing">Pricing</a>
59					<a href="https://blog.sktch.io/">Blog</a>
60					<a href="/login">Login</a>
61					<a href="/signup" class="nav-button">Start Free Trial</a>
62				
63			</nav>
64		</header>
65		<mobile-nav>
66			<span class="close">close</span>
67			<a href="/">Home</a>
68			
69				<a href="/pricing">Pricing</a>
70				<a href="https://blog.sktch.io/">Blog</a>
71				<a href="/signup">Start Free Trial</a>
72				<a href="/login">Login</a>
73			
74		</mobile-nav>
75		<main>
76<h1>Signup</h1>
77<form action="/signup/verificationCode" method="POST" class="signup vertical">
78	<em>Fill the form bellow to sign up</em>
79	<input type="text" name="name" placeholder="Full Name" required pattern="^.{4,150}$" />
80	<input type="email" name="email" placeholder="Email" required />
81	<input type="password" name="password" placeholder="Password" required />
82	<input type="submit" value="Create Account" />
83</form>
84<form action="/signup" method="POST" class="signupVerification vertical">
85	<em>A verification code was sent to the email addres: "<b class="email-address"></b>". Please check your emails and copy the verification code here:</em>
86	<input type="text" name="verificationCode" placeholder="000000" />
87	<input type="submit" value="Confirm" />
88</form>

89<script type="text/javascript">
90H(function() {
91	H('[name="verificationCode"]').on('input', function() {
92		this.val(this.val().replace(/[^0-9]/g, '').substring(0, 6));
93	});
94	var $form = H('form.signup').on('submit', async (e) => {
95		e.preventDefault();
96		try {
97			var data = controller.serializeForm($form);
98			await controller.apiPost('/signup/verificationCode', data);
99			$form.hide();
100			H('form.signupVerification .email-address').text(data.email);
101			H('form.signupVerification').css('display', 'flex').on('submit', async (e) => {
102				e.preventDefault();
103				try {
104					await controller.apiPost('/signup', {
105						...data,
106						verificationCode	: H('form.signupVerification [name="verificationCode"]').val(),
107					});
108					gtag('event', 'sign_up');
109					window.fbq && window.fbq('track', 'CompleteRegistration');
110
111					await H.delay(2000);
112					location.href = '/';
113				} catch(e) {console.error(e);}
114			});
115		} catch(e) {console.error(e);}
116	});
117});
118</script>

118
119
120		</main>
121		<footer>
122			<div class="links">
123				<a href="/">Home</a>
124				<a href="/pricing">Pricing</a>
125				<a href="https://blog.sktch.io/">Blog</a>
126				
127					<a href="/signup">Create an account</a>
128					<a href="/login">Login</a>
129				
130				<a href="/privacy">Privacy Policy</a>
131				<a href="/terms">Terms & Conditions</a>
132				
133				<a href="/contact">Contact</a>
134			</div>
135			<div class="links">
136				<a href="https://sktch.io/vs-webflow">Webflow vs. Sktch.io</a>
137			</div>
138			©️ Sktch.io ❤ #NoCode
139		</footer>
140		
141
142
143	</body>
144</html>