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=1730815145" 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/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 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=1730815145" 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/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-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> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2424106,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </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-blocklazy-id="654550270" data-videolazy-load="false" data-videolazy-type="youtube" data-videolazy-id="zwlBgu4Wj1U" data-videolazy-height="540px" style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('654550270');});});</script> </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" as well as in the "Cover" categories in the Block Library.<br /><br />There are also lots of ready-made form templates with multiple fields in the <a href="https://tilda.cc/tpls/#fr" target="_blank" rel="noreferrer noopener">"Forms" 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). 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). 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.</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="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>Text for placeholders and titles—color and saturation.</li><li>Color of checkboxes, radio buttons, and other elements.</li><li>Border style—color, corner radius, thickness, use of the lower border only.</li><li>Placeholder (value hint) style—option to leave the placeholder visible or not.</li></ul><br /><strong>Button settings</strong><br /><ul><li>Background and border color; option to change color on hover.</li><li>Opacity; option to change opacity on hover.</li><li>Text color; option to modify it on hover as well as typeface, font size, and saturation.</li><li>Animation speed on hover.</li></ul><br /><strong>General form settings</strong><br /><ul><li>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>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>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:390px;background-color:#E8E8E8;}#rec747662976 .t396__filter {height:390px;}#rec747662976 .t396__carrier{height:390px;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:330px;}#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:535px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}#rec747662976 .tn-elem[data-elem-id="1619019713628"]{color:#000000;z-index:2;top:5px;left:calc(50% - 600px + 339px);width:70px;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom{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);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 320px + 135px);width:57px;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 240px + 72px);width:49px;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 160px + 9px);}}#rec747662976 .tn-elem[data-elem-id="1619019754582"]{color:#000000;z-index:3;top:5px;left:calc(50% - 600px + 456px);width:135px;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom{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);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 320px + 213px);width:109px;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 240px + 141px);width:98px;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 160px + 71px);width:101px;}}#rec747662976 .tn-elem[data-elem-id="1619019777299"]{color:#000000;z-index:4;top:5px;left:calc(50% - 600px + 639px);width:129px;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom{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);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 320px + 343px);width:107px;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 240px + 261px);width:90px;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 160px + 178px);width:89px;}}#rec747662976 .tn-elem[data-elem-id="1619019804011"]{color:#000000;z-index:5;top:5px;left:calc(50% - 600px + 816px);width:45px;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom{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);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 320px + 471px);width:34px;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 240px + 374px);width:33px;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 160px + 281px);}}#rec747662976 .tn-elem[data-elem-id="1691586016953"]{z-index:6;top:81px;left:calc(50% - 600px + 442px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:76px;left:calc(50% - 480px + 322px);}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom {-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 + 511px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:85px;left:calc(50% - 240px + 270px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:73px;left:calc(50% - 160px + 190px);}}#rec747662976 .tn-elem[data-elem-id="1619019903098"]{z-index:7;top:81px;left:calc(50% - 600px + 552px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1619019903098"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:76px;left:calc(50% - 480px + 432px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:230px;left:calc(50% - 320px + 376px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:85px;left:calc(50% - 240px + 135px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:73px;left:calc(50% - 160px + 55px);}}#rec747662976 .tn-elem[data-elem-id="1619019903111"]{z-index:8;top:81px;left:calc(50% - 600px + 497px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1619019903111"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:76px;left:calc(50% - 480px + 377px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:230px;left:calc(50% - 320px + 331px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:85px;left:calc(50% - 240px + 90px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:73px;left:calc(50% - 160px + 10px);}}#rec747662976 .tn-elem[data-elem-id="1619020045180"]{color:#000000;z-index:9;top:211px;left:calc(50% - 600px + 80px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom{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;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom{font-size:17px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:97px;left:calc(50% - 320px + 10px);width:310px;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom{font-size:17px;line-height:1.3;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:163px;left:calc(50% - 240px + 90px);width:377px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:161px;left:calc(50% - 160px + 10px);width:297px;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom{line-height:1.2;}}#rec747662976 .tn-elem[data-elem-id="1619020045187"]{color:#6c6c6c;z-index:10;top:264px;left:calc(50% - 600px + 80px);width:310px;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom{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;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:128px;left:calc(50% - 320px + 10px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom{font-size:14px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:199px;left:calc(50% - 240px + 90px);width:267px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:192px;left:calc(50% - 160px + 10px);width:269px;}}#rec747662976 .tn-elem[data-elem-id="1619020084939"]{color:#000000;z-index:11;top:211px;left:calc(50% - 600px + 434px);width:361px;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom{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;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom{font-size:17px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:97px;left:calc(50% - 320px + 330px);width:310px;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom{font-size:17px;line-height:1.3;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:290px;left:calc(50% - 240px + 90px);width:377px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:288px;left:calc(50% - 160px + 11px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom{line-height:1.2;}}#rec747662976 .tn-elem[data-elem-id="1619020084961"]{color:#6c6c6c;z-index:12;top:264px;left:calc(50% - 600px + 435px);width:330px;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom{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;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:128px;left:calc(50% - 320px + 330px);width:299px;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom{font-size:14px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:326px;left:calc(50% - 240px + 90px);width:298px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:319px;left:calc(50% - 160px + 11px);width:296px;}}#rec747662976 .tn-elem[data-elem-id="1619020118297"]{color:#000000;z-index:13;top:211px;left:calc(50% - 600px + 821px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom{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;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom{font-size:17px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:218px;left:calc(50% - 320px + 10px);width:310px;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom{font-size:17px;line-height:1.3;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:417px;left:calc(50% - 240px + 90px);width:378px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:415px;left:calc(50% - 160px + 11px);width:299px;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom{line-height:1.2;}}#rec747662976 .tn-elem[data-elem-id="1619020118304"]{color:#6c6c6c;z-index:14;top:264px;left:calc(50% - 600px + 821px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom{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;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:253px;left:calc(50% - 320px + 10px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom{font-size:14px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:454px;left:calc(50% - 240px + 90px);width:297px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:446px;left:calc(50% - 160px + 11px);width:297px;}}#rec747662976 .tn-elem[data-elem-id="1691585962458"]{z-index:15;top:81px;left:calc(50% - 600px + 607px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1691585962458"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:76px;left:calc(50% - 480px + 487px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:230px;left:calc(50% - 320px + 421px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:85px;left:calc(50% - 240px + 180px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:73px;left:calc(50% - 160px + 100px);}}#rec747662976 .tn-elem[data-elem-id="1676641922926"]{z-index:16;top:81px;left:calc(50% - 600px + 662px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1676641922926"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1676641922926"] {top:76px;left:calc(50% - 480px + 542px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1676641922926"] {top:230px;left:calc(50% - 320px + 466px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1676641922926"] {top:85px;left:calc(50% - 240px + 225px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1676641922926"] {top:73px;left:calc(50% - 160px + 145px);}}#rec747662976 .tn-elem[data-elem-id="1619019903084"]{z-index:17;top:81px;left:calc(50% - 600px + 717px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:76px;left:calc(50% - 480px + 597px);}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom {-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 + 556px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:85px;left:calc(50% - 240px + 315px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:73px;left:calc(50% - 160px + 235px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="747662976" data-artboard-screens="320,480,640,960,1200" data-artboard-height="390" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="535" data-artboard-height-res-480="535" data-artboard-height-res-640="330" data-artboard-height-res-960="330"> <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__7476629761619019713628' data-elem-id='1619019713628' data-elem-type='text' data-field-top-value="5" data-field-left-value="339" data-field-width-value="70" 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="" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="9" data-field-top-res-480-value="5" data-field-left-res-480-value="72" data-field-width-res-480-value="49" 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"> <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-width-value="135" 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="" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="71" data-field-width-res-320-value="101" data-field-top-res-480-value="5" data-field-left-res-480-value="141" data-field-width-res-480-value="98" 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"> <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-width-value="129" 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="" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="178" data-field-width-res-320-value="89" data-field-top-res-480-value="5" data-field-left-res-480-value="261" data-field-width-res-480-value="90" 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"> <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-width-value="45" 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="" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="281" data-field-top-res-480-value="5" data-field-left-res-480-value="374" data-field-width-res-480-value="33" 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"> <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__7476629761691586016953' data-elem-id='1691586016953' data-elem-type='image' data-field-top-value="81" data-field-left-value="442" 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="" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" 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="322"> <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="552" 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="" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" 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="432"> <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="497" 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="" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" 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="377"> <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__7476629761619020045180' data-elem-id='1619020045180' data-elem-type='text' data-field-top-value="211" data-field-left-value="80" 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="" data-field-widthunits-value="px" 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-width-value="310" 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="" data-field-widthunits-value="px" data-field-top-res-320-value="192" data-field-left-res-320-value="10" data-field-width-res-320-value="269" data-field-top-res-480-value="199" data-field-left-res-480-value="90" data-field-width-res-480-value="267" 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-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="" data-field-widthunits-value="px" 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-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="" data-field-widthunits-value="px" data-field-top-res-320-value="319" data-field-left-res-320-value="11" data-field-width-res-320-value="296" data-field-top-res-480-value="326" data-field-left-res-480-value="90" data-field-width-res-480-value="298" data-field-top-res-640-value="128" data-field-left-res-640-value="330" data-field-width-res-640-value="299" 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-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="" data-field-widthunits-value="px" 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-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="" data-field-widthunits-value="px" data-field-top-res-320-value="446" data-field-left-res-320-value="11" data-field-width-res-320-value="297" data-field-top-res-480-value="454" data-field-left-res-480-value="90" data-field-width-res-480-value="297" data-field-top-res-640-value="253" 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="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 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="607" 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="" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" 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="487"> <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__7476629761676641922926' data-elem-id='1676641922926' data-elem-type='image' data-field-top-value="81" data-field-left-value="662" 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="" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" 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="542"> <a class='tn-atom' href="https://www.tiktok.com/@tilda.publishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3365-3735-4431-b961-356331326337/Tilda_Icons_26sn_tik.svg' alt='' imgfield='tn_img_1676641922926' /> </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="717" 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="" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="73" data-field-left-res-320-value="235" data-field-top-res-480-value="85" data-field-left-res-480-value="315" data-field-top-res-640-value="230" data-field-left-res-640-value="556" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="597"> <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> </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>