CINXE.COM

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="google-site-verification" content="oEIXStPkz10e-rS6gJ06ZIfLKa-Qwft7pQSD9u5gPOY" />  <title>How to Set Up Forms on Tilda</title> <meta name="description" content="How to add custom fields and view leads on Tilda" /> <meta property="og:url" content="https://help.tilda.cc/forms/settings" /> <meta property="og:title" content="How to Set Up Forms on Tilda" /> <meta property="og:description" content="How to add custom fields and view leads on Tilda" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3861-6266-4564-b634-666133316339/____Help.png" /> <link rel="canonical" href="https://help.tilda.cc/forms/settings">  <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <link rel="shortcut icon" href="https://static.tildacdn.com/img/tildafavicon.ico" type="image/x-icon" />  <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project6518/tilda-blocks-page2132350.min.css?t=1743071684" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-cards-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-t410-beforeafter-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/fonts-tildasans.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}} function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}function t396_initialScale(t){t=document.getElementById("rec"+t);if(t){t=t.querySelector(".t396__artboard");if(t){var e,r=document.documentElement.clientWidth,a=[];if(i=t.getAttribute("data-artboard-screens"))for(var i=i.split(","),l=0;l<i.length;l++)a[l]=parseInt(i[l],10);else a=[320,480,640,960,1200];for(l=0;l<a.length;l++){var n=a[l];n<=r&&(e=n)}var o="edit"===window.allrecords.getAttribute("data-tilda-mode"),d="center"===t396_getFieldValue(t,"valign",e,a),c="grid"===t396_getFieldValue(t,"upscale",e,a),s=t396_getFieldValue(t,"height_vh",e,a),u=t396_getFieldValue(t,"height",e,a),g=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!o&&d&&!c&&!s&&u&&!g){for(var _=parseFloat((r/e).toFixed(3)),f=[t,t.querySelector(".t396__carrier"),t.querySelector(".t396__filter")],l=0;l<f.length;l++)f[l].style.height=Math.floor(parseInt(u,10)*_)+"px";t396_scaleInitial__getElementsToScale(t).forEach(function(t){t.style.zoom=_})}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter(function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))}):[]}function t396_getFieldValue(t,e,r,a){var i=a[a.length-1],l=r===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+r);if(!l)for(var n=0;n<a.length;n++){var o=a[n];if(!(o<=r)&&(l=o===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return l}window.onerror=function(m,f,l,c,e) {if(!window.t_jserrors)window.t_jserrors=[];window.t_jserrors.push({message:m,filename:f,lineno:l,colno:c,error:e});}</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project6518/tilda-blocks-page2132350.min.js?t=1743071684" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-video-processor-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-cards-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/jquery.touchswipe.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-t410-beforeafter-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-t431-table-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-menu-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-skiplink-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>  <script src="//static.tildacdn.com/js/tilda-cc-help-langs-dropdown.min.js"></script>  <link rel="alternate" hreflang="en" href="https://help.tilda.cc"> <link rel="alternate" hreflang="pt-br" href="https://pt.help.tilda.cc"> <link rel="alternate" hreflang="fr" href="https://fr.help.tilda.cc"> <link rel="alternate" hreflang="de" href="https://de.help.tilda.cc"> <link rel="alternate" hreflang="it" href="https://it.help.tilda.cc"> <link rel="alternate" hreflang="ja" href="https://ja.help.tilda.cc"> <link rel="alternate" hreflang="pl" href="https://pl.help.tilda.cc"> <link rel="alternate" hreflang="es" href="https://es.help.tilda.cc"> <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> <script> Weglot.initialize({ api_key: 'wg_371e0d36f0d1c87c9439e1bdc93a6fc18' }); </script><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);} document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></head> <body class="t-body" style="margin:0;">  <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6518" data-tilda-page-id="2132350" data-tilda-page-alias="forms/settings" data-tilda-formskey="0bbdd5272d658d3de5798b262a4fe80b" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes">  <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6518" data-tilda-page-id="47492" data-tilda-formskey="0bbdd5272d658d3de5798b262a4fe80b" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec310544707" class="r t-rec" style=" " data-animationappear="off" data-record-type="131">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <script>window.tilda_help_language='EN';</script> <script src='https://static.tildacdn.com/js/tilda-search-help-1.2.min.js'></script>  </div> </div> </div> </div> <div id="rec49203293" class="r t-rec" style=" " data-animationappear="off" data-record-type="830">   <div id="nav49203293marker"></div> <div id="nav49203293" class="t830" data-menu="yes"> <div class="t830__panel t830__panel_bg t830__panel_hover t830__panel_close" style=""> <div class="t830__menu__content "> <button type="button" class="t830__burger t830__burger_mobile" aria-label="Навигационное меню" aria-expanded="false"> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> </button> <div class="t830__side"> <button type="button" class="t830__burger" aria-label="Навигационное меню" aria-expanded="false" style=""> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> </button> </div> </div> <div class="t830__panel-text t-descr t-descr_sm" style="">Help Center</div> </div> <div class="t830m__overlay"> <div class="t830m__overlay_bg" style=" "></div> </div> <div class="t830m t830m_bg t830m_close"> <div class="t830m__container"> <button type="button" class="t830m__close-button t830m__close t830m__close_bg t830m_opened" aria-label="Закрыть меню"> <div class="t830m__close_icon t830m__close_icon_none"> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> </div> </button> <div class="t830m__top t830m__top_addwrap t830m__top_padd t830m__top_padd-text"> <div class="t830m__wrap"> <div class="t830__logo__container t830__textlogo__container"> <div class="t830__logo__content"> <a class="t830__logo" href="/"> <div field="descr" class="t830__logo__text t-name t-name_md">Help Center</div> </a> </div> </div> <div class="t830m__menu"> <div class="t830__wrapper t-site-search-input" data-sidemenu-search="yes"> <div class="t830__blockinput t830__blockinput_padding"> <input type="text" class="t830__input t-input" placeholder="Search" data-search-target="all" style=""> <svg role="presentation" class="t830__search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"> <path fill="#b6b6b6" d="M85 31.1c-.5-8.7-4.4-16.6-10.9-22.3C67.6 3 59.3 0 50.6.6c-8.7.5-16.7 4.4-22.5 11-11.2 12.7-10.7 31.7.6 43.9l-5.3 6.1-2.5-2.2-17.8 20 9 8.1 17.8-20.2-2.1-1.8 5.3-6.1c5.8 4.2 12.6 6.3 19.3 6.3 9 0 18-3.7 24.4-10.9 5.9-6.6 8.8-15 8.2-23.7zM72.4 50.8c-9.7 10.9-26.5 11.9-37.6 2.3-10.9-9.8-11.9-26.6-2.3-37.6 4.7-5.4 11.3-8.5 18.4-8.9h1.6c6.5 0 12.7 2.4 17.6 6.8 5.3 4.7 8.5 11.1 8.9 18.2.5 7-1.9 13.8-6.6 19.2z"/> </svg> </div> </div> <div class="t830m__list"> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Getting started</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/getstarted" data-menu-item-number="1">How Tilda Works</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#createpage" data-menu-item-number="2">Create a New Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#copypage" data-menu-item-number="3">Copy a Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#transferpage" data-menu-item-number="4">Transfer a Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#pageorder" data-menu-item-number="5">Rearrange Pages</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Site settings</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/domain" data-menu-item-number="1">Buy a Domain Name</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/customdomain" data-menu-item-number="2">Connect a Domain Name</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/dns" data-menu-item-number="3">Set up DNS</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/customdomain/errors" data-menu-item-number="4">Troubleshooting Custom Domain Errors</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/home-page" data-menu-item-number="5">Home Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/header-footer" data-menu-item-number="6">Header and Footer</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/fonts" data-menu-item-number="7">Set Website Fonts</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/export" data-menu-item-number="8">Code Export</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/transfer" data-menu-item-number="9">Project Transfer</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/address" data-menu-item-number="10">Free tilda.ws Subdomain</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/colors" data-menu-item-number="11">Set Color Preferences</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/redirect" data-menu-item-number="12">Create URL Redirects</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/https" data-menu-item-number="13">Set Up HTTPS</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/folders" data-menu-item-number="14">Page Folders</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Page editing</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/menu" data-menu-item-number="1">Add a Navigation Menu</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/anchor" data-menu-item-number="2">Anchors and Internal Links</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/mobile-version" data-menu-item-number="3">Viewing on Mobile Devices</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/html" data-menu-item-number="4">Embed HTML Code</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/google-maps" data-menu-item-number="5">Add Google Maps</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/bilingual" data-menu-item-number="6">Create Multilingual Websites</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/photo-for-publishing" data-menu-item-number="7">Prepare Images for Publishing Online</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/cover" data-menu-item-number="8">Pitch a Cover</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/unbroken-space" data-menu-item-number="9">Non-Breaking Space & Soft Hyphen</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/published" data-menu-item-number="10">Page Publishing</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/callback" data-menu-item-number="11">Add a Feedback Widget</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/metadata" data-menu-item-number="12">Preview on Facebook</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/comments" data-menu-item-number="13">Add a Comment Section</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/instagram" data-menu-item-number="14">Embed Instagram Feed</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/index" data-menu-item-number="15">List of Posts or Index Page</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Online store and payments</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store" data-menu-item-number="1">Online Store and Payments Processing</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/catalog" data-menu-item-number="2">Add Products to an Online Store</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/cart" data-menu-item-number="3">Set Up a Shopping Cart</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/direct-sale" data-menu-item-number="4">Direct Sale of Products</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/payment-systems" data-menu-item-number="5">Assign a Payment System</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/payment-system/stripe" data-menu-item-number="6">Set up Stripe</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/payment-system/paypal" data-menu-item-number="7">Set up PayPal</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/payments/2checkout" data-menu-item-number="8">Set Up 2Checkout</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/notifications" data-menu-item-number="9">Send Order Notifications</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/without-payment" data-menu-item-number="10">Sell without an Online Payment System</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/one-product" data-menu-item-number="11">Selling a Single Product</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/parameters" data-menu-item-number="12">Add Product Variants</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/shipping" data-menu-item-number="13">Delivery options</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/additional-goods" data-menu-item-number="14">Complementary Products</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/promo-codes" data-menu-item-number="15">Create a Promo Code (Discount)</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Forms</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/settings" data-menu-item-number="1">Set Up Data Capture Forms</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms" data-menu-item-number="2">Data Capture Forms</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/email" data-menu-item-number="3">Email</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/google-sheets" data-menu-item-number="4">Google Sheets</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsmailchimp" data-menu-item-number="5">MailChimp</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsgoogle" data-menu-item-number="6">Google Form</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formssendgrid" data-menu-item-number="7">SendGrid</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formssendinblue" data-menu-item-number="8">SendinBlue</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/selzy" data-menu-item-number="9">Selzy</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsamocrm" data-menu-item-number="10">Kommo</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formspipedrive" data-menu-item-number="11">Pipedrive</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formszohocrm" data-menu-item-number="12">Zoho CRM</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formstrello" data-menu-item-number="13">Trello</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formstelegram" data-menu-item-number="14">Telegram</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsslack" data-menu-item-number="15">Slack</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formszapier" data-menu-item-number="16">Zapier</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsmailerlite" data-menu-item-number="17">MailerLite</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/notion" data-menu-item-number="18">Notion</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/salesforce" data-menu-item-number="19">Salesforce</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formshubspot" data-menu-item-number="20">Hubspot</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formswebhook" data-menu-item-number="21">Webhook</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsscript" data-menu-item-number="22">Custom Scripts</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms-errors" data-menu-item-number="23">Avoid errors in the forms</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/monday" data-menu-item-number="24">Monday.com</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Analytics</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/statistic" data-menu-item-number="1">Track Website Statistics</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/statistic/google-analytics" data-menu-item-number="2">Google Analytics</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/googletagmanager" data-menu-item-number="3">Google Tag Manager</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/statistics-goal" data-menu-item-number="4">Submit Goal Completion Rates</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">SEO</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/search-engine" data-menu-item-number="1">Promote Your Website Online</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Zero Block</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero" data-menu-item-number="1">Create a Custom Block</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/advanced" data-menu-item-number="2">Responsive Design</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/shortcuts" data-menu-item-number="3">Keyboard Shortcuts List</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/animation" data-menu-item-number="4">Animation</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/advanced-animation" data-menu-item-number="5">Step-by-Step Animation</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/figma-import" data-menu-item-number="6">Import from Figma</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Email campaign builder</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/email-campaign-builder" data-menu-item-number="1">Create, Edit, and Send Emails</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Plans and billing</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="https://tilda.cc/pricing/" data-menu-item-number="1">Plans</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription" data-menu-item-number="2">Pricing and Payment</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#renew" data-menu-item-number="3">Cancel Automatic Subscription Renewal</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#confirm" data-menu-item-number="4">Payment Confirmation</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#personaltobusiness" data-menu-item-number="5"> Upgrade to Tilda Business Plan</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#special" data-menu-item-number="6">Special Plan</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">For developers</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/html" data-menu-item-number="1">Embed HTML Code</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/export" data-menu-item-number="2">Code Export</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formswebhook" data-menu-item-number="3">Webhook</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/api" data-menu-item-number="4">Tilda API</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/wordpress" data-menu-item-number="5">WordPress Plugin</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style>#rec49203293 .t830m{background-color:#ffffff;}#rec49203293 .t830m__close{background-color:#ffffff;}#rec49203293 .t830__panel{background-color:#ff8562;}@media screen and (max-width:1200px){#rec49203293 .t830m.t830m_bg{background-color:#ffffff;}#rec49203293 .t830m__close.t830m__close_bg{background-color:#ffffff;}#rec49203293 .t830__panel.t830__panel_bg{background-color:#ffffff;}}</style> <script>t_onReady(function() {var tildaSearchJS='https://static.tildacdn.com/js/tilda-search-';var s=document.createElement('script');s.src=tildaSearchJS + '1.2.min.js';s.async=true;s.onerror=function() {console.log('Error load Tilda Search in ME901');};if(document.querySelectorAll("script[src^='" + tildaSearchJS + "']").length===0&&document.querySelectorAll("script[src^='" + tildaSearchJS + "']").length===0) {document.head.appendChild(s);}});</script> <script>window.zero_window_width_hook='allrecords';t_onReady(function() {t_onFuncLoad('t830_init',function() {t830_init('49203293');});});</script> <style>#rec49203293 .t-menu__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;}#rec49203293 .t-menu__link-item.t-active:not(.t978__menu-link){color:#ff8562 !important;}#rec49203293 .t-menu__link-item:not(.t-active):not(.tooltipstered):hover{opacity:0.6 !important;}#rec49203293 .t-menu__link-item:not(.t-active):not(.tooltipstered):focus-visible{opacity:0.6 !important;}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec49203293 .t-menu__link-item,#rec49203293 .t-menu__link-item.t-active{opacity:1 !important;}}</style> <style>#rec49203293 .t-menusub__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;}#rec49203293 .t-menusub__link-item.t-active{color:#ff8562 !important;font-weight:400 !important;}#rec49203293 .t-menusub__link-item:not(.t-active):not(.tooltipstered):hover{opacity:0.6 !important;}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec49203293 .t-menusub__link-item,#rec49203293 .t-menusub__link-item.t-active{opacity:1 !important;}}</style> <style> #rec49203293 .t830__panel-text{color:#ffffff;font-weight:300;}#rec49203293 .t830__logo__text{color:#000000;font-weight:400;}#rec49203293 .t830m__list-title-text{color:#000000;font-weight:500;text-transform:uppercase;}#rec49203293 a.t830m__list-title-link{color:#000000;font-weight:500;text-transform:uppercase;}#rec49203293 a.t-menusub__link-item{font-size:15px;color:#000000;font-weight:400;}</style> <style> #rec49203293 .t830__logo{color:#000000;font-weight:400;}</style> </div> </header>  <div id="rec41795890" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="60" data-bg-color="#f5f5f5">  <div class="t050"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t050__uptitle t-uptitle t-uptitle_sm" field="subtitle"><a href="/">TILDA HELP CENTER<br /></a></div> <h1 class="t050__title t-title t-title_xxl" field="title">How to Set Up Data Capture Forms</h1> <div class="t050__descr t-descr t-descr_xxl" field="descr">How to add custom fields and view leads on Tilda</div> </div> </div> </div> <style> #rec41795890 .t050__uptitle{text-transform:uppercase;}</style> </div> <div id="rec654550270" class="r t-rec t-rec_pt_45 t-rec_pb_90" style="padding-top:45px;padding-bottom:90px;background-color:#f5f5f5; " data-record-type="4" data-bg-color="#f5f5f5">  <div class="t121"> <center> <div class="t-width t-width_10"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="654550270" data-videolazy-type="youtube" data-videolazy-id="zwlBgu4Wj1U" data-videolazy-height="540px"> </div> <style>#rec654550270 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('654550270');});});</script> </div> <div id="rec872277283" class="r t-rec t-rec_pt_30 t-rec_pb_45" style="padding-top:30px;padding-bottom:45px;background-color:#ffffff; " data-animationappear="off" data-record-type="650" data-bg-color="#ffffff">  <div class="t650"> <div class="t650__container t-card__container t-container" data-columns-in-row="3"> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__7598692565410"> <a href="#formedit" class="t-card__link" id="cardtitle1_872277283" aria-labelledby="cardtitle1_872277283 cardbtn1_872277283"> Editing form fields </a> </div> <style> #rec872277283 .t-card__title{font-weight:500;}</style> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn1_872277283" data-field="li_buttontitle__7598692565410" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="7598692565410"> Read more </div> </div> </div> </div> </div> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__9598692565411"> <a href="#fields" class="t-card__link" id="cardtitle2_872277283" aria-labelledby="cardtitle2_872277283 cardbtn2_872277283"> Description of form fields </a> </div> <style> #rec872277283 .t-card__title{font-weight:500;}</style> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn2_872277283" data-field="li_buttontitle__9598692565411" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="9598692565411"> Read more </div> </div> </div> </div> </div> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__9598692565412"> <a href="#show-variable" class="t-card__link" id="cardtitle3_872277283" aria-labelledby="cardtitle3_872277283 cardbtn3_872277283"> Displaying form fields </a> </div> <style> #rec872277283 .t-card__title{font-weight:500;}</style> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn3_872277283" data-field="li_buttontitle__9598692565412" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="9598692565412"> Read more </div> </div> </div> </div> </div> <div class="t650__separator" style=""></div> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__5598692565413"> <a href="#form-look" class="t-card__link" id="cardtitle4_872277283" aria-labelledby="cardtitle4_872277283 cardbtn4_872277283"> How to configure the look of a form </a> </div> <style> #rec872277283 .t-card__title{font-weight:500;}</style> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn4_872277283" data-field="li_buttontitle__5598692565413" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="5598692565413"> Read more </div> </div> </div> </div> </div> <div class="t-card__col t-col t-col_4 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg" field="li_title__2598692565414"> <a href="#error-log" class="t-card__link" id="cardtitle5_872277283" aria-labelledby="cardtitle5_872277283 cardbtn5_872277283"> How to view leads and error logs of forms submissions </a> </div> <style> #rec872277283 .t-card__title{font-weight:500;}</style> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn5_872277283" data-field="li_buttontitle__2598692565414" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="2598692565414"> Read more </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t650_init',function() {t650_init('872277283');});t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('872277283');});if(typeof jQuery!=='undefined') {$('.t650').on('displayChanged',function() {t650_unifyHeights('872277283');});} else {var rec=document.querySelector('#rec872277283');if(!rec) return;var wrapper=rec.querySelector('.t650');if(wrapper) {wrapper.addEventListener('displayChanged',function() {t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('872277283');});});}}});window.addEventListener('resize',t_throttle(function() {t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('872277283');});}));window.addEventListener('load',function() {t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('872277283');});});</script> <style>#rec872277283 .t650__inner-col {box-shadow:0px 0px 10px rgba(0,0,0,0.1);}</style> <style>#rec872277283 .t650 .t650__inner-col:hover,#rec872277283 .t650 .t-focusable .t650__inner-col,#rec872277283 .t650 .t-card__col_btnfocusable .t650__inner-col {box-shadow:0px 10px 10px rgba(0,0,0,0.1) !important;}</style> <style> #rec872277283 .t650__inner-col{border-radius:5px;}</style> </div> <div id="rec41795891" class="r t-rec t-rec_pt_90 t-rec_pb_60" style="padding-top:90px;padding-bottom:60px; " data-record-type="127">  <div class="t119"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t119__preface t-descr" field="text">Data capture forms are blocks with fields where website visitors enter their personal information (email addresses or phone numbers). You can receive such information via data capture services.</div> </div> </div> </div> <style> #rec41795891 .t119__preface{opacity:0.7;}</style> </div> <div id="rec41795892" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">You can find blocks with forms in the "Form" and "Cover" categories in the Block Library, there are some forms in the "Contacts" and "Footer" categories as well.<br /><br />There are also lots of ready-made form templates with multiple fields in the <a href="https://tilda.cc/tpls/#fr">"Quiz form" template category</a>.<br /><br />Read this guide to learn how to add and customize form input fields and view leads on Tilda.</div> </div> </div> </div> </div> <div id="rec41795893" class="r t-rec t-rec_pt_90 t-rec_pb_45" style="padding-top:90px;padding-bottom:45px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t017__title t-title t-title_xxs" field="title">How to add custom fields to a data capture form</div> </div> </div> </div> <style> #rec41795893 .t017__uptitle{text-transform:uppercase;}</style> </div> <div id="rec41795894" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Each form can have an unlimited number of fields.<br /><br />You can customize form input fields in the Content panel of the block under the "Input fields" tab.</div> </div> </div> </div> </div> <div id="rec724994962" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px; " data-animationappear="off" data-record-type="418">  <div class="t418"> <div style="width: 0; height: 0; overflow: hidden;"> <div class="t418__height t-width t-width_8" data-auto-correct-mobile-width="false" style="height:650px;"></div> </div> <div class="t418__gallery"> <div class="t-container_100"> <div class="t418__wrapper t-width t-width_8"> <div class="t418__slider t-width t-width_8" style="height: 650px;"> <ul class="t418__slidecontainer" data-auto-correct-mobile-width="false" data-slide-pos="0"> <li class="t418__item t-width t-width_8" itemscope itemtype="http://schema.org/ImageObject"> <div class="t418__img t-bgimg" data-original="https://static.tildacdn.com/tild3365-3365-4230-b664-613132626332/Screenshot_2024-03-2.png" bgimgfield="gi_img__0" style="background-image: url('https://thb.tildacdn.com/tild3365-3365-4230-b664-613132626332/-/resizeb/20x/Screenshot_2024-03-2.png');"> <meta itemprop="image" content="https://static.tildacdn.com/tild3365-3365-4230-b664-613132626332/Screenshot_2024-03-2.png"> </div> </li> <li class="t418__item t-width t-width_8" itemscope itemtype="http://schema.org/ImageObject"> <div class="t418__img t-bgimg" data-original="https://static.tildacdn.com/tild3235-6563-4538-b436-646332643364/Screenshot_2024-03-2.png" bgimgfield="gi_img__1" style="background-image: url('https://thb.tildacdn.com/tild3235-6563-4538-b436-646332643364/-/resizeb/20x/Screenshot_2024-03-2.png');"> <meta itemprop="image" content="https://static.tildacdn.com/tild3235-6563-4538-b436-646332643364/Screenshot_2024-03-2.png"> </div> </li> <li class="t418__item t-width t-width_8" itemscope itemtype="http://schema.org/ImageObject"> <div class="t418__img t-bgimg" data-original="https://static.tildacdn.com/tild3938-3237-4261-b939-363239393033/Screenshot_2024-03-2.png" bgimgfield="gi_img__2" style="background-image: url('https://thb.tildacdn.com/tild3938-3237-4261-b939-363239393033/-/resizeb/20x/Screenshot_2024-03-2.png');"> <meta itemprop="image" content="https://static.tildacdn.com/tild3938-3237-4261-b939-363239393033/Screenshot_2024-03-2.png"> </div> </li> <li class="t418__item t-width t-width_8" itemscope itemtype="http://schema.org/ImageObject"> <div class="t418__img t-bgimg" data-original="https://static.tildacdn.com/tild6661-3439-4637-a266-393361626430/Screenshot_2024-03-2.png" bgimgfield="gi_img__3" style="background-image: url('https://thb.tildacdn.com/tild6661-3439-4637-a266-393361626430/-/resizeb/20x/Screenshot_2024-03-2.png');"> <meta itemprop="image" content="https://static.tildacdn.com/tild6661-3439-4637-a266-393361626430/Screenshot_2024-03-2.png"> </div> </li> <li class="t418__item t-width t-width_8" itemscope itemtype="http://schema.org/ImageObject"> <div class="t418__img t-bgimg" data-original="https://static.tildacdn.com/tild3236-3361-4365-b162-623262343365/Screenshot_2024-03-2.png" bgimgfield="gi_img__4" style="background-image: url('https://thb.tildacdn.com/tild3236-3361-4365-b162-623262343365/-/resizeb/20x/Screenshot_2024-03-2.png');"> <meta itemprop="image" content="https://static.tildacdn.com/tild3236-3361-4365-b162-623262343365/Screenshot_2024-03-2.png"> </div> </li> </ul> </div> </div> </div> <div class="t418__next t418__control"></div> <div class="t418__previous t418__control"></div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t418_init',function() {t418_init('724994962');});});</script> </div> <div id="rec41795896" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Each field has an individual card where you can specify its type, title, subtitle, hint (placeholder), variable name, and set the field as required or optional.</div> </div> </div> </div> </div> <div id="rec41795897" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-animationappear="off" data-record-type="410">  <div class="t410"> <div class="t-container"> <div class="t410__col t-col t-col_10 t-prefix_1"> <div class="t410__wrapper" data-beforeafter-imgurl-first="https://static.tildacdn.com/tild3761-6438-4430-a236-383533633537/whatiswhat1.jpg" data-beforeafter-imgurl-second="https://static.tildacdn.com/tild3433-6465-4938-a566-366238636263/whatiswhaten.jpg"> <div id="t410-beforeafter__41795897"></div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t410_init',function() {t410_init('41795897');});});</script> <style>#rec41795897 .t410 .t-beforeafter__controller{background-color:#ffffff;}#rec41795897 .t410 .t-beforeafter__control{background-color:#ffffff;}#rec41795897 .t410 .t-beforeafter__arrow_right{border-color:transparent transparent transparent #ffffff;}#rec41795897 .t410 .t-beforeafter__arrow_left{border-color:transparent #ffffff transparent transparent;}</style> </div> <div id="rec41795898" class="r t-rec t-rec_pt_75 t-rec_pb_90" style="padding-top:75px;padding-bottom:90px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong>Title. </strong>Specify which information is required, for example, "Your name." This text will appear above the field.<br /><br /><strong>Subtitle. </strong>If necessary, add a description or instructions, for example, "Enter your first name and surname." This text will appear above the field and under the title.<br /><br /><strong>Placeholder. </strong>Give an example of how the field should be filled. For instance, "John Dawson." This text is visible inside the field before it's filled out.<br /><br /><strong>Required field. </strong>Select this checkbox to make the field required. Visitors won't be able to submit the form without filling in this field.<br /><br /><strong>A variable name</strong> is set by default, depending on the field type. If data capture services require a specific name of your variable, simply change it. For example, <a href="https://kb.mailchimp.com/merge-tags/all-the-merge-tags-cheat-sheet#Merge-Tags-for-Personalization" target="_blank" rel="noreferrer noopener">Mailchimp</a> and Bitrix24 both have pre-set variables.</div> </div> </div> </div> </div> <div id="rec41795899" class="r t-rec" style=" " data-animationappear="off" data-record-type="131">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <style> #rec40228879 .t431__table { font-family: futura-pt; font-size: 18px; line-heght: 1 } </style>  </div> </div> </div> </div> <div id="rec41795900" class="r t-rec t-rec_pt_90 t-rec_pb_45" style="padding-top:90px;padding-bottom:45px;background-color:#f0f0f0; " data-animationappear="off" data-record-type="106" data-bg-color="#f0f0f0">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Forms support several types of variables for different types of input data. Please find the descriptions and useful information about types of input fields in the table below:</div> </div> </div> </div> </div> <div id="rec41795901" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px;background-color:#f0f0f0; " data-animationappear="off" data-record-type="431" data-bg-color="#f0f0f0">   <div class="t431"> <div class="t-container"> <div class="t-col t-col_10 t-prefix_1 t431__tdscale_1 t-text t-text_sm t-align_left t431__mobilescroll"> <div class="t431__wrapper-for-mobile"> <div class="t431__table-wrapper" data-auto-correct-mobile-width="false"> <table class="t431__table " data-table-width="25%;75%" width="100%"> </table> </div> </div> <div class="t431__data-part1" data-auto-correct-mobile-width="false" style="display: none">Field;Description</div> <div class="t431__data-part2" data-auto-correct-mobile-width="false" style="display: none">Email; Used to collect email address. Email spelling is checked automatically, an error message appears if the email address is invalid. Phone;Used to collect phone numbers. An automatic validity check is enabled by default (digits and some symbols are allowed). A phone number mask can be added in the input field settings. Name; Used to collect names. An automatic validity check is enabled by default (only letters are allowed). One cannot use digits or symbols like @, &, %, etc. One line input field; Used to enter custom text in one line. Validity check is not applied. Text area with multiple lines; Used to enter custom text. Can be expanded to several lines. Validity check is not applied. Dropdown; A field allowing to select one of the options. You can add options in the "Variants" input field in the Content panel of the block, each option on a new line. Question with answers; A field for choosing an option that is visible under the field title. Set it as a radio button (one option) or checkboxes (several options). Question with image answers; A field for choosing options with images. In the field you need, in the Content tab of the block, upload the images and specify variant titles for each of them. You can use one or several answer options to choose. Rating scale; A field with the rating scale of two types: Number scale and scale with icons (stars). For the number scale, you can choose the minimum (0 or 1) and maximum (from 2 to 10) value. For the scale with icons, you can specify the number of icons from 3 to 10. Checkbox; A field that is used to confirm the information provided by users. It is often used to allow visitors to consent to your privacy policy. File; A field that allows visitors to upload files. To make it work correctly, please connect one of the data storage services such as Dropbox or Google Drive. File (Uploadcare); A field that is used to upload files using the Uploadcare service. To activate it, sign up for Uploadcare and get a key. Date; A field that allows visitors to pick a date. A calendar widget will appear next to the field so that users can select a date. You can customize the date format and the type of the divider—a dot, hyphen, or slash. An automatic validity check is enabled by default (only digits are allowed). Time; A field that allows visitors to select the time in the HH:MM format. A colon appears in the field on the published page to ensure the time is entered correctly. Quantity (plus/minus buttons); A field for specifying a quantity by using +/-. An automatic validity check is enabled by default (only digits are allowed). Quantity (range slider); A field for selecting a quantity by using the slider to specify the minimum and maximum values and step size. Website; Used to add a link to a page. An automatic validity check is enabled by default. Text comment; A system field that is not an input field. It is used to enter additional information between fields in a form. White space; This is not an input field. It is used to add indent between fields. Hidden field; A system field that is used to help you identify the field and understand which field you received data from. The information is sent to the data capture service and is not visible to the users. Calculator; A field that displays the result of a calculation based on a given formula. Use variables from the form fields, which provide values for the calculation, along with basic math symbols such as "+", "-", "*", "/", and "()". Break into steps; A system field that allows you to break up the form into steps. You can add this field anywhere in the list of fields.</div> </div> </div> </div> <style>#rec41795901 .t431 .t431__th{border-width:1px 1px 1px 1px;border-color:#c7c7c7;}#rec41795901 .t431 .t431__tbody tr:nth-child(1) td{border-top:0 !important;}#rec41795901 .t431 .t431__td{border-width:1px 1px;vertical-align:;border-color:#d9d9d9;color:#4d4c4c;}#rec41795901 .t431 .t431__oddrow{background:#ffffff}#rec41795901 .t431 .t431__evenrow{background:#eeeeee}#rec41795901 .t431 .t431__btnwrapper a{color:#ffffff;border:0px solid #000000;background-color:#000000;border-radius:21px;-moz-border-radius:21px;-webkit-border-radius:21px;}</style> <script>t_onReady(function() {t_onFuncLoad('t431_init',function() {t431_init(41795901);});});</script> </div> <div id="rec872277671" class="r t-rec t-rec_pt_105 t-rec_pb_60" style="padding-top:105px;padding-bottom:60px; " data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text"><div style="font-size: 22px;" data-customstyle="yes">To ensure everything works properly, we recommend using <strong>variable names</strong> in Latin letters.</div></div> </div> </div> </div> </div> </div> <div id="rec872278664" class="r t-rec" style=" " data-record-type="215"> <a name="show-variable" style="font-size:0;"></a> </div> <div id="rec872278665" class="r t-rec t-rec_pt_105 t-rec_pt-res-480_105 t-rec_pb_30 t-rec_pb-res-480_30" style="padding-top:105px;padding-bottom:30px; " data-record-type="128">  <div class="t120"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t120__title t-heading t-heading_sm" field="title">Variables display in the form</div> </div> </div> </div> <style> #rec872278665 .t120__title{font-weight:400;}</style> </div> <div id="rec872278666" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Variable names can display data values the user has entered in the form, showing this information in the step title or description. For example, you can show the user's name they provided earlier in the quiz, making the experience more personalized.<br /><br />Variable display works only on the published page and within a single block.</div> </div> </div> </div> </div> <div id="rec872278667" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3766-3836-4137-b434-613531326637/__2025-03-27__132234.png"> <img class="t-img t-width t107__width t-width_9" src="https://thb.tildacdn.com/tild3766-3836-4137-b434-613531326637/-/empty/__2025-03-27__132234.png" data-original="https://static.tildacdn.com/tild3766-3836-4137-b434-613531326637/__2025-03-27__132234.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name">The user entered their name in the previous step, and it is displayed in the next question.</div> </div> </div> </div> <style> #rec872278667 .t107__title{font-size:16px;}</style> </div> <div id="rec872278668" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text"><div style="font-size: 22px;" data-customstyle="yes">This feature is only available in testing mode. To access it, select the "Opt-in to become a beta-tester and try new features before they are released" checkbox in your <a href="https://tilda.cc/identity">Profile</a>.</div></div> </div> </div> </div> </div> </div> <div id="rec872278669" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">To display the variable value, use the <strong>{{form.name=def}}</strong> expression in the form field, where:<br /><br /><strong>form:</strong> The required prefix that must come before the variable name and its value.<br /><br /><strong>name:</strong> The variable name specified in the field content.<br /><br /><strong>def:</strong> An optional default value that appears in the block if the corresponding field is left blank.</div> </div> </div> </div> </div> <div id="rec872278670" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="604">  <div class="t604"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__nocycle t-slds__arrow-nearpic"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_872278670" aria-disabled="false" aria-label="Предыдущий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_872278670" aria-disabled="false" aria-label="Следующий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_10 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast t-slds__witharrows" id="carousel_872278670" data-slider-transition="300" data-slider-with-cycle="false" data-slider-correct-height="false" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3464-3063-4233-b936-626132313033/__2025-03-05__093221.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3464-3063-4233-b936-626132313033/__2025-03-05__093221.png" style="background-image: url('https://thb.tildacdn.com/tild3464-3063-4233-b936-626132313033/-/resizeb/20x/__2025-03-05__093221.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3763-3539-4637-a433-626361316338/__2025-03-27__132336.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3763-3539-4637-a433-626361316338/__2025-03-27__132336.png" style="background-image: url('https://thb.tildacdn.com/tild3763-3539-4637-a433-626361316338/-/resizeb/20x/__2025-03-27__132336.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6433-3235-4031-b565-656630303731/__2025-03-27__132425.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6433-3235-4031-b565-656630303731/__2025-03-27__132425.png" style="background-image: url('https://thb.tildacdn.com/tild6433-3235-4031-b565-656630303731/-/resizeb/20x/__2025-03-27__132425.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 1" aria-current="true" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 2" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 3" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__0">In the first question of the form, the user must provide their name. In the "Variable name" field, specify the variable name using Latin letters.</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__1">In the next step, add the {{form.name=def}} expression so that the information previously entered by the user is displayed in the text.</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__2">Final result.</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t_sldsInit',function() {t_sldsInit('872278670');});t_onFuncLoad('t604_init',function() {t604_init('872278670');});t_onFuncLoad('t_slds_UpdateSliderHeight',function() {t_slds_UpdateSliderHeight('872278670');});t_onFuncLoad('t604__UpdateSliderArrowsHeight',function() {t604__UpdateSliderArrowsHeight('872278670');});});</script> <style>#rec872278670 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec872278670 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec872278671" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">If the user leaves the field empty, the default value will be displayed. You can specify <strong>any word or phrase</strong> as the default value instead of "<strong>def</strong>."</div> </div> </div> </div> </div> <div id="rec872278672" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="604">  <div class="t604"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__nocycle t-slds__arrow-nearpic"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_872278672" aria-disabled="false" aria-label="Предыдущий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_872278672" aria-disabled="false" aria-label="Следующий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_10 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast t-slds__witharrows" id="carousel_872278672" data-slider-transition="300" data-slider-with-cycle="false" data-slider-correct-height="false" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6636-6133-4564-b662-643063613938/__2025-03-27__132458.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6636-6133-4564-b662-643063613938/__2025-03-27__132458.png" style="background-image: url('https://thb.tildacdn.com/tild6636-6133-4564-b662-643063613938/-/resizeb/20x/__2025-03-27__132458.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3839-6335-4066-b531-393631653435/__2025-03-27__132537.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3839-6335-4066-b531-393631653435/__2025-03-27__132537.png" style="background-image: url('https://thb.tildacdn.com/tild3839-6335-4066-b531-393631653435/-/resizeb/20x/__2025-03-27__132537.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 1" aria-current="true" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 2" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__0">Specify any default value. If the user does not fill in the field with a variable (for example, name) the default value will be displayed in the form.</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__1">The default value is specified as "Dear Student."</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t_sldsInit',function() {t_sldsInit('872278672');});t_onFuncLoad('t604_init',function() {t604_init('872278672');});t_onFuncLoad('t_slds_UpdateSliderHeight',function() {t_slds_UpdateSliderHeight('872278672');});t_onFuncLoad('t604__UpdateSliderArrowsHeight',function() {t604__UpdateSliderArrowsHeight('872278672');});});</script> <style>#rec872278672 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec872278672 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec872278673" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text"><div style="font-size: 22px;" data-customstyle="yes">Variable values can only be displayed from fields that support specifying variable names. Displaying values <strong>is not possible</strong> for field types such as "<strong>Promo code</strong>," "<strong>Advanced delivery options</strong>," and "<strong>Text comment</strong>."<br /><br />The variable value display will not work if a field <strong>is hidden</strong> in the settings.<br /><br />The variable value display also will not work for the "<strong>Question with answers,</strong>" "<strong>Question with image answers</strong>," and "<strong>Dropdown</strong>" field types.</div></div> </div> </div> </div> </div> </div> <div id="rec872278674" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3035-6236-4332-a436-633235663330/__2025-03-07__130309.png"> <img class="t-img t-width t107__width t-width_9" src="https://thb.tildacdn.com/tild3035-6236-4332-a436-633235663330/-/empty/__2025-03-07__130309.png" data-original="https://static.tildacdn.com/tild3035-6236-4332-a436-633235663330/__2025-03-07__130309.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name">When trying to add the {{form.example=def}} expression as one of the answer options, an error occurs. The Dropdown field value, however, is displayed correctly.</div> </div> </div> </div> <style> #rec872278674 .t107__title{font-size:16px;}</style> </div> <div id="rec872278675" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text"><div style="font-size: 22px;" data-customstyle="yes">Currently, variable value display <strong>is not supported</strong> in Zero Block forms.</div></div> </div> </div> </div> </div> </div> <div id="rec872278676" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text"><div style="font-size: 22px;" data-customstyle="yes">How values are displayed in certain field types:<br /><br /><ul><li data-list="bullet">The <strong>checkbox </strong>is displayed as "Yes/No."</li><li data-list="bullet">In the "<strong>Question with answers</strong>" field with the "<strong>Multiple choice (checkboxes)</strong>" option enabled, values are displayed as "Option 1," "Option 2."</li><li data-list="bullet"><strong>Custom answers</strong> appear without a title if a value was previously entered by the user.</li></ul></div></div> </div> </div> </div> </div> </div> <div id="rec872278677" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6537-3932-4663-a365-383862633061/__2025-03-27__132648.png"> <img class="t-img t-width t107__width t-width_9" src="https://thb.tildacdn.com/tild6537-3932-4663-a365-383862633061/-/empty/__2025-03-27__132648.png" data-original="https://static.tildacdn.com/tild6537-3932-4663-a365-383862633061/__2025-03-27__132648.png" imgfield="img" alt=""> </div> </div> <style> #rec872278677 .t107__title{font-size:16px;}</style> </div> <div id="rec872278678" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text"><div style="font-size: 22px;" data-customstyle="yes">If the "<strong>Variable name</strong>" value is not specified for the field, the text from the "<strong>Input title</strong>" will be sent to the data collection services instead. In this case, if the {{form.name=def}} expression is part of the title, it will be omitted.</div></div> </div> </div> </div> </div> </div> <div id="rec872278679" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="604">  <div class="t604"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__nocycle t-slds__arrow-nearpic"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_872278679" aria-disabled="false" aria-label="Предыдущий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_872278679" aria-disabled="false" aria-label="Следующий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_10 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast t-slds__witharrows" id="carousel_872278679" data-slider-transition="300" data-slider-with-cycle="false" data-slider-correct-height="false" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3131-3064-4239-b131-373362643738/__2025-03-05__095726.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3131-3064-4239-b131-373362643738/__2025-03-05__095726.png" style="background-image: url('https://thb.tildacdn.com/tild3131-3064-4239-b131-373362643738/-/resizeb/20x/__2025-03-05__095726.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3733-3434-4331-a236-343762316566/__2025-03-05__100226.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3733-3434-4331-a236-343762316566/__2025-03-05__100226.png" style="background-image: url('https://thb.tildacdn.com/tild3733-3434-4331-a236-343762316566/-/resizeb/20x/__2025-03-05__100226.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 1" aria-current="true" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 2" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__0">The "Variable name" field is left empty.</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__1">An example of how a lead is displayed on Telegram when no variable is specified: The variable is shown in fields where its value is provided. For questions where the variable value isn't specified, the question itself will be displayed instead.</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t_sldsInit',function() {t_sldsInit('872278679');});t_onFuncLoad('t604_init',function() {t604_init('872278679');});t_onFuncLoad('t_slds_UpdateSliderHeight',function() {t_slds_UpdateSliderHeight('872278679');});t_onFuncLoad('t604__UpdateSliderArrowsHeight',function() {t604__UpdateSliderArrowsHeight('872278679');});});</script> <style>#rec872278679 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec872278679 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec872278680" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">You can view how displaying variables in the form works on the demo page: <a href="https://help-demo.website/variables">https://help-demo.website/variables</a></div> </div> </div> </div> </div> <div id="rec41795902" class="r t-rec t-rec_pt_120 t-rec_pb_30" style="padding-top:120px;padding-bottom:30px; " data-record-type="33">  <div class="t017"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t017__title t-title t-title_xxs" field="title">How to customize the look of a data capture form</div> </div> </div> </div> <style> #rec41795902 .t017__uptitle{text-transform:uppercase;}</style> </div> <div id="rec41795903" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">You can customize your form look in the block settings. If there are several fields in the form, you can edit the fields and texts, customize buttons, and add animation.</div> </div> </div> </div> </div> <div id="rec724998317" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px; " data-animationappear="off" data-record-type="418">  <div class="t418"> <div style="width: 0; height: 0; overflow: hidden;"> <div class="t418__height t-width t-width_8" data-auto-correct-mobile-width="false" style="height:650px;"></div> </div> <div class="t418__gallery"> <div class="t-container_100"> <div class="t418__wrapper t-width t-width_8"> <div class="t418__slider t-width t-width_8" style="height: 650px;"> <ul class="t418__slidecontainer" data-auto-correct-mobile-width="false" data-slide-pos="0"> <li class="t418__item t-width t-width_8" itemscope itemtype="http://schema.org/ImageObject"> <div class="t418__img t-bgimg" data-original="https://static.tildacdn.com/tild3865-3332-4161-a137-663238653362/Screenshot_2024-03-2.png" bgimgfield="gi_img__0" style="background-image: url('https://thb.tildacdn.com/tild3865-3332-4161-a137-663238653362/-/resizeb/20x/Screenshot_2024-03-2.png');"> <meta itemprop="image" content="https://static.tildacdn.com/tild3865-3332-4161-a137-663238653362/Screenshot_2024-03-2.png"> </div> </li> <li class="t418__item t-width t-width_8" itemscope itemtype="http://schema.org/ImageObject"> <div class="t418__img t-bgimg" data-original="https://static.tildacdn.com/tild6163-6536-4635-a631-313936653230/Screenshot_2024-03-2.png" bgimgfield="gi_img__1" style="background-image: url('https://thb.tildacdn.com/tild6163-6536-4635-a631-313936653230/-/resizeb/20x/Screenshot_2024-03-2.png');"> <meta itemprop="image" content="https://static.tildacdn.com/tild6163-6536-4635-a631-313936653230/Screenshot_2024-03-2.png"> </div> </li> </ul> </div> </div> </div> <div class="t418__next t418__control"></div> <div class="t418__previous t418__control"></div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t418_init',function() {t418_init('724998317');});});</script> </div> <div id="rec41795905" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><strong>The style of input fields</strong><br /><ul><li data-list="bullet">Text for placeholders and titles—color and saturation.</li><li data-list="bullet">Color of checkboxes, radio buttons, and other elements.</li><li data-list="bullet">Border style—color, corner radius, weight, use of the lower border only.</li><li data-list="bullet">Placeholder (value hint) style—option to leave the placeholder visible or not.</li></ul><br /><strong>Button settings</strong><br /><ul><li data-list="bullet">Background and border color; option to change color on hover.</li><li data-list="bullet">Shadow; option to change shadow on hover.</li><li data-list="bullet">Text color; option to modify it on hover as well as typeface, font size, and saturation.</li><li data-list="bullet">Animation speed on hover.</li></ul><br /><strong>General form settings</strong><br /><ul><li data-list="bullet">Form width (Tilda layout is based on a 12-column grid). Column width and left margin are set in the columns. Most often, forms are 8 columns wide with a left margin of 2 columns.</li><li data-list="bullet">Form title is not shown to the visitors. It is sent to data capture services and helps to identify the source form of the lead.</li><li data-list="bullet">Animation: 6 different options for the form to appear on screen.</li></ul></div> </div> </div> </div> </div> <div id="rec277458046" class="r t-rec" style=" " data-record-type="215"> <a name="error-log" style="font-size:0;"></a> </div> <div id="rec41795906" class="r t-rec t-rec_pt_135 t-rec_pb_30" style="padding-top:135px;padding-bottom:30px; " data-record-type="43">  <div class="t030"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t030__title t-title t-title_xxs" field="title">How to view leads and error logs</div> </div> </div> </div> </div> <div id="rec41795907" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">After form fields and data capture services have been set up and activated, leads are sent to the connected data capture services. You can view your leads, check if the submitted data is correct, or find out how to fix errors in the "Leads" section of your project.<br /><br />Go to Leads from your project dashboard.</div> </div> </div> </div> </div> <div id="rec41795908" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3637-3865-4262-a664-643837306262/image.png"> <img class="t-img t-width t107__widthauto" src="https://thb.tildacdn.com/tild3637-3865-4262-a664-643837306262/-/empty/image.png" data-original="https://static.tildacdn.com/tild3637-3865-4262-a664-643837306262/image.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-size:16px;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec41795909" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">All leads from all forms are kept here regardless of whether a third-party data capture service is connected or not.<br /><br />If you click on a lead, a box with detailed order information will appear.</div> </div> </div> </div> </div> <div id="rec41795910" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3261-3635-4663-b634-343834356236/lead.gif"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild3261-3635-4663-b634-343834356236/-/empty/lead.gif" data-original="https://static.tildacdn.com/tild3261-3635-4663-b634-343834356236/lead.gif" imgfield="img" alt=""> </div> </div> </div> <div id="rec41795911" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text"><span style="font-size: 22px;">By default, captured data is kept in the "Leads" section for one month but you can opt to keep it for 1 day or not to keep it at all. To specify your preferences, go to the Site Settings → Forms → General form settings (at the bottom of the page).</span><br /><br /><span style="font-size: 22px;"> If you want to keep leads for a longer time and be able to modify them, connect at least one of </span><a href="https://help.tilda.ws/forms#services" style="font-size: 22px;">these data capture services</a><span style="font-size: 22px;">.</span></div> </div> </div> </div> </div> </div> <div id="rec41795912" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">To view form submission errors, click "Error log". You will be able to check the submission date and tile, data collection service, and error messages.</div> </div> </div> </div> </div> <div id="rec41795913" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3362-6366-4163-b135-303837393635/error.gif"> <img class="t-img t-width t107__widthauto" src="https://thb.tildacdn.com/tild3362-6366-4163-b135-303837393635/-/empty/error.gif" data-original="https://static.tildacdn.com/tild3362-6366-4163-b135-303837393635/error.gif" imgfield="img" alt=""> </div> </div> </div> <div id="rec41795914" class="r t-rec t-rec_pt_90 t-rec_pb_0" style="padding-top:90px;padding-bottom:0px; " data-record-type="374">  <div class="t374"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <a class="t374__link" href="https://help.tilda.ws/forms-errors" target="_blank"> <div class="t374__wrapper"> <div class="t374__col t374__col-left"> <svg role="presentation" imgfield="img" width="30px" height="30px" viewBox="0 0 30 30"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="t374__svg" transform="translate(1.000000, 1.000000)"> <circle cx="14.2" cy="14.1" r="14.1"></circle> <path d="M12.1,19.9 L17.7,14.3 L12.1,8.7"></path> </g> </g> </svg> </div> <div class="t374__col"> <div class="t374__title t-text t-text_sm" field="title">Read more about form errors and how to fix them</div> </div> </div> </a> </div> </div> </div> </div> <div id="rec41795915" class="r t-rec t-rec_pt_120 t-rec_pb_30" style="padding-top:120px;padding-bottom:30px; " data-record-type="43">  <div class="t030"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t030__title t-title t-title_xxs" field="title">How to connect data capture services</div> </div> </div> </div> </div> <div id="rec41795916" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><a href="http://help.tilda.ws/forms#services" target="_blank">There are 15+ data collection services</a> integrated with Tilda. You can use email, Google Sheets, email marketing services, messengers, and CRM systems in a couple of clicks. Connect one or several of them to manage your leads.</div> </div> </div> </div> </div> <div id="rec41795917" class="r t-rec t-rec_pt_60 t-rec_pb_120" style="padding-top:60px;padding-bottom:120px; " data-record-type="374">  <div class="t374"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <a class="t374__link" href="https://help.tilda.ws/forms#services" target="_blank"> <div class="t374__wrapper"> <div class="t374__col t374__col-left"> <svg role="presentation" imgfield="img" width="30px" height="30px" viewBox="0 0 30 30"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="t374__svg" transform="translate(1.000000, 1.000000)"> <circle cx="14.2" cy="14.1" r="14.1"></circle> <path d="M12.1,19.9 L17.7,14.3 L12.1,8.7"></path> </g> </g> </svg> </div> <div class="t374__col"> <div class="t374__title t-text t-text_sm" field="title">Learn how to connect data capture services to your website</div> </div> </div> </a> </div> </div> </div> </div> <div id="rec41795918" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-animationappear="off" data-record-type="607">  <div class="t607 t607__middle-pos" style=" margin-right:20px;"> <ul class="t607__list"> <li class="t607__list_item" style="padding:12.5px 0;"> <a class="t-menu__link-item" href="#rec41795893"> <div class="t607__tooltip t-descr t-descr_xs" style="background:#292929; line-height:2.5; border-radius:3px; color:#ffffff;font-size:14px;font-weight:600; right:33px;">Adding fields in a form</div> <div class="t607__dot" style="background:#dbdbdb; border: 2px solid #dbdbdb; width:13px; height:13px; "></div> </a> </li> <li class="t607__list_item" style="padding:12.5px 0;"> <a class="t-menu__link-item" href="#rec41795902"> <div class="t607__tooltip t-descr t-descr_xs" style="background:#292929; line-height:2.5; border-radius:3px; color:#ffffff;font-size:14px;font-weight:600; right:33px;">Customising the look of your form</div> <div class="t607__dot" style="background:#dbdbdb; border: 2px solid #dbdbdb; width:13px; height:13px; "></div> </a> </li> <li class="t607__list_item" style="padding:12.5px 0;"> <a class="t-menu__link-item" href="#rec41795906"> <div class="t607__tooltip t-descr t-descr_xs" style="background:#292929; line-height:2.5; border-radius:3px; color:#ffffff;font-size:14px;font-weight:600; right:33px;">Viewing leads and form submission errors</div> <div class="t607__dot" style="background:#dbdbdb; border: 2px solid #dbdbdb; width:13px; height:13px; "></div> </a> </li> <li class="t607__list_item" style="padding:12.5px 0;"> <a class="t-menu__link-item" href="#rec41795915"> <div class="t607__tooltip t-descr t-descr_xs" style="background:#292929; line-height:2.5; border-radius:3px; color:#ffffff;font-size:14px;font-weight:600; right:33px;">Connecting data services</div> <div class="t607__dot" style="background:#dbdbdb; border: 2px solid #dbdbdb; width:13px; height:13px; "></div> </a> </li> </ul> </div> <style>#rec41795918 .t607__tooltip::after{border-left-color:#292929;}#rec41795918 .t-menu__link-item.t-active .t607__dot{background:#7d7d7d !important;opacity:1 !important;}</style> <script>t_onReady(function() {t_onFuncLoad('t607_init',function() {t607_init('41795918');});});</script> <style>#rec41795918 .t607__dot {box-shadow:0px 0px 20px rgba(0,0,0,0.1);}</style> </div>  <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6518" data-tilda-page-id="62096" data-tilda-formskey="0bbdd5272d658d3de5798b262a4fe80b" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec747695050" class="r t-rec t-rec_pt_120 t-rec_pb_60" style="padding-top:120px;padding-bottom:60px;background-color:#f5f5f5; " data-record-type="65" data-bg-color="#f5f5f5">  <div class="t056"> <div class="t-container t-align_left"> <div class="t-col t-col_12 "> <div class="t056__title t-name t-name_xl" field="title">Guides By Category:</div> </div> </div> </div> <style> #rec747695050 .t056__title{font-weight:500;}</style> </div> <div id="rec747687355" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="344" data-bg-color="#f5f5f5">  <div class="t344"> <div class="t-container t-align_left"> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr"><ul><li><a href="https://help.tilda.cc/getstarted">How Tilda Works</a></li><li><a href="/settings">Site Settings</a></li><li><a href="https://help.tilda.cc/page">Page Editing</a></li><li><a href="https://help.tilda.cc/search-engine">Guide To SEO</a></li></ul></div> </div> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr2"><ul><li><a href="https://help.tilda.cc/domainandhttps">Domain And HTTPS</a></li><li><a href="https://help.tilda.cc/online-store-payments">Online Store & Payments</a></li><li><a href="https://help.tilda.cc/forms">Data Capture Forms</a></li><li><a href="https://help.tilda.cc/statistics">Website Statistics</a></li></ul></div> </div> <div class="t344__floatbeaker_lr3"></div> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr3"><ul><li><a href="https://help.tilda.cc/zero">Zero Block</a></li><li><a href="https://help.tilda.cc/email-campaign-builder">Email Campaign Builder</a></li><li><a href="https://help.tilda.cc/subscription">Pricing And Payment</a></li></ul></div> </div> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr4"><ul><li><a href="https://help.tilda.cc/feedsandnews">Feeds And News</a></li><li><a href="https://help.tilda.cc/membership">Memberships & User Accounts</a></li><li><a href="https://help.tilda.cc/fordevelopers">For Developers</a></li></ul></div> </div> </div> </div> <style>#rec747687355 .t344__title{color:#525252;}#rec747687355 .t344__descr{color:#ffffff;}</style> <style> #rec747687355 .t344__title{color:#000000;text-transform:uppercase;}#rec747687355 .t344__descr{font-size:18px;color:#000000;}</style> </div> <div id="rec747662976" class="r t-rec t-rec_pt_105 t-rec_pb_105" style="padding-top:105px;padding-bottom:105px;background-color:#e8e8e8; " data-animationappear="off" data-record-type="396" data-bg-color="#e8e8e8">  <style>#rec747662976 .t396__artboard {height:400px;background-color:#E8E8E8;}#rec747662976 .t396__filter {height:400px;}#rec747662976 .t396__carrier{height:400px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:360px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:330px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:535px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:545px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}#rec747662976 .tn-elem[data-elem-id="1691586016953"]{z-index:4;top:81px;left:calc(50% - 600px + 470px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:76px;left:calc(50% - 480px + 350px);height:auto;}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom {background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:230px;left:calc(50% - 320px + 466px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:85px;left:calc(50% - 240px + 225px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:73px;left:calc(50% - 160px + 145px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019903098"]{z-index:5;top:81px;left:calc(50% - 600px + 580px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019903098"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1619019903098"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:76px;left:calc(50% - 480px + 460px);height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:230px;left:calc(50% - 320px + 376px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:85px;left:calc(50% - 240px + 135px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:73px;left:calc(50% - 160px + 55px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019903111"]{z-index:6;top:81px;left:calc(50% - 600px + 525px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019903111"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1619019903111"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:76px;left:calc(50% - 480px + 405px);height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:230px;left:calc(50% - 320px + 331px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:85px;left:calc(50% - 240px + 90px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:73px;left:calc(50% - 160px + 10px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1691585962458"]{z-index:7;top:81px;left:calc(50% - 600px + 635px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1691585962458"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1691585962458"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:76px;left:calc(50% - 480px + 515px);height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:230px;left:calc(50% - 320px + 421px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:85px;left:calc(50% - 240px + 180px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:73px;left:calc(50% - 160px + 100px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019903084"]{z-index:8;top:81px;left:calc(50% - 600px + 690px);width:40px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:76px;left:calc(50% - 480px + 570px);height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom {background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:230px;left:calc(50% - 320px + 511px);width:30px;height:auto;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:85px;left:calc(50% - 240px + 270px);height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:73px;left:calc(50% - 160px + 190px);height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019713628"]{color:#000000;z-index:9;top:5px;left:calc(50% - 600px + 339px);width:111px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom {vertical-align:middle;color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 480px + 253px);width:88px;height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 320px + 135px);width:57px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom {white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 240px + 72px);width:69px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 160px + 9px);width:62px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019754582"]{color:#000000;z-index:10;top:5px;left:calc(50% - 600px + 456px);width:183px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom {vertical-align:middle;color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 480px + 348px);width:160px;height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 320px + 213px);width:109px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom {white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 240px + 141px);width:120px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 160px + 71px);width:107px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019777299"]{color:#000000;z-index:11;top:5px;left:calc(50% - 600px + 639px);width:177px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom {vertical-align:middle;color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 480px + 508px);width:148px;height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 320px + 343px);width:107px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom {white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 240px + 261px);width:113px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 160px + 178px);width:103px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619019804011"]{color:#000000;z-index:12;top:5px;left:calc(50% - 600px + 816px);width:123px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom {vertical-align:middle;color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 480px + 662px);width:87px;height:auto;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 320px + 471px);width:34px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom {white-space:normal;font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 240px + 374px);width:62px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 160px + 281px);width:39px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619020045180"]{color:#000000;z-index:13;top:211px;left:calc(50% - 600px + 80px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom {vertical-align:middle;color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:200px;left:calc(50% - 480px + 30px);width:220px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom {white-space:normal;font-size:17px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:97px;left:calc(50% - 320px + 10px);width:310px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom {white-space:normal;font-size:17px;line-height:1.3;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:163px;left:calc(50% - 240px + 90px);width:377px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:161px;left:calc(50% - 160px + 10px);width:297px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom {white-space:normal;line-height:1.2;background-size:cover;}}#rec747662976 .tn-elem[data-elem-id="1619020045187"]{color:#6c6c6c;z-index:14;top:264px;left:calc(50% - 600px + 80px);width:312px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom {vertical-align:middle;color:#6c6c6c;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:235px;left:calc(50% - 480px + 30px);width:280px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:128px;left:calc(50% - 320px + 10px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:199px;left:calc(50% - 240px + 90px);width:296px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:192px;left:calc(50% - 160px + 10px);width:301px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619020084939"]{color:#000000;z-index:15;top:211px;left:calc(50% - 600px + 434px);width:361px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom {vertical-align:middle;color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:200px;left:calc(50% - 480px + 330px);width:312px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom {white-space:normal;font-size:17px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:97px;left:calc(50% - 320px + 330px);width:310px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom {white-space:normal;font-size:17px;line-height:1.3;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:290px;left:calc(50% - 240px + 90px);width:377px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:288px;left:calc(50% - 160px + 11px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom {white-space:normal;line-height:1.2;background-size:cover;}}#rec747662976 .tn-elem[data-elem-id="1619020084961"]{color:#6c6c6c;z-index:16;top:264px;left:calc(50% - 600px + 435px);width:330px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom {vertical-align:middle;color:#6c6c6c;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:235px;left:calc(50% - 480px + 330px);width:303px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:128px;left:calc(50% - 320px + 330px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:326px;left:calc(50% - 240px + 90px);width:313px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:319px;left:calc(50% - 160px + 11px);width:301px;height:auto;}}#rec747662976 .tn-elem[data-elem-id="1619020118297"]{color:#000000;z-index:17;top:211px;left:calc(50% - 600px + 821px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom {vertical-align:middle;color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:200px;left:calc(50% - 480px + 660px);width:271px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom {white-space:normal;font-size:17px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:218px;left:calc(50% - 320px + 10px);width:310px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom {white-space:normal;font-size:17px;line-height:1.3;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:417px;left:calc(50% - 240px + 90px);width:378px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:415px;left:calc(50% - 160px + 11px);width:299px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom {white-space:normal;line-height:1.2;background-size:cover;}}#rec747662976 .tn-elem[data-elem-id="1619020118304"]{color:#6c6c6c;z-index:18;top:264px;left:calc(50% - 600px + 821px);width:300px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom {vertical-align:middle;color:#6c6c6c;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:235px;left:calc(50% - 480px + 660px);width:276px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:253px;left:calc(50% - 320px + 10px);width:305px;height:auto;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom {white-space:normal;font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:454px;left:calc(50% - 240px + 90px);width:356px;height:auto;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:446px;left:calc(50% - 160px + 11px);width:301px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="747662976" data-artboard-screens="320,480,640,960,1200" data-artboard-height="400" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="545" data-artboard-height-res-480="535" data-artboard-height-res-640="330" data-artboard-height-res-960="360"> <div class="t396__carrier" data-artboard-recid="747662976"></div> <div class="t396__filter" data-artboard-recid="747662976"></div> <div class='t396__elem tn-elem tn-elem__7476629761691586016953' data-elem-id='1691586016953' data-elem-type='image' data-field-top-value="81" data-field-left-value="470" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-heightmode-value="hug" data-field-top-res-320-value="73" data-field-left-res-320-value="145" data-field-top-res-480-value="85" data-field-left-res-480-value="225" data-field-top-res-640-value="230" data-field-left-res-640-value="466" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="350"> <a class='tn-atom' href="https://www.instagram.com/tilda.cc/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3532-3661-4937-a133-633564323066/Tilda_Icons_26sn_ins.svg' alt='' imgfield='tn_img_1691586016953' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019903098' data-elem-id='1619019903098' data-elem-type='image' data-field-top-value="81" data-field-left-value="580" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-heightmode-value="hug" data-field-top-res-320-value="73" data-field-left-res-320-value="55" data-field-top-res-480-value="85" data-field-left-res-480-value="135" data-field-top-res-640-value="230" data-field-left-res-640-value="376" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="460"> <a class='tn-atom' href="https://twitter.com/TildaPublishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6333-3763-4639-b462-346161393037/Tilda_Icons_26sn_twi.svg' alt='' imgfield='tn_img_1619019903098' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019903111' data-elem-id='1619019903111' data-elem-type='image' data-field-top-value="81" data-field-left-value="525" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-heightmode-value="hug" data-field-top-res-320-value="73" data-field-left-res-320-value="10" data-field-top-res-480-value="85" data-field-left-res-480-value="90" data-field-top-res-640-value="230" data-field-left-res-640-value="331" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="405"> <a class='tn-atom' href="https://www.youtube.com/channel/UCbuvN3YQrc2dISGcestWLgw" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3065-3838-4131-a362-356636653562/Tilda_Icons_26sn_you.svg' alt='' imgfield='tn_img_1619019903111' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761691585962458' data-elem-id='1691585962458' data-elem-type='image' data-field-top-value="81" data-field-left-value="635" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-heightmode-value="hug" data-field-top-res-320-value="73" data-field-left-res-320-value="100" data-field-top-res-480-value="85" data-field-left-res-480-value="180" data-field-top-res-640-value="230" data-field-left-res-640-value="421" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="515"> <a class='tn-atom' href="https://t.me/tilda_global" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6662-6365-4563-a534-376633333630/Tilda_Icons_26sn_tel.svg' alt='' imgfield='tn_img_1691585962458' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019903084' data-elem-id='1619019903084' data-elem-type='image' data-field-top-value="81" data-field-left-value="690" data-field-height-value="40" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-heightmode-value="hug" data-field-top-res-320-value="73" data-field-left-res-320-value="190" data-field-top-res-480-value="85" data-field-left-res-480-value="270" data-field-top-res-640-value="230" data-field-left-res-640-value="511" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="570"> <a class='tn-atom' href="https://www.facebook.com/tildapublishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6137-6639-4765-b435-343737636461/Tilda_Icons_26sn_fac.svg' alt='' imgfield='tn_img_1619019903084' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019713628' data-elem-id='1619019713628' data-elem-type='text' data-field-top-value="5" data-field-left-value="339" data-field-height-value="31" data-field-width-value="111" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="5" data-field-left-res-320-value="9" data-field-width-res-320-value="62" data-field-top-res-480-value="5" data-field-left-res-480-value="72" data-field-width-res-480-value="69" data-field-top-res-640-value="5" data-field-left-res-640-value="135" data-field-width-res-640-value="57" data-field-top-res-960-value="5" data-field-left-res-960-value="253" data-field-width-res-960-value="88"> <div class='tn-atom'><a href="https://tilda.cc/?lang=en"target="_blank"style="color: inherit">Tilda.cc</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019754582' data-elem-id='1619019754582' data-elem-type='text' data-field-top-value="5" data-field-left-value="456" data-field-height-value="31" data-field-width-value="183" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="5" data-field-left-res-320-value="71" data-field-width-res-320-value="107" data-field-top-res-480-value="5" data-field-left-res-480-value="141" data-field-width-res-480-value="120" data-field-top-res-640-value="5" data-field-left-res-640-value="213" data-field-width-res-640-value="109" data-field-top-res-960-value="5" data-field-left-res-960-value="348" data-field-width-res-960-value="160"> <div class='tn-atom'><a href="https://tilda.education/en"target="_blank"style="color: inherit">Tilda Education</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019777299' data-elem-id='1619019777299' data-elem-type='text' data-field-top-value="5" data-field-left-value="639" data-field-height-value="31" data-field-width-value="177" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="5" data-field-left-res-320-value="178" data-field-width-res-320-value="103" data-field-top-res-480-value="5" data-field-left-res-480-value="261" data-field-width-res-480-value="113" data-field-top-res-640-value="5" data-field-left-res-640-value="343" data-field-width-res-640-value="107" data-field-top-res-960-value="5" data-field-left-res-960-value="508" data-field-width-res-960-value="148"> <div class='tn-atom'><a href="https://www.youtube.com/channel/UCbuvN3YQrc2dISGcestWLgw"target="_blank"style="color: inherit">Video Tutorials</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019804011' data-elem-id='1619019804011' data-elem-type='text' data-field-top-value="5" data-field-left-value="816" data-field-height-value="31" data-field-width-value="123" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="5" data-field-left-res-320-value="281" data-field-width-res-320-value="39" data-field-top-res-480-value="5" data-field-left-res-480-value="374" data-field-width-res-480-value="62" data-field-top-res-640-value="5" data-field-left-res-640-value="471" data-field-width-res-640-value="34" data-field-top-res-960-value="5" data-field-left-res-960-value="662" data-field-width-res-960-value="87"> <div class='tn-atom'><a href="http://blog-en.tilda.cc/"target="_blank"style="color: inherit">Blog</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020045180' data-elem-id='1619020045180' data-elem-type='text' data-field-top-value="211" data-field-left-value="80" data-field-height-value="34" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="161" data-field-left-res-320-value="10" data-field-width-res-320-value="297" data-field-top-res-480-value="163" data-field-left-res-480-value="90" data-field-width-res-480-value="377" data-field-top-res-640-value="97" data-field-left-res-640-value="10" data-field-width-res-640-value="310" data-field-top-res-960-value="200" data-field-left-res-960-value="30" data-field-width-res-960-value="220"> <div class='tn-atom'field='tn_text_1619020045180'>Report abuse</div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020045187' data-elem-id='1619020045187' data-elem-type='text' data-field-top-value="264" data-field-left-value="80" data-field-height-value="69" data-field-width-value="312" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="192" data-field-left-res-320-value="10" data-field-width-res-320-value="301" data-field-top-res-480-value="199" data-field-left-res-480-value="90" data-field-width-res-480-value="296" data-field-top-res-640-value="128" data-field-left-res-640-value="10" data-field-width-res-640-value="300" data-field-top-res-960-value="235" data-field-left-res-960-value="30" data-field-width-res-960-value="280"> <div class='tn-atom'field='tn_text_1619020045187'>If you believe that any website made on Tilda is violating your rights, file a compliant by filling out this <a href="https://tilda.cc/abuse/" target="_blank" rel="noreferrer noopener" style="color: rgb(252, 103, 61); font-weight: 500;">form</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020084939' data-elem-id='1619020084939' data-elem-type='text' data-field-top-value="211" data-field-left-value="434" data-field-height-value="34" data-field-width-value="361" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="288" data-field-left-res-320-value="11" data-field-width-res-320-value="300" data-field-top-res-480-value="290" data-field-left-res-480-value="90" data-field-width-res-480-value="377" data-field-top-res-640-value="97" data-field-left-res-640-value="330" data-field-width-res-640-value="310" data-field-top-res-960-value="200" data-field-left-res-960-value="330" data-field-width-res-960-value="312"> <div class='tn-atom'field='tn_text_1619020084939'>How to contact our support</div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020084961' data-elem-id='1619020084961' data-elem-type='text' data-field-top-value="264" data-field-left-value="435" data-field-height-value="69" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="319" data-field-left-res-320-value="11" data-field-width-res-320-value="301" data-field-top-res-480-value="326" data-field-left-res-480-value="90" data-field-width-res-480-value="313" data-field-top-res-640-value="128" data-field-left-res-640-value="330" data-field-width-res-640-value="300" data-field-top-res-960-value="235" data-field-left-res-960-value="330" data-field-width-res-960-value="303"> <div class='tn-atom'field='tn_text_1619020084961'>To find out more about the platform features, use the feedback form in your Tilda account, or contact us via email <a href="mailto:team@tilda.cc" target="_blank" rel="noreferrer noopener" style="font-weight: 500;">team@tilda.cc</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020118297' data-elem-id='1619020118297' data-elem-type='text' data-field-top-value="211" data-field-left-value="821" data-field-height-value="34" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="415" data-field-left-res-320-value="11" data-field-width-res-320-value="299" data-field-top-res-480-value="417" data-field-left-res-480-value="90" data-field-width-res-480-value="378" data-field-top-res-640-value="218" data-field-left-res-640-value="10" data-field-width-res-640-value="310" data-field-top-res-960-value="200" data-field-left-res-960-value="660" data-field-width-res-960-value="271"> <div class='tn-atom'field='tn_text_1619020118297'>Accounting docs</div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020118304' data-elem-id='1619020118304' data-elem-type='text' data-field-top-value="264" data-field-left-value="821" data-field-height-value="69" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="446" data-field-left-res-320-value="11" data-field-width-res-320-value="301" data-field-top-res-480-value="454" data-field-left-res-480-value="90" data-field-width-res-480-value="356" data-field-top-res-640-value="253" data-field-left-res-640-value="10" data-field-width-res-640-value="305" data-field-top-res-960-value="235" data-field-left-res-960-value="660" data-field-width-res-960-value="276"> <div class='tn-atom'field='tn_text_1619020118304'>To get the supporting documentation and proof of payment, send your request to <a href="mailto:docs@tilda.cc" rel="noreferrer noopener" target="_blank" style="font-weight: 500;">docs@tilda.cc</a></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('747662976');});});</script>  </div> <div id="rec747663345" class="r t-rec" style=" " data-animationappear="off" data-record-type="131">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <script> t_onReady(function() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://geo.tildacdn.com/geo/country/', true); xhr.onload = function() { if (xhr.status >= 200 && xhr.status < 400) { var data = xhr.responseText; if (data === 'RU') { // скрываются иконки Instagram, Facebook по геолокации var icons = document.querySelectorAll('#rec747662976 [data-elem-id="1691586016953"], #rec747662976 [data-elem-id="1619019903084"]'); icons.forEach(function (icon) { icon.style.display = 'none'; }); } } }; xhr.send(); }); </script>  </div> </div> </div> </div> </footer>  </div>  <div class="t-tildalabel " id="tildacopy" data-tilda-sign="6518#2132350"><a href="https://tilda.cc/" class="t-tildalabel__link"><div class="t-tildalabel__wrapper"><div class="t-tildalabel__txtleft">Made on </div><div class="t-tildalabel__wrapimg"><img src="https://static.tildacdn.com/img/tildacopy.png" class="t-tildalabel__img" fetchpriority="low" alt=""></div><div class="t-tildalabel__txtright">Tilda</div></div></a></div>  <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';} window.tildastatcookie='no';window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'914414f8f763e0b0e2bd67efc7504302','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> </body> </html>