It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://whatsform.com/csjoker123

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset='utf-8' />
  6. <meta name='viewport' content='width=device-width, initial-scale=1' />
  7. <link rel='icon' href='/assets/images/favicon.png' type='image/x-icon' />
  8. <meta name='viewport' content='width=device-width, initial-scale=1.0' />
  9. <meta name='twitter:card' content='summary_large_image' />
  10. <meta name='twitter:site' content='WhatsForm' />
  11. <meta name='twitter:title' content='WhatsForm' />
  12. <meta name='twitter:description' content='Create a form for free & Get data directly to WhatsApp from the customer's number.' />
  13. <meta name='twitter:url' content='whatsform.com' />
  14. <meta name='twitter:image' content='https://whatsform.com/images/meta.png' />
  15. <meta property='og:site_name' content='WhatsForm' />
  16. <meta property='og:type' content='website' />
  17. <meta property='og:url' content='whatsform.com' />
  18. <meta property='og:title' content='WhatsForm' />
  19. <meta property='og:description' content='Create a form for free & Get data directly to WhatsApp from the customer's number.' />
  20. <meta property='og:image' content='https://whatsform.com/images/meta.png' />
  21. <!-- Google Fonts -->
  22. <link
  23.  href='https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900&family=DM+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap'
  24.  rel='stylesheet' />
  25. <!-- Bootstrap 4.5.2 CSS -->
  26. <link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css'
  27.  integrity='sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z' crossorigin='anonymous' />
  28. <!-- Slick 1.8.1 jQuery plugin CSS (Sliders) -->
  29. <link rel='stylesheet' type='text/css' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css' />
  30. <!-- Fancybox 3 jQuery plugin CSS (Open images and video in popup) -->
  31. <link rel='stylesheet' href='https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css' />
  32. <!-- AOS 2.3.4 jQuery plugin CSS (Animations) -->
  33. <link href='https://unpkg.com/aos@2.3.4/dist/aos.css' rel='stylesheet' />
  34. <!-- FontAwesome CSS -->
  35. <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css' />
  36. <!-- Startup CSS (Styles for all blocks) - Remove ".min" if you would edit a css code -->
  37. <link href='/assets/css/style.css' rel='stylesheet' />
  38. <link href='/assets/css/typing.css' rel='stylesheet' />
  39. <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css' />
  40. <!-- jQuery 3.5.1 -->
  41. <script src='https://code.jquery.com/jquery-3.5.1.min.js'></script>
  42. <script>(function (w) {
  43.    w.fpr = w.fpr || function () {
  44.      w.fpr.q =
  45.      w.fpr.q || []; w.fpr.q[arguments[0] == 'set' ? 'unshift' : 'push'](arguments);
  46.    };
  47.  })(window);
  48.  fpr("init", { cid: "kfowwakd" }); fpr("click");
  49. </script>
  50. <script src='https://d16mfdj9kvafcs.cloudfront.net/fpr.js' async></script>
  51. <script defer data-domain='whatsform.com' src='https://record.micro.company/script.js'></script>
  52. <script>window.plausible = window.plausible || function () {
  53.    (window.plausible.q
  54.      = window.plausible.q || []).push(arguments)
  55.  }</script>
  56. <!-- Phone number input script -->
  57. <script src='https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js'></script>
  58. <title>Collect data directly to your WhatsApp number - WhatsForm</title>
  59. <meta name="description" content="Create a free form using our drag & drop WhatsApp form builder. Get form responses directly to your WhatsApp from the customer's number. Convert existing google forms to WhatsApp contact form in one click.">
  60.  
  61. <link rel="alternate" hreflang="en" href="http://whatsform.com/" />
  62. <link rel="alternate" hreflang="es" href="http://whatsform.com/es/" />
  63. <link rel="alternate" hreflang="pt-br" href="http://whatsform.com/pt-br/" />
  64. <link rel="alternate" hreflang="id" href="http://whatsform.com/id/" />
  65.  
  66. <link href="/style.css" rel="stylesheet"></head>
  67.  
  68. <body>
  69. <section class="header" id="header">
  70.   <div class="container navbar navbar-expand-md px-md-0">
  71.      <div class="logo-container">
  72.         <a class="color-green" href="/">
  73.            <img class="logo" src="/assets/images/logo-dark.png" />
  74.         </a>
  75.      </div>
  76.      <ul class="navbar-nav mr-auto">
  77.         <li class="nav-item dropdown">
  78.            <a class="nav-link dropdown-toggle link color-heading" href="#" id="navbarDropdown" role="button"
  79.               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  80.               English
  81.            </a>
  82.            <div class="dropdown-menu py-3" aria-labelledby="navbarDropdown">
  83.               <a class="dropdown-item" href="/">English</a>
  84.               <a class="dropdown-item" href="/pt-br/">Português</a>
  85.               <a class="dropdown-item" href="/es/">Español</a>
  86.               <a class="dropdown-item" href="/id/">Indonesian</a>
  87.            </div>
  88.         </li>
  89.         <li class="nav-item"><a target="_blank" class="link color-heading"
  90.               href="/demo">Try Demo
  91.               <i class="far fa-share-square"></i></a></a></li>
  92.         <li class="nav-item"><a href="/pricing"
  93.               class="link color-heading">Pricing</a></li>
  94.         <li class="nav-item"><a href="/#templates" class="link color-heading"
  95.               onclick="$('html, body').animate({scrollTop:$('#templates').position().top}, 500);">Templates</a></a>
  96.         </li>
  97.         <li class="nav-item"><a href="#"
  98.               onclick="return signupClick(event, 'en')"
  99.               class="btn sm action-1 px-4">Login</a></li>
  100.      </ul>
  101.   </div>
  102.   <div class="header---mob">
  103.      <nav id="navbar">
  104.         <div class="nav-content">
  105.            <ul>
  106.               <li class="nav-right-logo">
  107.                  <a href="index.html"><img src="/assets/images/logo.png" /></a>
  108.               </li>
  109.               <li><a target="_blank" class="link color-heading"
  110.                     href="/demo">Try Demo
  111.                     <i class="far fa-share-square"></i></a></a></li>
  112.               <li><a href="/pricing"
  113.                     class="link color-heading">Pricing</a></li>
  114.               <li><a href="/#templates" class="link color-heading"
  115.                     onclick="$('html, body').animate({scrollTop:$('#templates').position().top}, 500);">Templates</a></a>
  116.               </li>
  117.               <li class="login-button"><a href="#"
  118.                     onclick="return signupClick(event, 'en')"
  119.                     class="link color-heading">Login</a></li>
  120.            </ul>
  121.         </div>
  122.      </nav>
  123.      <button class="nav-menu-toggle" type="submit"></button>
  124.   </div>
  125. </section>
  126. <header>
  127.  
  128. <div class="container px-xl-0 relative text-center text-md-left">
  129. <div class="row justify-content-between">
  130. <div class="col-md-10 col-xl-6 pb-165 inner hero-wrapper">
  131. <h1 class="hero-text" data-aos="fade-down" data-aos-delay="0">
  132. Get
  133. <ul class="dynamic-txts">
  134. <li><span>Orders</span></li>
  135. <li><span>Registrations</span></li>
  136. <li><span>Bookings</span></li>
  137. <li><span>Feedback</span></li>
  138. <li><span>Surveys</span></li>
  139. </ul>
  140. on WhatsApp.
  141. </h1>
  142. <div class="mt-20 medium  color-heading  text-adaptive f-18" data-aos="fade-down"
  143. data-aos-delay="250">
  144. Build forms without code &amp; get the data directly from the customer&#x27;s WhatsApp number ⚡️
  145.  
  146.  
  147. </div>
  148. <div class="mt-30  aos-init aos-animate signup-container" data-aos="fade-down" data-aos-delay="500">
  149. <div id="signup-container-desktop" style="display:none" class="w-full">
  150. <div class="signup-container-desktop-phone-input hide-on-token-screen">
  151. <form id="signup-form" class="d-flex"
  152. onsubmit="processSignup(event, 'en')">
  153. <input id="phone" type="tel" name="phone" class="f-20 w-full" />
  154. <button type="submit" class="action-button">
  155.  
  156. <i
  157. class="fab fa-whatsapp"></i>Login with WhatsApp
  158. </button>
  159. <button disabled class="loading-button" style="display:none;">
  160. <i class="spinner-border spinner-border-sm"></i>
  161. Sending OTP <i
  162. class="fab fa-whatsapp"></i>
  163. </button>
  164. </form>
  165. <div class="mt-2 text-danger f-16">
  166. <span id="error-401004" class="error-message"
  167. style="display:none;">Sorry, could not deliver verification code to the given number. Please make sure that the number is registered with WhatsApp.</span>
  168. <span id="error-401005" class="error-message"
  169. style="display:none;">Please enter a valid WhatsApp number</span>
  170. <span id="error-401006" class="error-message text-dark" style="display:none;">Sorry,
  171. WhatsApp
  172. login is not supported on your number. Don't worry, you can still use
  173. WhatsForm with your Google account.</span>
  174. <span class="error-generic error-message"
  175. style="display:none;">Something went wrong</span>
  176. </div>
  177. </div>
  178. <div class="signup-container-desktop-token-input" style="display: none;">
  179. <div id="verification-token-form-label"
  180. class="mb-3 text-left color-heading medium  f-18">
  181. Check your <span class='text-success'>WhatsApp <i class='fab fa-whatsapp'></i></span> for the verification code.
  182. </div>
  183. <div id="verification-token-input" class="otp-input-section">
  184.  
  185. <input class="otp-input-box" maxlength="1" />
  186. <input class="otp-input-box" maxlength="1" />
  187. <input class="otp-input-box" maxlength="1" />
  188. <input class="otp-input-box" maxlength="1" />
  189. <input class="otp-input-box" maxlength="1" />
  190. <input class="otp-input-box" maxlength="1" />
  191. <div class="spinner-border text-success ml-10" role="status"
  192. id="verification-token-input-loading" style="display:none;">
  193. <span class="sr-only">Loading...</span>
  194. </div>
  195.  
  196. </div>
  197. <div class="mt-2 text-danger f-16">
  198. <span id="error-401001" class="error-message"
  199. style="display:none;">Incorrect verification code</span>
  200. <span id="error-401002" class="error-message"
  201. style="display:none;">Expired! Please go back to generate a new one</span>
  202. <span id="error-401003" class="error-message"
  203. style="display:none;">Invalid verification code</span>
  204. <span class="error-generic error-message"
  205. style="display:none;">Something went wrong</span>
  206. </div>
  207. <div class="mt-3">
  208. <span
  209. class="text-success text-left color-heading medium  f-16 d-flex  align-items-center"
  210. onclick="cancelTokenVerification()" role="button"> <i
  211. class="fa fa-arrow-left mr-4" aria-hidden="true"></i>
  212. Go back</span>
  213. </div>
  214.  
  215. </div>
  216. <div class="row mt-10 px-15 hide-on-token-screen">
  217. <div class="col px-2">
  218. <hr>
  219. </div>
  220. <div class="col-auto  f-16 medium color-heading px-1" style="line-height:30px">or
  221. </div>
  222. <div class="col px-2">
  223. <hr>
  224. </div>
  225. </div>
  226. <button
  227. onclick="return signupClick(event, 'en','google')"
  228. class="mt-10 w-full  justify-content-center  align-items-center f-18 bg-white medium google-signup-button hide-on-token-screen">
  229. <i class="fab fa-google f-20 " aria-hidden="true"></i>
  230. Login with Google
  231. </button>
  232. <div class="row mt-10 px-15 hide-on-token-screen">
  233. <p class="m-auto pt-20 color-heading">No credit card required. No coding required.</p>
  234. </div>
  235. </div>
  236. <div id="signup-container-mobile" style="display:none;">
  237. <button onclick="return signupClick(event, 'en')"
  238. class="mt-10 w-full d-flex btn lg action-1 justify-content-center align-items-center f-18 medium whatsapp-signup-button">
  239. <i class="fab fa-whatsapp f-20"></i>
  240. Login with WhatsApp
  241. </button>
  242. <div class="row mt-10 px-15">
  243. <div class="col px-2">
  244. <hr>
  245. </div>
  246. <div class="col-auto  f-16 medium color-heading px-1" style="line-height:30px">or
  247. </div>
  248. <div class="col px-2">
  249. <hr>
  250. </div>
  251. </div>
  252.  
  253. <button
  254. onclick="return signupClick(event, 'en','google')"
  255. class="mt-10 w-full d-flex justify-content-center align-items-center f-18 bg-white medium google-signup-button">
  256. <i class="fab fa-google f-20" aria-hidden="true"></i>
  257. Login with Google
  258. </button>
  259. <div class="row mt-10 px-15">
  260. <p class="m-auto pt-20 color-heading">No credit card required.<br/>No coding required.</p>
  261. </div>
  262.  
  263. </div>
  264. </div>
  265. </div>
  266. <div class="col-xl-6 d-none d-md-block img_holder" data-aos="fade-down" data-aos-delay="750">
  267. <div class="h-hero relative overflow-hidden">
  268. <img src="/assets/images/whatsapphero.png" alt="" class="h-hero">
  269. </div>
  270. </div>
  271.  
  272. </div>
  273. </div>
  274. </header>
  275.  
  276. <section class="pt-100 pb-100 application_5">
  277. <div class="container px-xl-0">
  278. <div class="row align-items-center align-items-xl-start">
  279. <div class="col-lg-6 col-xl-6 no-gutters">
  280. <h3 class="mb-80 col-lg-11 col-xl-12">
  281. How WhatsApp Form works
  282. </h3>
  283. <div class="pb-40 d-flex justify-content-start">
  284. <h1 class="mr-25 color-gray how-step-number">
  285. 01
  286. </h1>
  287. <div>
  288. <div class="color-main f-22 medium">
  289. You create the form &amp; share it with customers
  290. </div>
  291. </div>
  292. </div>
  293. <div class="pb-40 d-flex justify-content-lg-start">
  294. <h1 class="mr-25 color-gray how-step-number">
  295. 02
  296. </h1>
  297. <div>
  298. <div class="color-main f-22 medium">
  299. Customer fills in the data and clicks on Submit
  300. </div>
  301. </div>
  302. </div>
  303. <div class="pb-40 d-flex justify-content-lg-start">
  304. <h1 class="mr-25 color-gray how-step-number">
  305. 03
  306. </h1>
  307. <div>
  308. <div class="color-main f-22 medium">
  309. You get the data in WhatsApp from customer&#x27;s number
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <div class="col-lg-6 col-xl-6 d-flex justify-content-center no-gutters ">
  315. <img src="/assets/images/illustrations/chatbot.png" alt="" class="img-fluid relative">
  316.  
  317.  
  318.  
  319. </div>
  320. </div>
  321. </div>
  322. </section>
  323.  
  324. <!-- Features -->
  325. <section class="pt-100 pb-65 feature_37">
  326. <div class="container px-xl-0">
  327. <div class="row justify-content-between align-items-center">
  328.  
  329. <div class="col-md-6 mb-50 mb-md-0" data-aos="fade-down" data-aos-delay="0">
  330. <h2 class="mb-20 small">
  331. Ask frequent questions &amp; Don&#x27;t keep them waiting
  332. </h2>
  333. <div class="mb-25 f-18 medium color-heading  text-adaptive">
  334. When you are attending multiple customers, a lot of time is spend to ask customers the same set of first questions in WhatsApp. With WhatsForm, you can ask these questions in one-go and save time.
  335. </div>
  336. </div>
  337. <div class="col-md-1">
  338. </div>
  339. <div class="col-md-5" data-aos="fade-down" data-aos-delay="250">
  340. <div class="mb-55 d-flex align-items-center advantage">
  341. <i class="color-gray f-26 lh-24 w-30 mr-20 fas fa-people-arrows">
  342. </i>
  343. <div class="f-14 semibold text-uppercase sp-20 title">
  344. Personal connection with every customer
  345. </div>
  346. </div>
  347. <div class="mb-55 d-flex align-items-center advantage">
  348. <i class="color-gray f-26 lh-24 w-30 mr-20 f fas fa-user-check">
  349. </i>
  350. <div class="f-14 semibold text-uppercase sp-20 title">
  351. Get only genuine phone numbers
  352. </div>
  353. </div>
  354. <div class="mb-55 d-flex align-items-center advantage">
  355. <i class="color-gray f-26 lh-24 w-30 mr-20 f fas fa-envelope-open-text">
  356. </i>
  357. <div class="f-14 semibold text-uppercase sp-20 title">
  358. Faster Replies and 98% open rate
  359. </div>
  360. </div>
  361.  
  362. </div>
  363. </div>
  364. </div>
  365. </section>
  366. <!-- Crm -->
  367. <section class="pt-105 pb-45 text-center feature_2">
  368. <div class="container px-xl-0">
  369. <div class="row justify-content-center">
  370. <div class="col-xl-8 col-lg-10">
  371. <h2 class="small" data-aos="fade-down" data-aos-delay="0">
  372. Say Goodbye to Spreadsheets and CRMs
  373. </h2>
  374. <img src="/assets/images/illustrations/crm.png" alt="" class="img-fluid">
  375. <div class="mt-35 mb-65 f-18 medium color-heading text-adaptive description" data-aos="fade-down"
  376. data-aos-delay="250">
  377. Managing customers and their requirements is a hurdle for everyone. Using spreadsheets or CRM to manage data gets tiresome overtime. With WhatsForm the first message from customer will have the data you need - All you need is a WhatsApp number.
  378. </div>
  379. </div>
  380. <!-- <div class="col-xl-10">
  381. <div class="row justify-content-center">
  382. <div class="mb-50 col-sm-8 col-md-6" data-aos="fade-down" data-aos-delay="500">
  383. <img src="/assets/images/illustrations/crm.png" alt="" class="img-fluid">
  384. <div class="mb-20 f-22 medium">
  385. Use WhatsApp as a CRM
  386. </div>
  387. <div class="color-heading text-adaptive">
  388. You don't have to learn new software to talk to your customers. Now you can use your favourite messaging app for this purpose.
  389. </div>
  390. </div>
  391. <div class="mb-50 col-sm-8 col-md-6" data-aos="fade-down" data-aos-delay="1000">
  392. <img src="/assets/images/illustrations/chatbot.png" alt="" class="img-fluid">
  393. <div class="mb-20 medium title f-22">
  394. Automate workflow to scale
  395. </div>
  396. <div class="color-heading text-adaptive">
  397. If you have complex workflows, use WhatsApp Chatbots. Automate and scale any process without compromising superior customer satisfaction.
  398. </div>
  399. </div>
  400. </div>
  401. </div> -->
  402. </div>
  403. </div>
  404. </section>
  405.  
  406.  
  407. <!-- Form builder  -->
  408. <section class="pt-80 pb-105 feature_11">
  409. <div class="container px-xl-0">
  410. <div class="row align-items-center">
  411. <div class="col-xl-5 col-lg-6 col-sm-8">
  412. <h2 class="small" data-aos="fade-down" data-aos-delay="0">
  413. Meet the WhatsApp Form Builder
  414. </h2>
  415. <div class="mt-30 mb-75 f-18 medium color-heading text-adaptive description" data-aos="fade-down"
  416. data-aos-delay="250">
  417. The drag &amp; drop form builder is dead simple so your job to create and manage form is as easy as possible
  418. </div>
  419. <div class="mb-50 block" data-aos="fade-down" data-aos-delay="500">
  420. <div class="mb-15 f-14 semibold text-uppercase sp-20 title">
  421. <i class="fas fa-check mr-15">
  422. </i>
  423. <span>
  424. Translate to all major languages
  425. </span>
  426. </div>
  427. <!-- <div class="color-heading op-7 text-adaptive">
  428. Startup Framework works fine on devices
  429. <br>supporting Retina Display. Feel the clarity!
  430. </div> -->
  431. </div>
  432. <div class="mb-50 block" data-aos="fade-down" data-aos-delay="500">
  433. <div class="mb-15 f-14 semibold text-uppercase sp-20 title">
  434. <i class="fas fa-check mr-15">
  435. </i>
  436. <span>
  437. Start from ready to use templates
  438. </span>
  439. </div>
  440. <!-- <div class="color-heading op-7 text-adaptive">
  441. Startup Framework works fine on devices
  442. <br>supporting Retina Display. Feel the clarity!
  443. </div> -->
  444. </div>
  445. <div class="block" data-aos="fade-down" data-aos-delay="750">
  446. <div class="mb-15 f-14 semibold text-uppercase sp-20 title">
  447. <i class="fas fa-check mr-15">
  448. </i>
  449. <span>
  450. Convert google form in One-Click
  451. </span>
  452. </div>
  453. <!-- <div class="color-heading op-7 text-adaptive">
  454. Of course we haven't forgotten about the
  455. <br>responsive layout. Full mobile support.
  456. </div> -->
  457. </div>
  458. </div>
  459. <div class="col-xl-7 col-lg-6 col-sm-4" data-aos="fade-down" data-aos-delay="1000">
  460. <img src="/assets/images/language/laptop-en.png" alt=""
  461. class="bg">
  462. </div>
  463. </div>
  464. </div>
  465. </section>
  466. <!-- Feature 24 -->
  467.  
  468. <section class="pt-80 pb-80 text-center call_to_action_6 bg-gray" data-bg-src="false" data-bg-src-2x="false">
  469. <div class="container px-xl-0">
  470. <div class="row flex-column flex-lg-row align-items-center justify-content-center">
  471. <div class="col-lg-5 text-lg-right">
  472. <h2 class="small">
  473. Watch how to create
  474. </h2>
  475. </div>
  476. <div class="col-xl-1 col-lg-2 d-flex justify-content-center">
  477. <a href="https://www.youtube.com/watch?v=0mhTO2wGhOU?rel=0&showinfo=0"
  478. class="mt-20 mb-20 d-block d-lg-inline-block play relative red" target="_blank"
  479. data-fancybox="howtouse">
  480. <i class="fas fa-play">
  481. </i>
  482. </a>
  483. </div>
  484. <div class="col-lg-5 text-lg-left">
  485. <h2 class="small">
  486. and use WhatsForm
  487. </h2>
  488. </div>
  489. </div>
  490. </div>
  491. </section>
  492. <!-- Testimonial  -->
  493. <section class="pt-75 pb-75 testimonial_2">
  494. <div class="container px-xl-0 text-center">
  495. <div class="row justify-content-center">
  496. <div class="col-xl-6 col-lg-8 col-md-10">
  497. <i class="fas fa-quote-left f-30 color-gray" data-aos="fade-down" data-aos-delay="0">
  498. </i>
  499. <div class="mt-35 mb-45 f-22 text-adaptive" data-aos="fade-down" data-aos-delay="250">
  500. A must-have tool for those who use WhatsApp for business. It saves our time as we don&#x27;t have to ask too many questions to our customers. It&#x27;s convenient for our customers too. It helps us to understand our customers better!
  501. </div>
  502. <img src="/assets/images/googleform/sreeragfabuframes.jpeg" class="mw-70 radius_full"
  503. data-aos="fade-down" data-aos-delay="750">
  504. <div class="mt-20 f-18 medium" data-aos="fade-down" data-aos-delay="750">
  505. Sreerag
  506. </div>
  507. <div class="f-14 semibold color-heading text-uppercase sp-20" data-aos="fade-down"
  508. data-aos-delay="750">
  509. Fabus Frames
  510. </div>
  511. </div>
  512. </div>
  513. </div>
  514. </section>
  515. <!-- Template  -->
  516. <section class="pt-105 pb-90 text-center showcase_9 templates" id="templates">
  517. <div class="container px-xl-0">
  518. <div class="row justify-content-center">
  519. <div class="col-xl-8 col-lg-10">
  520. <h2 class="small" data-aos="fade-up">
  521. Choose from our ready to use templates</h2>
  522. <div class="mt-15 mb-60 f-18 medium color-heading text-adaptive" data-aos="fade-up">
  523. Create your form in a single-click from our curated templates</div>
  524. </div>
  525. </div>
  526. <div class="row align-items-stretch text-sm-left">
  527. <div class="mb-30 col-md-4" data-aos="fade-up">
  528. <img src="/assets/images/templates/travel.jpg" alt="personal conversational contact page"
  529. class="w-full radius10 noradius_bottom" />
  530. <div class="w-full pb-30 px-30 radius10 noradius_top block">
  531. <a class="link mt-25 mb-10 f-18 medium color-main"
  532. href="https://whatsform.com/whatsapp-booking-template"
  533. target="_blank">Travel Booking</a>
  534. <div class="color-heading text-adaptive f-16 medium">
  535. Use this simple form to get travel requirements from your customer
  536. </div>
  537. <div class="mt-15 f-14 sp-20 action-2 tags">
  538. <button class="btn sm action-1"
  539. onclick="onClickHandler(event, '6112780eaba60e5e5e6fb733', 'en')">Create Travel Form</button>
  540. <a href="https://whatsform.com/whatsapp-booking-template" target="_blank"
  541. class="btn sm color-main template-demo-btn">Demo
  542. <i class="far fa-share-square"></i></a>
  543. </div>
  544.  
  545. </div>
  546. </div>
  547. <div class="mb-30 col-md-4" data-aos="fade-up">
  548. <img src="/assets/images/templates/contact.jpg" alt="personal conversational contact page"
  549. class="w-full radius10 noradius_bottom" />
  550. <div class="w-full pb-30 px-30 radius10 noradius_top block">
  551. <a class="link mt-25 mb-10 f-18 medium  color-main"
  552. href="https://whatsform.com/whatsapp-contact-template"
  553. target="_blank">Contact Form</a>
  554. <div class="color-heading text-adaptive f-16 medium">
  555. Get general inquires from anyone using this classic contact form
  556. </div>
  557. <div class="mt-15 f-14 sp-20 action-2 tags">
  558. <button class="btn sm action-1"
  559. onclick="onClickHandler(event, '6112743daba60e5e5e6fb4fc', 'en')">Create Contact Form</button>
  560. <a href="https://whatsform.com/whatsapp-contact-template" target="_blank"
  561. class="btn sm color-main template-demo-btn">Demo
  562. <i class="far fa-share-square"></i></a>
  563. </div>
  564.  
  565. </div>
  566. </div>
  567. <div class="mb-30 col-md-4" data-aos="fade-up">
  568. <img src="/assets/images/templates/feedback.jpg" alt="personal conversational contact page"
  569. class="w-full radius10 noradius_bottom" />
  570. <div class="w-full pb-30 px-30 radius10 noradius_top block">
  571. <a class="link mt-25 mb-10 f-18 medium  color-main"
  572. href="https://whatsform.com/whatsapp-feedback-template"
  573. target="_blank">Customer Feedback</a>
  574. <div class="color-heading text-adaptive f-16 medium">
  575. Collect feedbacks from your customers about their experience
  576. </div>
  577. <div class="mt-15 f-14 sp-20 action-2 tags">
  578. <button class="btn sm action-1"
  579. onclick="onClickHandler(event, '61125409c47a205ba159a7b0', 'en')">Create Feedback Form</button>
  580. <a href="https://whatsform.com/whatsapp-feedback-template" target="_blank"
  581. class="btn sm color-main template-demo-btn">Demo
  582. <i class="far fa-share-square"></i></a>
  583. </div>
  584.  
  585. </div>
  586. </div>
  587. <div class="mb-30 col-md-4" data-aos="fade-up">
  588. <img src="/assets/images/templates/restaurant.jpg" alt="personal conversational contact page"
  589. class="w-full radius10 noradius_bottom" />
  590. <div class="w-full pb-30 px-30 radius10 noradius_top block">
  591. <a class="link mt-25 mb-10 f-18 medium  color-main"
  592. href="https://whatsform.com/whatsapp-order-template"
  593. target="_blank">Restaurant Order</a>
  594. <div class="color-heading text-adaptive f-16 medium">
  595. Connect with customers who wants to order their favourite meals
  596. </div>
  597. <div class="mt-15 f-14 sp-20 action-2 tags">
  598. <button class="btn sm action-1"
  599. onclick="onClickHandler(event, '6112406e1479ea5720fd4190', 'en')">Create Restaurant Form</button>
  600. <a href="https://whatsform.com/whatsapp-order-template" target="_blank"
  601. class="btn sm color-main template-demo-btn">Demo
  602. <i class="far fa-share-square"></i></a>
  603. </div>
  604.  
  605. </div>
  606. </div>
  607. <div class="mb-30 col-md-4" data-aos="fade-up">
  608. <img src="/assets/images/templates/shopping.jpg" alt="personal conversational contact page"
  609. class="w-full radius10 noradius_bottom" />
  610. <div class="w-full pb-30 px-30 radius10 noradius_top block">
  611. <a class="link mt-25 mb-10 f-18 medium  color-main"
  612. href="https://whatsform.com/whatsapp-shopping-template"
  613. target="_blank">Store Order</a>
  614. <div class="color-heading text-adaptive f-16 medium">
  615. Use this form to help customers buy clothes and accessories online
  616. </div>
  617. <div class="mt-15 f-14 sp-20 action-2 tags">
  618. <button class="btn sm action-1"
  619. onclick="onClickHandler(event, '61120cec79c39550d8c2f2a5', 'en')">Create Store Form</button>
  620. <a href="https://whatsform.com/whatsapp-shopping-template" target="_blank"
  621. class="btn sm color-main template-demo-btn">Demo
  622. <i class="far fa-share-square"></i></a>
  623. </div>
  624.  
  625. </div>
  626. </div>
  627. <div class="mb-30 col-md-4" data-aos="fade-up">
  628. <img src="/assets/images/templates/registration.jpg" alt="personal conversational contact page"
  629. class="w-full radius10 noradius_bottom" />
  630.  
  631. <div class="w-full pb-30 px-30 radius10 noradius_top block">
  632. <a class="link mt-25 mb-10 f-18 medium  color-main"
  633. href="https://whatsform.com/whatsapp-registration-template"
  634. target="_blank">Event Registration</a>
  635. <div class="color-heading text-adaptive f-16 medium">
  636. Make registrations for events easier to manage and track using this form
  637. </div>
  638. <div class="mt-15 f-14 sp-20 action-2 tags">
  639. <button class="btn sm action-1"
  640. onclick="onClickHandler(event, '61120ca679c39550d8c2f299', 'en')">Create Registration Form</button>
  641. <a href="https://whatsform.com/whatsapp-registration-template" target="_blank"
  642. class="btn sm color-main template-demo-btn">Demo
  643. <i class="far fa-share-square"></i></a>
  644. </div>
  645.  
  646. </div>
  647. </div>
  648. </div>
  649. </div>
  650. </section>
  651. <!-- Faq -->
  652. <section id="faq" class="pt-75 pb-80 content_18">
  653. <div class="container px-xl-0">
  654. <div class="row">
  655. <div class="col-lg-1">
  656. </div>
  657. <div class="col-lg-7" data-aos="fade-down" data-aos-delay="0">
  658. <div class="opening_tabs">
  659. <h3 class="pt-25 pb-25 f-14 semibold text-uppercase sp-20 tab_opener" data-aos="fade-down"
  660. data-aos-delay="0">
  661. <span>
  662. Is WhatsForm Free?
  663. </span>
  664. <i class="fas fa-angle-right ml-10">
  665. </i>
  666. </h3>
  667. <div class="color-heading tab_text">
  668. <div class="pb-35">
  669. We have a free forever plan. You can choose a paid plan if you need powerful features.
  670. </div>
  671. </div>
  672. <h3 class="pt-25 pb-25 f-14 semibold text-uppercase sp-20 tab_opener" data-aos="fade-down"
  673. data-aos-delay="0">
  674. <span>
  675. Is my data secure?
  676. </span>
  677. <i class="fas fa-angle-right ml-10">
  678. </i>
  679. </h3>
  680. <div class="color-heading tab_text">
  681. <div class="pb-35">
  682. Our servers are the most secure and fastest ones available currently. We use Amazon web services and Cloudflare CDN.
  683. </div>
  684. </div>
  685. <h3 class="pt-25 pb-25 f-14 semibold text-uppercase sp-20 tab_opener" data-aos="fade-down"
  686. data-aos-delay="250">
  687. <span>
  688. How to Get Started
  689. </span>
  690. <i class="fas fa-angle-right ml-10">
  691. </i>
  692. </h3>
  693. <div class="color-heading tab_text">
  694. <div class="pb-35">
  695. Simply signup using a Google account and create WhatsForm from any template. It&#x27;s easier than you imagine.
  696. </div>
  697. </div>
  698. <h3 class="pt-25 pb-25 f-14 semibold text-uppercase sp-20 tab_opener" data-aos="fade-down"
  699. data-aos-delay="0">
  700. <span>
  701. Is WhatsForm run by WhatsApp of Facebook team?
  702. </span>
  703. <i class="fas fa-angle-right ml-10">
  704. </i>
  705. </h3>
  706. <div class="color-heading tab_text">
  707. <div class="pb-35">
  708. No, WhatsForm is not affiliated with WhatsApp or Meta Inc. in any way. We are an independent product that operates using WhatsApp as a platform.
  709. </div>
  710. </div>
  711. </div>
  712. </div>
  713. <div class="col-lg-3">
  714. <div class="w-180 mt-30 ml-100 block_right">
  715. <div class="color-heading semibold text-uppercase f-14 sp-15" data-aos="fade-down"
  716. data-aos-delay="500">
  717. Have a Question?
  718. </div>
  719. <div class="mt-10 f-18 medium text-adaptive" data-aos="fade-down" data-aos-delay="500">
  720. If you have more questions feel free to contact us.
  721. </div>
  722. <div data-aos="fade-down" data-aos-delay="750">
  723. <a href="https://reach.at/whatsform" target="_blank" class="contactus btn mt-15 sm action-1 f-16">
  724. Contact Us
  725. </a>
  726. </div>
  727. </div>
  728. </div>
  729. </div>
  730. </div>
  731. </section>
  732.  
  733.  
  734.  
  735. <footer class="pt-70 pb-60 footer_4">
  736.   <div class="container px-xl-0">
  737.      <div class="row align-items-center">
  738.        
  739.         <div class="mt-10 mb-10 mx-auto text-xl-right links order-1 order-xl-0" data-aos-delay="500">
  740.             <a href="/whatsapp-widget/" class="contactus link color-main mr-30">
  741.               WhatsApp Widget
  742.            </a>
  743.            <a href="/googleform-to-whatsapp" class="link color-main mr-30">
  744.           Google form to WhatsApp
  745.            </a>
  746.              <a href="/whatsapp-for-teams/" class="link color-main mr-30">
  747.            Whatsapp for Teams
  748.            </a>
  749.          
  750.            <a href="/whatsapp-affiliate/" class="link color-main mr-30">
  751.            Join Affiliate Program
  752.            </a>
  753.         </div>
  754.      </div>
  755.      <div class="mt-30 mb-40 hr h-2 bg-gray op-5" data-aos-delay="500">
  756.      </div>
  757.      <div class="row align-items-baseline">
  758.         <div class="col-md-3" data-aos-delay="0">
  759.            <div class="color-heading text-adaptive">
  760.               <a style="color:initial;" target="_blank" href="https://micro.company/?utm_source=whatsform">© micro.company</a>
  761.            </div>
  762.         </div>
  763.         <div class="mt-10 mt-md-0 col-md-9 text-md-right socials" data-aos-delay="250">
  764.             <a href="https://reach.at/whatsform" target="_blank" class="contactus link color-main mr-30">
  765.            Contact us
  766.            </a>
  767.             <a href="https://whatsform.help.center" target="_blank" class="link color-main mr-30">
  768.            Help Center
  769.            </a>
  770.            <a href="https://status.whatsform.com" target="_blank" class="link color-main mr-30">
  771.            System Status
  772.            </a>
  773.            <a href="/privacy/" class="link color-main mr-30">
  774.            Privacy Policy
  775.            </a>
  776.            <a href="/terms/" class="link color-main mr-30">
  777.            Terms
  778.            </a>
  779.          
  780.         </div>
  781.      </div>
  782.   </div>
  783. </footer> <script
  784.  src='https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js'
  785. ></script>
  786. <!-- Fancybox 3 jQuery plugin JS (Open images and video in popup) -->
  787. <script
  788.  src='https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js'
  789. ></script>
  790. <!-- Slick 1.8.1 jQuery plugin JS (Sliders) -->
  791. <script
  792.  type='text/javascript'
  793.  src='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js'
  794. ></script>
  795. <!-- AOS 2.3.4 jQuery plugin JS (Animations) -->
  796. <script src='https://unpkg.com/aos@2.3.4/dist/aos.js'></script>
  797. <!-- Maskedinput jQuery plugin JS (Masks for input fields) -->
  798. <script src='/assets/js/jquery.maskedinput.min.js'></script>
  799. <!-- Startup JS (Custom js for all blocks) -->
  800. <script src='/assets/js/script.js'></script>
  801. <script src='/assets/js/signup.js'></script>
  802. <script type="text/javascript" src="/script.js"></script></body>
  803.  
  804. </html>
  805.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda