CINXE.COM

<!DOCTYPE html> <html> <head> <title>How to Improve Landing Page Performance // Landing Page Course</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content="Understand the sales funnel and calculate your cost per lead. Learn how to link up statistics and set up goals, A/B testing, and SEO." /> <meta property="og:url" content="https://tilda.education/en/courses/landing-page/improve-landing-page-performance/" /> <meta property="og:image" content="https://static.tildacdn.com/tild3963-3462-4232-b336-333837666338/Chapter_5_1.png" /> <meta property="og:title" content="How to Improve Landing Page Performance" /> <meta property="og:description" content="Understand the sales funnel and calculate your cost per lead. Learn how to link up statistics and set up goals, A/B testing, and SEO." /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Tilda.Education" /> <link rel="canonical" href="https://tilda.education/en/courses/landing-page/improve-landing-page-performance/"/>  <meta name="facebook-domain-verification" content="9one1zge7glj0hixes5xaof541u8mi" /> <meta property="fb:app_id" content="1501686730124089"> <link rel="shortcut icon" href="https://tilda.ws/img/tildafavicon.ico"> <link rel="stylesheet" type="text/css" href="/css/union.css">   <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" type="text/css" href="/static/project3431113/css/tilda-grid-3.0.min.css"><link rel="stylesheet" type="text/css" href="/static/project3431113/css/tilda-blocks-page15241737.min.css"><link rel="stylesheet" type="text/css" href="/static/project3431113/css/tilda-animation-2.0.min.css"><link rel="stylesheet" type="text/css" href="/static/project3431113/css/tilda-slds-1.4.min.css"><link rel="stylesheet" type="text/css" href="/static/project3431113/css/fonts-tildasans.css"> <link rel="alternate" type="application/rss+xml" title="Tilda.Education Articles" href="https://tilda.education/rss.xml" /> <script src="/js/jquery-union.min.js"></script>    <script type="text/javascript" src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js"></script> <script type="text/javascript" src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js"></script> <script type="text/javascript"> var d = new Date(); window.startTimer = d.getTime(); </script>   <script type="text/javascript">function t_onReady(func) { if (document.readyState != 'loading') { func(); } else { document.addEventListener('DOMContentLoaded', func); } } function t_onFuncLoad(funcName, okFunc, time) { if (typeof window[funcName] === 'function') { okFunc(); } else { setTimeout(function() { t_onFuncLoad(funcName, okFunc, time); },(time || 100)); } }function t_throttle(fn, threshhold, scope) {return function () {fn.apply(scope || this, arguments);};} </script> </head> <body itemscope itemtype="http://schema.org/NewsArticle" ><div id="overlay" style="display: none;"></div> <div class="te-header__wrapper"> <ul class="te-header__nav"> <li class="te-header__nav__item"> <a class="te-logo" href="https://tilda.education/en/"> <img class="te-logo__waves" src="/images/t-menu__waves.png"> <img class="te-logo__img" src="/images/t-menu__logo-white-140.png"> </a> <a class="te-logo__text" href="/en/courses/landing-page/"> <span class="te-logo__name__mobile">Course</span> <span class="te-logo__name">Landing Page Course</span> </a> </li> <li class="te-header__nav__item"> <div class="te-header__dropdown"> <img class="te-header__dropdown__arrow" src="/images/nav-arrow.svg"> <div class="te-header__dropdown__link"> <span>5. How to Improve Landing Page Performance</span> <div class="te-header__dropdown__link__name">Chapters</div> <img class="te-header__dropdown__img_black" src="/images/close_black.svg"> <img class="te-header__dropdown__img" src="/images/content.svg"> </div> <div class="te-header__dropdown__container"> <div class="te-header__dropdown__wrapper"> <ul> <li class="te-header__dropdown__item "> <a href="/en/courses/landing-page/understanding-main-principles/"> <div class="te-header__dropdown__item__number">1</div> The Basics of a Landing Page </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/landing-page/steps-to-create-a-landing-page/"> <div class="te-header__dropdown__item__number">2</div> Steps to Create a Landing Page </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/landing-page/landing-page-anatomy/"> <div class="te-header__dropdown__item__number">3</div> Landing Page Anatomy: Functional Elements </a> </li> <li class="te-header__dropdown__item "> <a href="/en/courses/landing-page/landing-page-design-principles/"> <div class="te-header__dropdown__item__number">4</div> Landing Page Design Principles </a> </li> <li class="te-header__dropdown__item te-header__dropdown__item_active"> <a href="/en/courses/landing-page/improve-landing-page-performance/"> <div class="te-header__dropdown__item__number">5</div> How to Improve Landing Page Performance </a> </li> </ul> </div> </div> </div> </li> </ul> <div class="te-header__userbar"> <div class="te-header__userbar__item"> <div class="te-header__usermenu" style="width: auto;"> <div class="te-header__usermenu__link"> <div class="" style="margin-right: 20px !important; margin-top: 6px;"><a href="#" class="js-te-popup-show" data-popup-id="login" style="color: #ffffff !important;">Log in</a></div> </div> </div> </div> </div> </div>  <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="3431113" data-tilda-page-id="15241737" data-tilda-page-alias="improve-landing-page-performance" data-tilda-formskey="d09245443b0c0701e917bb22fbdfc442" data-tilda-cookie="no" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec250201519" class="r t-rec" style=" " data-animationappear="off" data-record-type="360">  <style>@media screen and (min-width:980px){.t-records{opacity:0;}.t-records_animated{-webkit-transition:opacity ease-in-out .5s;-moz-transition:opacity ease-in-out .5s;-o-transition:opacity ease-in-out .5s;transition:opacity ease-in-out .5s;}.t-records.t-records_visible,.t-records .t-records{opacity:1;}}</style> <script>t_onReady(function() {var allRecords=document.querySelector('.t-records');window.addEventListener('pageshow',function(event) {if(event.persisted) {allRecords.classList.add('t-records_visible');}});var rec=document.querySelector('#rec250201519');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity='1';allRecords.classList.add('t-records_animated');setTimeout(function() {allRecords.classList.add('t-records_visible');},200);});</script> <script>t_onReady(function() {var selects='button:not(.t-submit):not(.t835__btn_next):not(.t835__btn_prev):not(.t835__btn_result):not(.t862__btn_next):not(.t862__btn_prev):not(.t862__btn_result):not(.t854__news-btn):not(.t862__btn_next),' + 'a:not([href*="#"]):not(.carousel-control):not(.t-carousel__control):not(.t807__btn_reply):not([href^="#price"]):not([href^="javascript"]):not([href^="mailto"]):not([href^="tel"]):not([href^="link_sub"]):not(.js-feed-btn-show-more):not(.t367__opener):not([href^="https://www.dropbox.com/"])';var elements=document.querySelectorAll(selects);Array.prototype.forEach.call(elements,function(element) {if(element.getAttribute('data-menu-submenu-hook')) return;element.addEventListener('click',function(event) {var goTo=this.getAttribute('href');if(goTo!==null) {var ctrl=event.ctrlKey;var cmd=event.metaKey&&navigator.platform.indexOf('Mac')!==-1;if(!ctrl&&!cmd) {var target=this.getAttribute('target');if(target!=='_blank') {event.preventDefault();var allRecords=document.querySelector('.t-records');if(allRecords) {allRecords.classList.remove('t-records_visible');} setTimeout(function() {window.location=goTo;},500);}}}});});});</script> </div> <div id="rec250201520" class="r t-rec" style=" " data-animationappear="off" data-record-type="217">  <div class="t190" style="position:fixed; z-index:100000; bottom:100px; left:30px; min-height:30px"> <button type="button" class="t190__button t190__button_circle" aria-label="Back to top"> <svg role="presentation" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"> <g> <path style="fill:#000000;" d="M24,3.125c11.511,0,20.875,9.364,20.875,20.875S35.511,44.875,24,44.875S3.125,35.511,3.125,24S12.489,3.125,24,3.125 M24,0.125C10.814,0.125,0.125,10.814,0.125,24S10.814,47.875,24,47.875S47.875,37.186,47.875,24S37.186,0.125,24,0.125L24,0.125z"/> </g> <path style="fill:#000000;" d="M25.5,36.033c0,0.828-0.671,1.5-1.5,1.5s-1.5-0.672-1.5-1.5V16.87l-7.028,7.061c-0.293,0.294-0.678,0.442-1.063,0.442 c-0.383,0-0.766-0.146-1.058-0.437c-0.587-0.584-0.589-1.534-0.005-2.121l9.591-9.637c0.281-0.283,0.664-0.442,1.063-0.442 c0,0,0.001,0,0.001,0c0.399,0,0.783,0.16,1.063,0.443l9.562,9.637c0.584,0.588,0.58,1.538-0.008,2.122 c-0.589,0.583-1.538,0.58-2.121-0.008l-6.994-7.049L25.5,36.033z" /> </svg> </button> </div> <script>t_onReady(function() {var rec=document.querySelector('#rec250201520');if(!rec) return;var wrapperBlock=rec.querySelector('.t190');if(!wrapperBlock) return;wrapperBlock.style.display='none';window.addEventListener('scroll',t_throttle(function() {if(window.pageYOffset>window.innerHeight) {if(wrapperBlock.style.display==='none') wrapperBlock.style.display='block';} else {if(wrapperBlock.style.display==='block') wrapperBlock.style.display='none';}}));t_onFuncLoad('t190_init',function() {t190_init(250201520);});});</script> </div> <div id="rec250201521" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396">  <style>#rec250201521 .t396__artboard {height:880px;background-color:#ffffff;}#rec250201521 .t396__filter {height:880px;}#rec250201521 .t396__carrier{height:880px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201521 .t396__artboard,#rec250201521 .t396__filter,#rec250201521 .t396__carrier {height:870px;}#rec250201521 .t396__filter {}#rec250201521 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201521 .t396__artboard,#rec250201521 .t396__filter,#rec250201521 .t396__carrier {height:890px;}#rec250201521 .t396__filter {}#rec250201521 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201521 .t396__artboard,#rec250201521 .t396__filter,#rec250201521 .t396__carrier {height:870px;}#rec250201521 .t396__filter {}#rec250201521 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201521 .t396__artboard,#rec250201521 .t396__filter,#rec250201521 .t396__carrier {height:690px;}#rec250201521 .t396__filter {}#rec250201521 .t396__carrier {background-attachment:scroll;}}#rec250201521 .tn-elem[data-elem-id="1542194318358"]{z-index:2;top:87px;left:calc(50% - 600px + 898px);width:269px;}#rec250201521 .tn-elem[data-elem-id="1542194318358"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201521 .tn-elem[data-elem-id="1542194318358"] {top:138px;left:calc(50% - 480px + 696px);width:239px;}}@media screen and (max-width:959px) {#rec250201521 .tn-elem[data-elem-id="1542194318358"] {top:338px;left:calc(50% - 320px + 446px);width:169px;}}@media screen and (max-width:639px) {#rec250201521 .tn-elem[data-elem-id="1542194318358"] {top:358px;left:calc(50% - 240px + 286px);}}@media screen and (max-width:479px) {#rec250201521 .tn-elem[data-elem-id="1542194318358"] {top:331px;left:calc(50% - 160px + 174px);width:119px;}}#rec250201521 .tn-elem[data-elem-id="1470209944682"]{color:#000000;z-index:3;top:361px;left:calc(50% - 600px + 21px);width:570px;}#rec250201521 .tn-elem[data-elem-id="1470209944682"] .tn-atom{color:#000000;font-size:29px;font-family:'TildaSans',Arial,sans-serif;line-height:1.5;font-weight:400;opacity:0.4;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201521 .tn-elem[data-elem-id="1470209944682"] {top:305px;left:calc(50% - 480px + 10px);}}@media screen and (max-width:959px) {#rec250201521 .tn-elem[data-elem-id="1470209944682"] {top:222px;left:calc(50% - 320px + 10px);width:500px;}#rec250201521 .tn-elem[data-elem-id="1470209944682"] .tn-atom{font-size:27px;}}@media screen and (max-width:639px) {#rec250201521 .tn-elem[data-elem-id="1470209944682"] {top:190px;left:calc(50% - 240px + 10px);width:458px;}#rec250201521 .tn-elem[data-elem-id="1470209944682"] .tn-atom{font-size:22px;}}@media screen and (max-width:479px) {#rec250201521 .tn-elem[data-elem-id="1470209944682"] {top:164px;left:calc(50% - 160px + 10px);width:290px;}#rec250201521 .tn-elem[data-elem-id="1470209944682"] .tn-atom{font-size:20px;line-height:1.4;}}#rec250201521 .tn-elem[data-elem-id="1470210011265"]{color:#000000;z-index:4;top:432px;left:calc(50% - 600px + 21px);width:634px;}#rec250201521 .tn-elem[data-elem-id="1470210011265"] .tn-atom{color:#000000;font-size:64px;font-family:'TildaSans',Arial,sans-serif;line-height:1.15;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201521 .tn-elem[data-elem-id="1470210011265"] {top:380px;left:calc(50% - 480px + 10px);width:560px;}#rec250201521 .tn-elem[data-elem-id="1470210011265"] .tn-atom{font-size:58px;}}@media screen and (max-width:959px) {#rec250201521 .tn-elem[data-elem-id="1470210011265"] {top:285px;left:calc(50% - 320px + 10px);width:553px;}#rec250201521 .tn-elem[data-elem-id="1470210011265"] .tn-atom{font-size:52px;}}@media screen and (max-width:639px) {#rec250201521 .tn-elem[data-elem-id="1470210011265"] {top:234px;left:calc(50% - 240px + 10px);width:460px;}#rec250201521 .tn-elem[data-elem-id="1470210011265"] .tn-atom{font-size:42px;line-height:1.25;}}@media screen and (max-width:479px) {#rec250201521 .tn-elem[data-elem-id="1470210011265"] {top:205px;left:calc(50% - 160px + 10px);width:300px;}#rec250201521 .tn-elem[data-elem-id="1470210011265"] .tn-atom{font-size:32px;}}#rec250201521 .tn-elem[data-elem-id="1509021825313"]{color:#000000;z-index:5;top:157px;left:calc(50% - 600px + 122px);width:190px;}#rec250201521 .tn-elem[data-elem-id="1509021825313"] .tn-atom{color:#000000;font-size:26px;font-family:'TildaSans',Arial,sans-serif;line-height:0.95;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201521 .tn-elem[data-elem-id="1509021825313"] {top:147px;left:calc(50% - 480px + 121px);}}@media screen and (max-width:959px) {#rec250201521 .tn-elem[data-elem-id="1509021825313"] {top:119px;left:calc(50% - 320px + 87px);}#rec250201521 .tn-elem[data-elem-id="1509021825313"] .tn-atom{font-size:22px;}}@media screen and (max-width:639px) {#rec250201521 .tn-elem[data-elem-id="1509021825313"] {top:109px;left:calc(50% - 240px + 90px);}#rec250201521 .tn-elem[data-elem-id="1509021825313"] .tn-atom{font-size:22px;}}@media screen and (max-width:479px) {#rec250201521 .tn-elem[data-elem-id="1509021825313"] {top:85px;left:calc(50% - 160px + 83px);width:150px;}#rec250201521 .tn-elem[data-elem-id="1509021825313"] .tn-atom{font-size:20px;line-height:1.4;}}#rec250201521 .tn-elem[data-elem-id="1509021986186"]{z-index:6;top:130px;left:calc(50% - 600px + 20px);width:80px;}#rec250201521 .tn-elem[data-elem-id="1509021986186"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid ;}@media screen and (max-width:1199px) {#rec250201521 .tn-elem[data-elem-id="1509021986186"] {top:120px;left:calc(50% - 480px + 10px);}}@media screen and (max-width:959px) {#rec250201521 .tn-elem[data-elem-id="1509021986186"] {top:100px;left:calc(50% - 320px + 10px);width:60px;}}@media screen and (max-width:639px) {#rec250201521 .tn-elem[data-elem-id="1509021986186"] {top:90px;left:calc(50% - 240px + 10px);width:60px;}}@media screen and (max-width:479px) {#rec250201521 .tn-elem[data-elem-id="1509021986186"] {top:70px;left:calc(50% - 160px + 10px);}}#rec250201521 .tn-elem[data-elem-id="1542194303406"]{z-index:7;top:191px;left:calc(50% - 600px + 707px);width:483px;}#rec250201521 .tn-elem[data-elem-id="1542194303406"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201521 .tn-elem[data-elem-id="1542194303406"] {top:228px;left:calc(50% - 480px + 517px);width:443px;}}@media screen and (max-width:959px) {#rec250201521 .tn-elem[data-elem-id="1542194303406"] {top:403px;left:calc(50% - 320px + 317px);width:313px;}}@media screen and (max-width:639px) {#rec250201521 .tn-elem[data-elem-id="1542194303406"] {top:423px;left:calc(50% - 240px + 157px);}}@media screen and (max-width:479px) {#rec250201521 .tn-elem[data-elem-id="1542194303406"] {top:373px;left:calc(50% - 160px + 77px);width:233px;}}#rec250201521 .tn-elem[data-elem-id="1542194375638"]{z-index:8;top:210px;left:calc(50% - 600px + 577px);width:140px;}#rec250201521 .tn-elem[data-elem-id="1542194375638"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201521 .tn-elem[data-elem-id="1542194375638"] {top:204px;left:calc(50% - 480px + 477px);width:110px;}}@media screen and (max-width:959px) {#rec250201521 .tn-elem[data-elem-id="1542194375638"] {top:584px;left:calc(50% - 320px + 207px);width:90px;}}@media screen and (max-width:639px) {#rec250201521 .tn-elem[data-elem-id="1542194375638"] {top:474px;left:calc(50% - 240px + 57px);}}@media screen and (max-width:479px) {#rec250201521 .tn-elem[data-elem-id="1542194375638"] {top:409px;left:calc(50% - 160px + 12px);width:60px;}}#rec250201521 .tn-elem[data-elem-id="1509556397260"]{z-index:9;top:700px;left:calc(50% - 600px + -1740px);width:4670px;}#rec250201521 .tn-elem[data-elem-id="1509556397260"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201521 .tn-elem[data-elem-id="1509556397260"] {top:717px;left:calc(50% - 480px + -1480px);width:4070px;}#rec250201521 .tn-elem[data-elem-id="1509556397260"] .tn-atom{opacity:1;}}@media screen and (max-width:959px) {#rec250201521 .tn-elem[data-elem-id="1509556397260"] {top:760px;left:calc(50% - 320px + -1260px);width:3180px;}}@media screen and (max-width:639px) {#rec250201521 .tn-elem[data-elem-id="1509556397260"] {top:775px;left:calc(50% - 240px + -1030px);width:2550px;}}@media screen and (max-width:479px) {#rec250201521 .tn-elem[data-elem-id="1509556397260"] {top:637px;left:calc(50% - 160px + -730px);width:1710px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201521" data-artboard-screens="320,480,640,960,1200" data-artboard-height="880" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="690" data-artboard-height-res-480="870" data-artboard-height-res-640="890" data-artboard-height-res-960="870"> <div class="t396__carrier" data-artboard-recid="250201521"></div> <div class="t396__filter" data-artboard-recid="250201521"></div> <div class='t396__elem tn-elem tn-elem__2502015211542194318358' data-elem-id='1542194318358' data-elem-type='image' data-field-top-value="87" data-field-left-value="898" data-field-width-value="269" 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-animate-prx="scroll" data-animate-prx-s="80" data-field-filewidth-value="349" data-field-fileheight-value="676" data-field-top-res-320-value="331" data-field-left-res-320-value="174" data-field-width-res-320-value="119" data-field-top-res-480-value="358" data-field-left-res-480-value="286" data-field-top-res-640-value="338" data-field-left-res-640-value="446" data-field-width-res-640-value="169" data-field-top-res-960-value="138" data-field-left-res-960-value="696" data-field-width-res-960-value="239"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3437-6139-4563-b331-383736613239/cover4.svg' alt='' imgfield='tn_img_1542194318358' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2502015211470209944682 t-animate' data-elem-id='1470209944682' data-elem-type='text' data-field-top-value="361" data-field-left-value="21" data-field-width-value="570" 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-animate-style="fadeinup" data-animate-distance="100" data-field-top-res-320-value="164" data-field-left-res-320-value="10" data-field-width-res-320-value="290" data-field-top-res-480-value="190" data-field-left-res-480-value="10" data-field-width-res-480-value="458" data-field-top-res-640-value="222" data-field-left-res-640-value="10" data-field-width-res-640-value="500" data-field-top-res-960-value="305" data-field-left-res-960-value="10"> <div class='tn-atom'field='tn_text_1470209944682'>How to Build a Landing Page</div> </div> <div class='t396__elem tn-elem tn-elem__2502015211470210011265 t-animate' data-elem-id='1470210011265' data-elem-type='text' data-field-top-value="432" data-field-left-value="21" data-field-width-value="634" 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-animate-style="fadeinup" data-animate-distance="100" data-field-top-res-320-value="205" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="234" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="285" data-field-left-res-640-value="10" data-field-width-res-640-value="553" data-field-top-res-960-value="380" data-field-left-res-960-value="10" data-field-width-res-960-value="560"> <h1 class='tn-atom'field='tn_text_1470210011265'>How to Improve Landing Page Performance</h1> </div> <div class='t396__elem tn-elem tn-elem__2502015211509021825313' data-elem-id='1509021825313' data-elem-type='text' data-field-top-value="157" data-field-left-value="122" data-field-width-value="190" 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="85" data-field-left-res-320-value="83" data-field-width-res-320-value="150" data-field-top-res-480-value="109" data-field-left-res-480-value="90" data-field-top-res-640-value="119" data-field-left-res-640-value="87" data-field-top-res-960-value="147" data-field-left-res-960-value="121"> <div class='tn-atom'field='tn_text_1509021825313'><a href="https://tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(0, 0, 0);">Tilda </a></div> </div> <div class='t396__elem tn-elem tn-elem__2502015211509021986186' data-elem-id='1509021986186' data-elem-type='image' data-field-top-value="130" data-field-left-value="20" data-field-width-value="80" 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="127" data-field-fileheight-value="125" data-field-top-res-320-value="70" data-field-left-res-320-value="10" data-field-top-res-480-value="90" data-field-left-res-480-value="10" data-field-width-res-480-value="60" data-field-top-res-640-value="100" data-field-left-res-640-value="10" data-field-width-res-640-value="60" data-field-top-res-960-value="120" data-field-left-res-960-value="10"> <a class='tn-atom js-click-zero-stat' href="https://tilda.cc/" target="_blank" data-tilda-event-name="/tilda/click/rec250201521/button1509021986186"> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3633-6563-4565-b563-363663613365/Tilda_logo02.svg' alt='' imgfield='tn_img_1509021986186' /> </a> </div> <div class='t396__elem tn-elem tn-elem__2502015211542194303406' data-elem-id='1542194303406' data-elem-type='image' data-field-top-value="191" data-field-left-value="707" data-field-width-value="483" 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-animate-prx="scroll" data-animate-prx-s="90" data-field-filewidth-value="741" data-field-fileheight-value="1112" data-field-top-res-320-value="373" data-field-left-res-320-value="77" data-field-width-res-320-value="233" data-field-top-res-480-value="423" data-field-left-res-480-value="157" data-field-top-res-640-value="403" data-field-left-res-640-value="317" data-field-width-res-640-value="313" data-field-top-res-960-value="228" data-field-left-res-960-value="517" data-field-width-res-960-value="443"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3933-3763-4336-a637-396364623432/cover1_1.svg' alt='' imgfield='tn_img_1542194303406' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2502015211542194375638' data-elem-id='1542194375638' data-elem-type='image' data-field-top-value="210" data-field-left-value="577" data-field-width-value="140" 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-animate-prx="scroll" data-animate-prx-s="80" data-field-filewidth-value="233" data-field-fileheight-value="388" data-field-top-res-320-value="409" data-field-left-res-320-value="12" data-field-width-res-320-value="60" data-field-top-res-480-value="474" data-field-left-res-480-value="57" data-field-top-res-640-value="584" data-field-left-res-640-value="207" data-field-width-res-640-value="90" data-field-top-res-960-value="204" data-field-left-res-960-value="477" data-field-width-res-960-value="110"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3833-3363-4435-b736-303835333664/cover2.svg' alt='' imgfield='tn_img_1542194375638' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2502015211509556397260' data-elem-id='1509556397260' data-elem-type='image' data-field-top-value="700" data-field-left-value="-1740" data-field-width-value="4670" 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="14201" data-field-fileheight-value="906" data-field-top-res-320-value="637" data-field-left-res-320-value="-730" data-field-width-res-320-value="1710" data-field-top-res-480-value="775" data-field-left-res-480-value="-1030" data-field-width-res-480-value="2550" data-field-top-res-640-value="760" data-field-left-res-640-value="-1260" data-field-width-res-640-value="3180" data-field-top-res-960-value="717" data-field-left-res-960-value="-1480" data-field-width-res-960-value="4070"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild6239-3266-4130-a163-623933616339/02.png' alt='' imgfield='tn_img_1509556397260' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201521');});});</script>  </div> <div id="rec250201522" class="r t-rec t-rec_pt_120 t-rec_pb_135" style="padding-top:120px;padding-bottom:135px;background-color:#ebebeb; " data-record-type="127" data-bg-color="#ebebeb">  <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"><span style="font-family: TildaSans;">This is the final chapter of the course about creating landing pages. We'll take a close look at how to make the most of what you already have and boost the performance of your landing page. In this part of the course, you'll also learn how to generate more sales or make more people take the desired action on the same landing page.</span></div> </div> </div> </div> <style> #rec250201522 .t119__preface{font-family:'futura-pt';opacity:1;}@media screen and (min-width:480px){#rec250201522 .t119__preface{font-size:30px;}}</style> </div> <div id="rec250201523" class="r t-rec" style=" " data-record-type="394"> <style>#allrecords .t-text a:not(.t-card__link),#allrecords .t-descr a:not(.t-card__link),#allrecords .t-heading a:not(.t-card__link):not(.t-feed__link),#allrecords .t-title a:not(.t-card__link),#allrecords .t-impact-text a:not(.t-card__link),#allrecords .t-text-impact a:not(.t-card__link),#allrecords .t-name:not(.t-feed__parts-switch-btn) a:not(.t794__typo):not(.t-menusub__link-item):not(.t-card__link):not(.t-feed__link),#allrecords .t-uptitle a:not(.t-card__link){color:inherit;font-weight:inherit;border-bottom:1px solid #ff4747;-webkit-box-shadow:inset 0px -1px 0px 0px #ff4747;-moz-box-shadow:inset 0px -1px 0px 0px #ff4747;box-shadow:inset 0px -1px 0px 0px #ff4747;}</style> </div> <div id="rec250201525" class="r t-rec t-rec_pt_105 t-rec_pb_105" style="padding-top:105px;padding-bottom:105px; " 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 "><span style="font-family: TildaSans;">You've learned how to create top-quality landing pages in the previous chapters. We covered every step from identifying your needs to designing an awesome webpage. The previous chapters guide you through these steps:</span><br /><br /><a href="https://tilda.education/en/courses/landing-page/understanding-main-principles/" target="_blank" rel="noreferrer noopener" style="font-family: TildaSans;"><strong>Chapter 1. The Basics of a Landing Page. </strong></a><span style="font-family: TildaSans;">What's a landing page, what makes it different from an ordinary website, and what rewards online marketers can reap from it?</span><br /><br /><a href="https://tilda.education/en/courses/landing-page/steps-to-create-a-landing-page/" target="_blank" rel="noreferrer noopener" style="font-family: TildaSans;"><strong>Chapter 2. Steps to Create a Landing Page.</strong></a><span style="font-family: TildaSans;"> How to define your goals and understand your audience, how to create a prototype, and things to write about on a landing page.</span><br /><br /><a href="https://tilda.education/en/courses/landing-page/landing-page-anatomy/" target="_blank" rel="noreferrer noopener" style="font-family: TildaSans;"><strong>Chapter 3. Landing Page Anatomy: Functional Elements.</strong></a><span style="font-family: TildaSans;"> What blocks does a landing page consist of and things that are a must on your website?</span><br /><br /><a href="https://tilda.education/en/courses/landing-page/landing-page-design-principles/" target="_blank" rel="noreferrer noopener" style="font-family: TildaSans;"><strong>Chapter 4. Landing Page Design Principles. </strong></a><span style="font-family: TildaSans;">How to style a landing page: the overall style, choosing colors, fonts, and visuals. Top mistakes to avoid when designing a landing page.</span><br /><br /><span style="font-family: TildaSans;">We've come to the final part of the course. Now, you'll learn how to generate more sales and orders from your landing page. In other words, you'll learn how to increase your conversion rate.</span></div> </div> </div> </div> </div> <div id="rec250201526" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px;background-color:#ebf6fa; " data-record-type="195" data-bg-color="#ebf6fa">  <div class="t177"> <div class="t-container"> <div class="t-col t-col_5 t-prefix_2"> <div class="t177__title t-title t-title_md" field="title"><div style="font-size: 34px;" data-customstyle="yes"></div></div> <div class="t177__text t-text t-text_sm" field="text"><div style="font-size: 22px;" data-customstyle="yes"><span style="font-weight: 400; font-size: 22px; font-family: TildaSans;">Remember Alex? He is the one who helped you with all the practical tasks in the previous chapters. He has created a landing page for his educational course. Will he manage to boost its conversion rate? Let's see.</span></div></div> </div> <div class="t-col t-col_3 t-align_center"> <img class="t177__img t-img t-animate" src="https://static.tildacdn.com/tild3465-3662-4733-a437-333064336162/meet_alex.svg" imgfield="img" data-animate-style="fadeinleft" data-animate-group="yes" data-animate-order="1" alt=""> </div> </div> </div> <style> #rec250201526 .t177__title{font-family:'futura-pt';}#rec250201526 .t177__descr{font-size:22px;font-family:'futura-pt';}#rec250201526 .t177__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201527" class="r t-rec" style=" " data-record-type="215"> <a name="1" style="font-size:0;"></a> </div> <div id="rec250201528" class="r t-rec t-rec_pt_135 t-rec_pb_45" style="padding-top:135px;padding-bottom:45px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md t-animate" data-animate-style="fadeinup" data-animate-group="yes" field="title">How Can You Tell If Your Website Is Effective?</div> </div> </div> </div> <style> #rec250201528 .t225__uptitle{text-transform:uppercase;}#rec250201528 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201528 .t225__title{font-size:56px;}}@media screen and (min-width:900px){#rec250201528 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201529" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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"><span style="font-weight: 400; font-family: TildaSans;">Every website serves a purpose. For example, people buy bags on the landing page of an eCommerce store. The signup landing page aims to drive registrations. This is the main goal of a website (and you're the one to set it).</span></div> </div> </div> </div> <style> #rec250201529 .t119__preface{font-family:'futura-pt';opacity:1;}@media screen and (min-width:480px){#rec250201529 .t119__preface{font-size:30px;}}</style> </div> <div id="rec250201530" 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 ">If users have visited your website, bought a bag, or left an email address, you've achieved a goal.<br /><br />The ratio between the number of visitors who have completed the desired action and those who haven't is the conversion rate. It's measured in percentage.</div> </div> </div> </div> <style> #rec250201530 .t-text{font-family:'TildaSans';}</style> </div> <div id="rec250201531" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " data-record-type="171">  <div class="t157"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t157__wrapper"> <div class="t-divider" style=""></div> <div field="text" class="t157__text t-text t-text_sm"><span style="font-family: TildaSans;">Conversion rate is the main metric by which you can judge the effectiveness of your website, but it is different for every business: There is no universal metric by which you can tell if your website's conversion rate is high or low</span></div> </div> </div> </div> </div> <style> #rec250201531 .t157__text{font-size:26px;font-family:'TildaSans';}</style> </div> <div id="rec250201532" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201532 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201532 .t396__filter {height:110px;}#rec250201532 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201532 .t396__artboard,#rec250201532 .t396__filter,#rec250201532 .t396__carrier {}#rec250201532 .t396__filter {}#rec250201532 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201532 .t396__artboard,#rec250201532 .t396__filter,#rec250201532 .t396__carrier {}#rec250201532 .t396__filter {}#rec250201532 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201532 .t396__artboard,#rec250201532 .t396__filter,#rec250201532 .t396__carrier {height:100px;}#rec250201532 .t396__filter {}#rec250201532 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201532 .t396__artboard,#rec250201532 .t396__filter,#rec250201532 .t396__carrier {height:90px;}#rec250201532 .t396__filter {}#rec250201532 .t396__carrier {background-attachment:scroll;}}#rec250201532 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201532 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201532 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201532" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201532"></div> <div class="t396__filter" data-artboard-recid="250201532"></div> <div class='t396__elem tn-elem tn-elem__2502015321508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3865-3861-4339-b162-313161643634/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201532');});});</script>  </div> <div id="rec250201533" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-weight: 400;">Alex sells his online course for $50. Without ads, the number of visitors to his website is 100 people a day. On average, 3 of them buy the course. So, his website conversion rate is 3%. Alex doesn't spend money on website promotion but he still manages to generate income.</span><br /><br /><span style="font-weight: 400;"> One day Alex bought costly advertising in a popular blog for $2 000. That drove about 1 000 visitors to his website, 30 of whom finally bought the course. The conversion rate remained the same—3%. Yet, Alex spent $500 more than he managed to make. So, having a high conversion rate isn't enough to get a good return on marketing costs.</span></div> </div> </div> </div> <style> #rec250201533 .t-text{font-size:22px;font-family:'TildaSans';}</style> </div> <div id="rec250201534" class="r t-rec t-rec_pt_105 t-rec_pb_105" style="padding-top:105px;padding-bottom:105px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">If a website fails to generate conversions, it isn't effective. Something stops people from taking the desired action. That's why it's vital to find out what exactly hinders conversions and fix it.<br /><br />There are common metrics to measure your website effectiveness: people spend loads of time on your website, read texts, click buttons, and browse products.<br /><br />Also, every website has specific features to gauge its performance. These are the so-called micro-goals. For instance, for a website selling bags, it's important that a visitor browses different bags and reads reviews. Micro-goals depend on the peculiarities of your business. If visitors achieve secondary goals, they are more likely to achieve the primary goal of your website.</div> </div> </div> </div> <style> #rec250201534 .t-text{font-family:'TildaSans';}</style> </div> <div id="rec250201535" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201535 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201535 .t396__filter {height:110px;}#rec250201535 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201535 .t396__artboard,#rec250201535 .t396__filter,#rec250201535 .t396__carrier {}#rec250201535 .t396__filter {}#rec250201535 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201535 .t396__artboard,#rec250201535 .t396__filter,#rec250201535 .t396__carrier {}#rec250201535 .t396__filter {}#rec250201535 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201535 .t396__artboard,#rec250201535 .t396__filter,#rec250201535 .t396__carrier {height:100px;}#rec250201535 .t396__filter {}#rec250201535 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201535 .t396__artboard,#rec250201535 .t396__filter,#rec250201535 .t396__carrier {height:90px;}#rec250201535 .t396__filter {}#rec250201535 .t396__carrier {background-attachment:scroll;}}#rec250201535 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201535 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201535 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201535" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201535"></div> <div class="t396__filter" data-artboard-recid="250201535"></div> <div class='t396__elem tn-elem tn-elem__2502015351508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3433-3232-4261-a463-646132306365/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201535');});});</script>  </div> <div id="rec250201536" class="r t-rec t-rec_pt_75 t-rec_pb_105" style="padding-top:75px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="223" data-bg-color="#ebf6fa">  <div class="t195"> <div class="t-container"> <div class="t-col t-col_3 t-prefix_1 t195__imgsection" itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild3664-3938-4261-b764-376630393136/landing1.svg"> <img class="t195__img t-img t-animate" src="https://static.tildacdn.com/tild3664-3938-4261-b764-376630393136/landing1.svg" imgfield="img" data-animate-style="fadeinright" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.5" data-tu-max-width="1200" data-tu-max-height="1200" alt=""><br /> <div class="t195__sectitle t-descr" field="imgtitle" itemprop="name"></div> <div class="t195__secdescr t-descr" field="imgdescr" itemprop="description"></div> </div> <div class="t-col t-col_6 "> <div class="t195__text t-text t-text_md" field="text"><div style="font-size: 22px;" data-customstyle="yes"><span style="font-weight: 400; font-size: 22px;">There's a lot of text on Alex's landing page—he describes his course and his approach to education in graphic detail. Alex needs to make visitors spend a lot of time on his website and read every block.</span><br /><br /><span style="font-weight: 400; font-size: 22px;"> Also, there's a top-notch video that features Alex giving feedback to his students' homework. This video often encourages people to enroll in the course. That's why one of Alex's goals is to make most website visitors watch the video.</span><br /><br /><span style="font-weight: 400; font-size: 22px;"> The amount of time spent on the website and video views are the key metrics to measure how effective Alex's website is.</span></div></div> </div> </div> </div> <style> #rec250201536 .t195__text{font-size:22px;}#rec250201536 .t195__sectitle{font-size:22px;font-family:'TildaSans';}</style> </div> <div id="rec250201537" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><strong style="font-size: 28px;">Practice</strong></div> <div field="text" class="t220__text t-text t-text_md "><span style="font-weight: 400; font-family: TildaSans;">Build a list of the key metrics to check how effective your website is. In other words, take a moment and think about the actions visitors need to take to become your customers.</span></div> </div> </div> </div> </div> </div> <style> #rec250201537 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201538" class="r t-rec" style=" " data-record-type="215"> <a name="2" style="font-size:0;"></a> </div> <div id="rec250201539" class="r t-rec t-rec_pt_165 t-rec_pb_45" style="padding-top:165px;padding-bottom:45px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md t-animate" data-animate-style="fadeinup" data-animate-group="yes" field="title"><strong>Get Your Website Ready</strong></div> </div> </div> </div> <style> #rec250201539 .t225__uptitle{text-transform:uppercase;}#rec250201539 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201539 .t225__title{font-size:56px;}}@media screen and (min-width:900px){#rec250201539 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201540" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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"><span style="font-weight: 400; font-size: 30px;">Before you dig into increasing your website's conversion rate, make sure you get your website ready. To this end, you need to optimize it for SEO and set up analytics tools to measure its performance.</span></div> </div> </div> </div> <style> #rec250201540 .t119__preface{font-family:'TildaSans';opacity:1;}@media screen and (min-width:480px){#rec250201540 .t119__preface{font-size:30px;}}</style> </div> <div id="rec250201541" 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 need to optimize your website to help people discover it through search engines and social media.<br /><br />Analytics tools allow understand your visitors' on-site behavior. These tools help you track who visits your website, where users come from, and how they interact with your website.</div> </div> </div> </div> </div> <div id="rec250201542" class="r t-rec t-rec_pt_75 t-rec_pb_30" style="padding-top:75px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title"><ol><li>Set up analytics tools</li></ol></div> </div> </div> </div> <style> #rec250201542 .t225__uptitle{text-transform:uppercase;}#rec250201542 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201542 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201542 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201543" class="r t-rec t-rec_pt_0 t-rec_pb_90" style="padding-top:0px;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 ">To boost your website performance, you first need to understand who uses it and how they do it. Analytics tools can give you insights into where your visitors come from, what stops people from making a purchase, and how much time they spend on your website. This knowledge can help you tweak your webpage for success. For example, you may learn that Facebook is your main traffic source while very few people come from Twitter. This allows you to focus your marketing efforts on Facebook and reduce advertising costs.<br /><br />The most popular and effective free tracking tool is <a href="https://analytics.google.com/">Google Analytics</a>.</div> </div> </div> </div> </div> <div id="rec250201544" class="r t-rec t-rec_pt_90 t-rec_pb_75" style="padding-top:90px;padding-bottom:75px;background-color:#f5f5f5; " data-record-type="106" data-bg-color="#f5f5f5">  <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 ">Also, Tilda websites have built-in statistics providing insights about the most important metrics: the number of website visitors and how they landed on your website, the amount of time they spend on your website, what pages they browse, and what desired actions they take.</div> </div> </div> </div> </div> <div id="rec250201545" class="r t-rec t-rec_pt_0 t-rec_pb_90" style="padding-top:0px;padding-bottom:90px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="670" data-bg-color="#f5f5f5">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_250201545" aria-disabled="false" aria-label="Previous slide" style="width: 40px; height: 40px;background-color: rgba(253,236,0,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_250201545" aria-disabled="false" aria-label="Next slide" style="width: 40px; height: 40px;background-color: rgba(253,236,0,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_10 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_250201545" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 4"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3838-3430-4465-a432-366530343339/Frame_34.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3838-3430-4465-a432-366530343339/Frame_34.png" style="background-image: url('https://static.tildacdn.com/tild3838-3430-4465-a432-366530343339/Frame_34.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 4"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6532-6235-4739-b037-393835366437/Frame_35.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6532-6235-4739-b037-393835366437/Frame_35.png" style="background-image: url('https://static.tildacdn.com/tild6532-6235-4739-b037-393835366437/Frame_35.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 4"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6164-3765-4338-a634-633330383932/Frame_36.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6164-3765-4338-a634-633330383932/Frame_36.png" style="background-image: url('https://static.tildacdn.com/tild6164-3765-4338-a634-633330383932/Frame_36.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="4" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="4 of 4"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3562-6461-4830-b539-653232613338/Frame_37.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3562-6461-4830-b539-653232613338/Frame_37.png" style="background-image: url('https://static.tildacdn.com/tild3562-6461-4830-b539-653232613338/Frame_37.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 4" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #f5f5f5;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Sessions report</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #f5f5f5;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Leads report</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #f5f5f5;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">Website activity and conversion in detail: the number of clicks, sessions, visitors, device type info, leads, and the conversion rate</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="4"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #f5f5f5;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">Referral traffic report shows your website traffic sources</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('250201545',false);});});</script> <style>#rec250201545 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec250201545 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec250201545 .t-slds__descr{font-size:16px;color:#000000;}</style> </div> <div id="rec250201546" class="r t-rec t-rec_pt_90 t-rec_pb_0" style="padding-top:90px;padding-bottom:0px; " data-record-type="171">  <div class="t157"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t157__wrapper"> <div class="t-divider" style=""></div> <div field="text" class="t157__text t-text t-text_sm"><span style="font-weight: 400;">Statistics and user behavior allow you to understand what prevents people from making purchase decisions. For instance, your website may be difficult to navigate, there's too much text or users just fail to find the right button. Without these data, you'll be flying blind while trying to improve your website. Analytics tools help you make a strong hypothesis about your website performance and test it.</span></div> </div> </div> </div> </div> <style> #rec250201546 .t157__text{font-size:26px;}</style> </div> <div id="rec250201547" class="r t-rec t-rec_pt_45 t-rec_pb_75" style="padding-top:45px;padding-bottom:75px; " 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 assign <a href="https://analytics.google.com/">Google Analytics</a> to your website, you need to have an account in Google Analytics. If you don't have one, register first.</div> </div> </div> </div> </div> <div id="rec250201548" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">How to add Google Analytics to your website</div> </div> </div> </div> <style> #rec250201548 .t225__uptitle{text-transform:uppercase;}#rec250201548 .t225__title{font-weight:400;}@media screen and (min-width:480px){#rec250201548 .t225__title{font-size:30px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201548 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201549" class="r t-rec t-rec_pt_30 t-rec_pb_60" style="padding-top:30px;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 ">Before you connect Google Analytics to your Tilda website, make sure you get your Google Analytics Tracking ID. Here's to get it:<br /><br /><ol><li>Go to your Google Analytics account and click <span style="font-weight: 500;">Admin</span><strong> </strong>in the left-hand navigation column.</li><li>Click <span style="font-weight: 500;">Create Property</span> in the Property column or select an existing property from the list.</li></ol></div> </div> </div> </div> </div> <div id="rec250201550" 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/tild6665-3033-4664-b038-663461393065/Analytics_-_Google_C.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild6665-3033-4664-b038-663461393065/Analytics_-_Google_C.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec250201551" class="r t-rec t-rec_pt_90 t-rec_pb_60" style="padding-top:90px;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 ">Make sure you create a Universal Analytics property and use the provided "UA-" ID. For this, click <span style="font-weight: 500;">Show advanced options</span> in the Create property tab.</div> </div> </div> </div> </div> <div id="rec250201552" 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/tild3131-6233-4265-b364-636364663862/Analytics_-_Google_C.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3131-6233-4265-b364-636364663862/Analytics_-_Google_C.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec255070952" 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 ">Paste your website URL and click <span style="font-weight: 500;">Next</span>.</div> </div> </div> </div> </div> <div id="rec255071276" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " 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/tild3031-6537-4435-b335-633531316434/Analytics_-_Google_C.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3031-6537-4435-b335-633531316434/Analytics_-_Google_C.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec250201553" class="r t-rec t-rec_pt_90 t-rec_pb_45" style="padding-top:90px;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 ">Once you've created the Property, click <span style="font-weight: 500;">Traffic info → Tracking code</span> under Property and copy the <span style="font-weight: 500;">Tracking ID</span><span style="font-weight: 300;">.</span></div> </div> </div> </div> </div> <div id="rec255070496" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " 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-3031-4263-b133-386536653438/Analytics_-_Google_C.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3637-3031-4263-b133-386536653438/Analytics_-_Google_C.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec255071932" 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 ">Then, go to <span style="font-weight: 500;">Site Settings</span> in your Tilda account → <span style="font-weight: 500;">Analytics,</span> then click <span style="font-weight: 500;">Connect</span><span style="font-weight: 400;"> under Google Analytics and</span> allow Google to access your data.</div> </div> </div> </div> </div> <div id="rec255072097" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " 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/tild3138-6262-4232-a661-356261396538/Frame_38.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3138-6262-4232-a661-356261396538/Frame_38.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec255072975" 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 ">The next step is to select a Tracking ID from the list and click <span style="font-weight: 500;">Save</span><span style="font-weight: 300;">.</span><br /><br />Once you've set up tracking for your website, make sure you republish all pages. The website will start collecting stats several hours after you've set up the Traffic ID.<br /><br />If you have a Google Analytics 4 property, you can insert its Tracking ID into the HTML CODE FOR HEAD ZONE section. To do this, open <span style="font-weight: 500;">Site Settings</span> in your Tilda account → <span style="font-weight: 500;">More</span> → <span style="font-weight: 500;">HTML CODE FOR HEAD ZONE</span>. Then, click <span style="font-weight: 500;">Edit code</span>, paste the code, and click <span style="font-weight: 500;">Save</span>.</div> </div> </div> </div> </div> <div id="rec250201554" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " 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="http://help.tilda.ws/statistic" 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"><div style="font-size: 20px;" data-customstyle="yes"><span style="font-size: 20px;">More on the Tilda website statistics</span></div></div> </div> </div> </a> </div> </div> </div> </div> <div id="rec250201555" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201555 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201555 .t396__filter {height:110px;}#rec250201555 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201555 .t396__artboard,#rec250201555 .t396__filter,#rec250201555 .t396__carrier {}#rec250201555 .t396__filter {}#rec250201555 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201555 .t396__artboard,#rec250201555 .t396__filter,#rec250201555 .t396__carrier {}#rec250201555 .t396__filter {}#rec250201555 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201555 .t396__artboard,#rec250201555 .t396__filter,#rec250201555 .t396__carrier {height:100px;}#rec250201555 .t396__filter {}#rec250201555 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201555 .t396__artboard,#rec250201555 .t396__filter,#rec250201555 .t396__carrier {height:90px;}#rec250201555 .t396__filter {}#rec250201555 .t396__carrier {background-attachment:scroll;}}#rec250201555 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201555 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201555 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201555" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201555"></div> <div class="t396__filter" data-artboard-recid="250201555"></div> <div class='t396__elem tn-elem tn-elem__2502015551508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201555');});});</script>  </div> <div id="rec250201556" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Alex uses Google Analytics to track his website performance as the tool is powerful and free. Also, it provides Alex with tons of metrics and insights to tweak his website for success.</span></div> </div> </div> </div> <style> #rec250201556 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201557" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><strong style="font-size: 28px;">Practice</strong></div> <div field="text" class="t220__text t-text t-text_md ">Create a Google Analytics account. Use your email or create a new one to get statistics. Assign Google Counters to your Tilda website.</div> </div> </div> </div> </div> </div> <style> #rec250201557 .t220__title{font-family:'TildaSans';}#rec250201557 .t220__text{font-size:22px;}</style> </div> <div id="rec250201558" class="r t-rec t-rec_pt_150 t-rec_pb_0" style="padding-top:150px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title"><strong>2. Optimize your website for SEO</strong></div> </div> </div> </div> <style> #rec250201558 .t225__uptitle{text-transform:uppercase;}#rec250201558 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201558 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201558 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201559" class="r t-rec t-rec_pt_15 t-rec_pb_75" style="padding-top:15px;padding-bottom:75px; " data-record-type="193">  <div class="t175"> <div class="t-container t-container_flex"> <div class="t-col t-col_6 t-prefix_2 t-col_flex"> <div class="t175__textwrapper"> <div class="t175__text t-text t-text_sm" field="text">People don't always remember the names and URL addresses of the websites they've visited. Having come to your website once, some people then look for it using keywords or some chunks of information. Others are just searching the Internet for the product they need. To help users discover your website, make it SEO-optimized. In other words, make it more visible for search engines. The more SEO-optimized a website is, the easier it is to find in search results.<br /><br />There are several types of SEO, including Content SEO and Technical SEO. Now, let's take a closer look at the latter. Technical SEO is essential for ranking high in search results. In Tilda, you can work with Technical SEO in your Page Settings.</div> </div> </div> <div class="t-col t-col_4 t-col_flex t-align_center"> <img class="t175__img t-img t-animate" src="https://static.tildacdn.com/tild3666-3061-4766-b063-613461323635/landing2_1.svg" imgfield="img" data-animate-style="fadeinleft" data-animate-group="yes" data-animate-order="1" alt=""> </div> </div> </div> <style> #rec250201559 .t175__text{font-size:24px;}</style> </div> <div id="rec250201560" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title"><div style="font-size: 30px;" data-customstyle="yes">Title and description</div></div> </div> </div> </div> <style> #rec250201560 .t225__uptitle{text-transform:uppercase;}#rec250201560 .t225__title{font-weight:400;}@media screen and (min-width:480px){#rec250201560 .t225__title{font-size:30px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201560 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201561" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;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 see these elements in search results when googling a website. There are many websites on the list competing for users' attention. Users are likely to click websites that are relevant for them and offer them clear value. An accurate title and a pithy description can boost your chances to stand out in search results and entice more clicks.</div> </div> </div> </div> </div> <div id="rec250201562" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " 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/tild3963-3132-4261-a661-643861636234/Frame_39_1.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3963-3132-4261-a661-643861636234/Frame_39_1.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec250201563" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " data-record-type="171">  <div class="t157"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t157__wrapper"> <div class="t-divider" style=""></div> <div field="text" class="t157__text t-text t-text_sm">A good title and description have two key features: They convey a clear offer and contain keywords</div> </div> </div> </div> </div> <style> #rec250201563 .t157__text{font-size:26px;}</style> </div> <div id="rec250201564" 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 ">A clear offer is exactly what a customer is going to get on your website. You can use one of the numerous online keyword research tools to find relevant keywords. The best ones are <a href="https://ads.google.com/intl/en/home/tools/keyword-planner/">Google Keyword Planner</a>, <a href="https://neilpatel.com/ubersuggest/">Ubersuggest</a>, etc.</div> </div> </div> </div> </div> <div id="rec250201565" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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/tild3565-6435-4235-a139-353666363432/Keyword_ideas_-_949-.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3565-6435-4235-a139-353666363432/Keyword_ideas_-_949-.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><span style="font-family: TildaSans;">Google Keyword Planner</span></div> </div> </div> </div> <style> #rec250201565 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec250201566" 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 "><span style="font-weight: 500;">The title </span>is the name of your webpage and link in search results. You can also see the title when you hover over the tab with the webpage. Titles are the backbone of your website promotion. So, make sure they are precise and contain keywords. Titles should be about 12 words or 70 characters long. For example, "Buy sneakers for men online."<br /><br /><span style="font-weight: 500;">The description </span>is a summary of a page's content. The description usually appears below the website's title in search results. Make sure the description is concise, yet conveys the value your webpage offers. Don't exceed the 180-character limit. For example, "Shop designer sneakers, running shoes, and casual shoes from well-known brands. Buy one pair, get 50% off the 2nd pair."<br /><br />In the example below, the descriptions provide a clear overview of what a visitor will get on the web page.</div> </div> </div> </div> </div> <div id="rec250201567" 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/tild6364-3636-4934-b837-646333303739/Frame_41_1.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild6364-3636-4934-b837-646333303739/Frame_41_1.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec250201568" class="r t-rec t-rec_pt_90 t-rec_pb_120" style="padding-top:90px;padding-bottom:120px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><strong> </strong><strong style="font-family: TildaSans;">Practice</strong></div> <div field="text" class="t220__text t-text t-text_md "><span style="font-family: TildaSans;">Pick popular searches relevant to your niche in </span><a href="https://ads.google.com/intl/en/home/tools/keyword-planner/" style="font-family: TildaSans;">Google Keyword Planner</a><span style="font-family: TildaSans;">. Create a title and a description for your landing page.</span></div> </div> </div> </div> </div> </div> <style> #rec250201568 .t220__title{font-family:'futura-pt';}#rec250201568 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201569" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201569 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201569 .t396__filter {height:110px;}#rec250201569 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201569 .t396__artboard,#rec250201569 .t396__filter,#rec250201569 .t396__carrier {}#rec250201569 .t396__filter {}#rec250201569 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201569 .t396__artboard,#rec250201569 .t396__filter,#rec250201569 .t396__carrier {}#rec250201569 .t396__filter {}#rec250201569 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201569 .t396__artboard,#rec250201569 .t396__filter,#rec250201569 .t396__carrier {height:100px;}#rec250201569 .t396__filter {}#rec250201569 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201569 .t396__artboard,#rec250201569 .t396__filter,#rec250201569 .t396__carrier {height:90px;}#rec250201569 .t396__filter {}#rec250201569 .t396__carrier {background-attachment:scroll;}}#rec250201569 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201569 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201569 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201569" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201569"></div> <div class="t396__filter" data-artboard-recid="250201569"></div> <div class='t396__elem tn-elem tn-elem__2502015691508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201569');});});</script>  </div> <div id="rec250201570" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Here's how Alex nailed the task.</span><br /><br /><strong style="font-family: TildaSans;">Title</strong><br /><span style="font-family: TildaSans;">Organizing events—online course for PR and marketing managers.</span><br /><br /><strong style="font-family: TildaSans;">Description </strong><br /><span style="font-family: TildaSans;">How to organize an event in three days and waste no money. An online course with hands-on tasks and detailed feedback.</span></div> </div> </div> </div> <style> #rec250201570 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201571" class="r t-rec t-rec_pt_90 t-rec_pb_0" style="padding-top:90px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Optimize for social media</div> </div> </div> </div> <style> #rec250201571 .t225__uptitle{text-transform:uppercase;}#rec250201571 .t225__title{font-weight:400;}@media screen and (min-width:480px){#rec250201571 .t225__title{font-size:30px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201571 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201572" class="r t-rec t-rec_pt_30 t-rec_pb_60" style="padding-top:30px;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 ">On social media, entrepreneurs promote their websites and users share helpful links. To get noticed and drive clicks, your website needs to look compelling on users' feeds.<br /><br />Here's a good example in which both the title and the description convey clear value for the reader. Such a teaser makes it easy to decide whether you need to click the link.</div> </div> </div> </div> </div> <div id="rec255078860" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " 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/tild3663-6365-4635-b333-343939616161/Frame_42_1.png"> <img class="t-img t-width t107__width t-width_6" src="https://static.tildacdn.com/tild3663-6365-4635-b333-343939616161/Frame_42_1.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec250201574" 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 ">Tilda allows linking your website to different social media accounts hassle-free. You can manage your website's social media previews in the<strong> </strong><span style="font-weight: 500;">Facebook and SEO tab</span>. Here, you can see how your page will look across social media channels. By default, Facebook will use the title and the description set to be displayed in search results.<br /><br />To change these settings, go to <span style="font-weight: 500;">Page settings → Facebook and SEO → Customize social media preview</span>, and create a new title and description for social media only. You can also customize the image for the snippet in the Badge tab.</div> </div> </div> </div> </div> <div id="rec250201575" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " 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/tild6661-6431-4436-a165-623665303439/Frame_43_1.png"> <img class="t-img t-width t107__width t-width_6" src="https://static.tildacdn.com/tild6661-6431-4436-a165-623665303439/Frame_43_1.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><span style="font-family: TildaSans;">Facebook preview settings: Customize the title and description in this tab</span></div> </div> </div> </div> <style> #rec250201575 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec250201576" 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 ">Make sure you pick eye-catching and unusual images for social media. Why? Because for many people, social media is a place to unwind, and brands and entertainment groups compete for their attention. So, you must stand out to get a competitive edge.<br /><br />The way your page looks on social media directly impacts the number of visits. If your page is boring, the title doesn't convey value and the description is cut off, people will not click it. Even if you waste tons of money on advertising.</div> </div> </div> </div> </div> <div id="rec250201577" class="r t-rec t-rec_pt_0 t-rec_pb_90" style="padding-top:0px;padding-bottom:90px; " data-record-type="171">  <div class="t157"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t157__wrapper"> <div class="t-divider" style=""></div> <div field="text" class="t157__text t-text t-text_sm">If the image is compelling and stands out and the title promises value relevant to the user, people are more likely to click and share your link. Then, the social media algorithms will perceive your link as useful and display it to more users.</div> </div> </div> </div> </div> <style> #rec250201577 .t157__text{font-size:26px;}</style> </div> <div id="rec250201578" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_250201578" aria-disabled="false" aria-label="Previous slide" style="width: 40px; height: 40px;background-color: rgba(253,236,0,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_250201578" aria-disabled="false" aria-label="Next slide" style="width: 40px; height: 40px;background-color: rgba(253,236,0,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_8 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_250201578" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 5"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3536-6531-4333-b932-343565626136/Screen_Shot_2020-12-.png"> <img class="t-slds__img t-img" src="https://static.tildacdn.com/tild3536-6531-4333-b932-343565626136/Screen_Shot_2020-12-.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 5"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3263-3333-4338-b361-366565356137/825_670.png"> <img class="t-slds__img t-img" src="https://static.tildacdn.com/tild3263-3333-4338-b361-366565356137/825_670.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 5"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6231-3935-4636-a233-376337353164/Screen_Shot_2020-12-.png"> <img class="t-slds__img t-img" src="https://static.tildacdn.com/tild6231-3935-4636-a233-376337353164/Screen_Shot_2020-12-.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="4" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="4 of 5"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3933-6335-4161-b534-303337616136/Screen_Shot_2020-12-.png"> <img class="t-slds__img t-img" src="https://static.tildacdn.com/tild3933-6335-4161-b534-303337616136/Screen_Shot_2020-12-.png" alt=""> </div> </div> </div> <div class="t-slds__item" data-slide-index="5" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="5 of 5"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6234-6133-4661-a331-366633373662/Screen_Shot_2020-12-.png"> <img class="t-slds__img t-img" src="https://static.tildacdn.com/tild6234-6133-4661-a331-366633373662/Screen_Shot_2020-12-.png" alt=""> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 4" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="5"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 5" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Dogstudio creative firm badge</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">The Economist article social media badge</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">Tilda's blog article badge</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="4"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">MasterClass' main page badge</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="5"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__4">Basic Fit fitness chain bagde</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('250201578',false);});});</script> <style>#rec250201578 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec250201578 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec250201578 .t-slds__descr{font-size:16px;color:#000000;}</style> </div> <div id="rec250201579" 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 ">The same link looks different on different social media. That's why you need to experiment with images to find the most suitable ones for all social platforms. </div> </div> </div> </div> </div> <div id="rec250201581" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201581 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201581 .t396__filter {height:110px;}#rec250201581 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201581 .t396__artboard,#rec250201581 .t396__filter,#rec250201581 .t396__carrier {}#rec250201581 .t396__filter {}#rec250201581 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201581 .t396__artboard,#rec250201581 .t396__filter,#rec250201581 .t396__carrier {}#rec250201581 .t396__filter {}#rec250201581 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201581 .t396__artboard,#rec250201581 .t396__filter,#rec250201581 .t396__carrier {height:100px;}#rec250201581 .t396__filter {}#rec250201581 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201581 .t396__artboard,#rec250201581 .t396__filter,#rec250201581 .t396__carrier {height:90px;}#rec250201581 .t396__filter {}#rec250201581 .t396__carrier {background-attachment:scroll;}}#rec250201581 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201581 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201581 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201581" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201581"></div> <div class="t396__filter" data-artboard-recid="250201581"></div> <div class='t396__elem tn-elem tn-elem__2502015811508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201581');});});</script>  </div> <div id="rec250201582" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Alex has made up his mind to change the title and the description for social media marketing. He wants to promote his course in the easy-going crowd of PR and advertising managers with their unique jargon and values.</span><br /><span style="font-family: TildaSans;">Here's what he has come up with:</span><br /><br /><strong style="font-family: TildaSans;">Title</strong><br /><span style="font-family: TildaSans;">PR manager? Jump in!</span><br /><br /><strong style="font-family: TildaSans;">Description</strong><br /><span style="font-family: TildaSans;">We'll teach you to organize events that are to the point and won't lull people to sleep.</span></div> </div> </div> </div> <style> #rec250201582 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201583" class="r t-rec t-rec_pt_75 t-rec_pb_0" style="padding-top:75px;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 ">Now, your landing page is ready for promotion. It can be searched for and shared on social media.</div> </div> </div> </div> </div> <div id="rec250201584" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><strong style="font-family: TildaSans;">Practice</strong></div> <div field="text" class="t220__text t-text t-text_md "><span style="font-family: TildaSans;">Pick an image to share on social media. Create a title and a description. On social media, they can be pretty informal and easy-going.</span></div> </div> </div> </div> </div> </div> <style> #rec250201584 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201585" class="r t-rec" style=" " data-record-type="215"> <a name="3" style="font-size:0;"></a> </div> <div id="rec250201586" class="r t-rec t-rec_pt_165 t-rec_pb_45" style="padding-top:165px;padding-bottom:45px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md t-animate" data-animate-style="fadeinup" data-animate-group="yes" field="title"><strong>Web Analytics </strong></div> </div> </div> </div> <style> #rec250201586 .t225__uptitle{text-transform:uppercase;}#rec250201586 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201586 .t225__title{font-size:56px;}}@media screen and (min-width:900px){#rec250201586 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201587" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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"><span style="font-family: TildaSans;">We've already set up Google Analytics on our website. Now we can get insights into users' on-site behavior. What should you pay attention to?</span></div> </div> </div> </div> <style> #rec250201587 .t119__preface{font-family:'futura-pt';opacity:1;}@media screen and (min-width:480px){#rec250201587 .t119__preface{font-size:30px;}}</style> </div> <div id="rec250201588" 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 ">The most important metrics to track are visits, traffic sources, session duration. They'll help you learn how many people come to your website, where they come from, and if they spend enough time on your website to take a desired action.</div> </div> </div> </div> </div> <div id="rec250201589" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-animationappear="off" data-record-type="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_250201589" aria-disabled="false" aria-label="Previous slide" style="width: 40px; height: 40px;background-color: rgba(253,236,0,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_250201589" aria-disabled="false" aria-label="Next slide" style="width: 40px; height: 40px;background-color: rgba(253,236,0,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_10 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_250201589" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 3"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6233-3036-4436-b532-643161646139/Frame_34.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6233-3036-4436-b532-643161646139/Frame_34.png" style="background-image: url('https://static.tildacdn.com/tild6233-3036-4436-b532-643161646139/Frame_34.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 3"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3265-3461-4130-b564-656163653961/Frame_36.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3265-3461-4130-b564-656163653961/Frame_36.png" style="background-image: url('https://static.tildacdn.com/tild3265-3461-4130-b564-656163653961/Frame_36.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 3"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3064-3035-4437-a563-363338303466/Frame_37.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3064-3035-4437-a563-363338303466/Frame_37.png" style="background-image: url('https://static.tildacdn.com/tild3064-3035-4437-a563-363338303466/Frame_37.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Sessions report in Tilda Statistics</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Website activity and conversion in detail: the number of clicks, sessions, visitors, device type info, leads, and the conversion rate</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">Referral traffic report</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('250201589',false);});});</script> <style>#rec250201589 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec250201589 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec250201589 .t-slds__descr{font-size:16px;color:#000000;}</style> </div> <div id="rec250201590" 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 "></div> </div> </div> </div> </div> <div id="rec250201591" class="r t-rec t-rec_pt_90 t-rec_pb_30" style="padding-top:90px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">1. Track statistics</div> </div> </div> </div> <style> #rec250201591 .t225__uptitle{text-transform:uppercase;}#rec250201591 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201591 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201591 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201592" 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 ">Google Analytics Home page provides insights about the key metrics such as overall traffic and conversions. You can also learn about the number of users on your website right now, where your users come from, what pages they visit, etc.<br /><br />The Reports tab in the left-hand navigation column allows you to get a wide range of reports, including real-time, audience, acquisition, behavior, and conversions reports. Now, let's take a close look at the most useful ones.</div> </div> </div> </div> </div> <div id="rec250201593" 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/tild6333-3331-4664-b437-386535646564/Screen_Shot_2020-12-.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild6333-3331-4664-b437-386535646564/Screen_Shot_2020-12-.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name">Google Analytics Home page</div> </div> </div> </div> <style> #rec250201593 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec250201594" class="r t-rec t-rec_pt_75 t-rec_pb_0" style="padding-top:75px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">See how your website traffic changes</div> </div> </div> </div> <style> #rec250201594 .t225__uptitle{text-transform:uppercase;}#rec250201594 .t225__title{font-weight:400;}@media screen and (min-width:480px){#rec250201594 .t225__title{font-size:30px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201594 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201595" class="r t-rec t-rec_pt_30 t-rec_pb_45" style="padding-top:30px;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 ">For this, go to the <span style="font-weight: 500;">Audience overview tab</span> and select <span style="font-weight: 500;">Users</span> to see how your website traffic changes over a period of time, how many users visited your website last month and today. You can change the time periods and track hourly, daily, weekly, and monthly statistics.</div> </div> </div> </div> </div> <div id="rec250201596" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " 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/tild3333-6361-4261-b561-303034636439/Analytics_-_Google_C.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3333-6361-4261-b561-303034636439/Analytics_-_Google_C.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name">Audience Overview in Google Analytics</div> </div> </div> </div> <style> #rec250201596 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec250201597" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201597 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201597 .t396__filter {height:30px;}#rec250201597 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201597 .t396__artboard,#rec250201597 .t396__filter,#rec250201597 .t396__carrier {}#rec250201597 .t396__filter {}#rec250201597 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201597 .t396__artboard,#rec250201597 .t396__filter,#rec250201597 .t396__carrier {}#rec250201597 .t396__filter {}#rec250201597 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201597 .t396__artboard,#rec250201597 .t396__filter,#rec250201597 .t396__carrier {}#rec250201597 .t396__filter {}#rec250201597 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201597 .t396__artboard,#rec250201597 .t396__filter,#rec250201597 .t396__carrier {}#rec250201597 .t396__filter {}#rec250201597 .t396__carrier {background-attachment:scroll;}}#rec250201597 .tn-elem[data-elem-id="1542109969796"]{z-index:1;top:40px;left:calc(50% - 600px + 135px);width:50px;}#rec250201597 .tn-elem[data-elem-id="1542109969796"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201597" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201597"></div> <div class="t396__filter" data-artboard-recid="250201597"></div> <div class='t396__elem tn-elem tn-elem__2502015971542109969796' data-elem-id='1542109969796' data-elem-type='image' data-field-top-value="40" data-field-left-value="135" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="140" data-field-fileheight-value="262"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild6230-6162-4934-b839-303635313435/question.svg' alt='' imgfield='tn_img_1542109969796' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201597');});});</script>  </div> <div id="rec250201598" 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> </strong><strong style="font-size: 22px;">How can you interpret the data? </strong><span style="font-size: 22px;">The number of visits to a website shouldn't decline. By contrast, in a perfect world, it should be constantly increasing. Take a look at the drops in the number of visits and think about what was happening at that time. Track the number of visits whenever you launch a new campaign. This will help you understand if advertising campaigns manage to drive traffic to your website.</span></div> </div> </div> </div> </div> <div id="rec250201599" class="r t-rec t-rec_pt_75 t-rec_pb_0" style="padding-top:75px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Get insights about your traffic sources</div> </div> </div> </div> <style> #rec250201599 .t225__uptitle{text-transform:uppercase;}#rec250201599 .t225__title{font-weight:400;}@media screen and (min-width:480px){#rec250201599 .t225__title{font-size:30px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201599 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201600" class="r t-rec t-rec_pt_30 t-rec_pb_45" style="padding-top:30px;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 ">For this, go to the <span style="font-weight: 500;">Acquisition overview tab</span> and see how visitors landed on your website. This helps you understand what search engines, websites, and social media your visitors come from.</div> </div> </div> </div> </div> <div id="rec250201601" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " 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/tild3439-6564-4562-a334-376563333731/Frame_45_1.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3439-6564-4562-a334-376563333731/Frame_45_1.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name">Aquisition Overview in Google Analytics</div> </div> </div> </div> <style> #rec250201601 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec250201602" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201602 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201602 .t396__filter {height:30px;}#rec250201602 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201602 .t396__artboard,#rec250201602 .t396__filter,#rec250201602 .t396__carrier {}#rec250201602 .t396__filter {}#rec250201602 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201602 .t396__artboard,#rec250201602 .t396__filter,#rec250201602 .t396__carrier {}#rec250201602 .t396__filter {}#rec250201602 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201602 .t396__artboard,#rec250201602 .t396__filter,#rec250201602 .t396__carrier {}#rec250201602 .t396__filter {}#rec250201602 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201602 .t396__artboard,#rec250201602 .t396__filter,#rec250201602 .t396__carrier {}#rec250201602 .t396__filter {}#rec250201602 .t396__carrier {background-attachment:scroll;}}#rec250201602 .tn-elem[data-elem-id="1542109969796"]{z-index:1;top:40px;left:calc(50% - 600px + 135px);width:50px;}#rec250201602 .tn-elem[data-elem-id="1542109969796"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201602" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201602"></div> <div class="t396__filter" data-artboard-recid="250201602"></div> <div class='t396__elem tn-elem tn-elem__2502016021542109969796' data-elem-id='1542109969796' data-elem-type='image' data-field-top-value="40" data-field-left-value="135" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="140" data-field-fileheight-value="262"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild6262-6630-4331-a631-346461636432/question.svg' alt='' imgfield='tn_img_1542109969796' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201602');});});</script>  </div> <div id="rec250201603" 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 "><div style="font-size: 22px;" data-customstyle="yes"><strong style="font-size: 22px;">How can you interpret the data? </strong><span style="font-size: 22px;">Identify what social media drives the greatest part of your website traffic. Perhaps your audience doesn't use other social media or you've failed to discover your target audience correctly.</span></div></div> </div> </div> </div> </div> <div id="rec250201604" class="r t-rec t-rec_pt_90 t-rec_pb_0" style="padding-top:90px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Discover how much time users spend on your website</div> </div> </div> </div> <style> #rec250201604 .t225__uptitle{text-transform:uppercase;}#rec250201604 .t225__title{font-weight:400;}@media screen and (min-width:480px){#rec250201604 .t225__title{font-size:30px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201604 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201605" class="r t-rec t-rec_pt_30 t-rec_pb_45" style="padding-top:30px;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 ">Open the <span style="font-weight: 500;">Audience Overview tab </span>and select <span style="font-weight: 500;">Average Session duration.</span> The report will display how much time users spend on your website.</div> </div> </div> </div> </div> <div id="rec250201606" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " 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/tild6234-3366-4864-a438-323763346362/Analytics_-_Google_C.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild6234-3366-4864-a438-323763346362/Analytics_-_Google_C.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name">The Average Session Duration Report In Google Analytics</div> </div> </div> </div> <style> #rec250201606 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec250201607" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201607 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201607 .t396__filter {height:30px;}#rec250201607 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201607 .t396__artboard,#rec250201607 .t396__filter,#rec250201607 .t396__carrier {}#rec250201607 .t396__filter {}#rec250201607 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201607 .t396__artboard,#rec250201607 .t396__filter,#rec250201607 .t396__carrier {}#rec250201607 .t396__filter {}#rec250201607 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201607 .t396__artboard,#rec250201607 .t396__filter,#rec250201607 .t396__carrier {}#rec250201607 .t396__filter {}#rec250201607 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201607 .t396__artboard,#rec250201607 .t396__filter,#rec250201607 .t396__carrier {}#rec250201607 .t396__filter {}#rec250201607 .t396__carrier {background-attachment:scroll;}}#rec250201607 .tn-elem[data-elem-id="1542109969796"]{z-index:1;top:40px;left:calc(50% - 600px + 135px);width:50px;}#rec250201607 .tn-elem[data-elem-id="1542109969796"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201607" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201607"></div> <div class="t396__filter" data-artboard-recid="250201607"></div> <div class='t396__elem tn-elem tn-elem__2502016071542109969796' data-elem-id='1542109969796' data-elem-type='image' data-field-top-value="40" data-field-left-value="135" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="140" data-field-fileheight-value="262"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3161-6465-4138-b866-633830383965/question.svg' alt='' imgfield='tn_img_1542109969796' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201607');});});</script>  </div> <div id="rec250201608" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " 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> </strong><strong style="font-size: 22px;">How can you interpret the data? </strong><span style="font-size: 22px;">There is no golden rule about how much time visitors should spend on your website. But usually the more the better. Yet, the rule isn't fixed in stone. Sometimes users spend loads of time looking for information or filling in a form which is a bad sign.</span><br /><br /><span style="font-size: 22px;">Imagine that you've launched a marketing campaign and managed to attract traffic but users have started to spend less time on the website. Most likely, they are not your target audience. You've created compelling ads driving people to your website but they're not interested in your offer.</span></div> </div> </div> </div> </div> <div id="rec250201609" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201609 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201609 .t396__filter {height:110px;}#rec250201609 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201609 .t396__artboard,#rec250201609 .t396__filter,#rec250201609 .t396__carrier {}#rec250201609 .t396__filter {}#rec250201609 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201609 .t396__artboard,#rec250201609 .t396__filter,#rec250201609 .t396__carrier {}#rec250201609 .t396__filter {}#rec250201609 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201609 .t396__artboard,#rec250201609 .t396__filter,#rec250201609 .t396__carrier {height:100px;}#rec250201609 .t396__filter {}#rec250201609 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201609 .t396__artboard,#rec250201609 .t396__filter,#rec250201609 .t396__carrier {height:90px;}#rec250201609 .t396__filter {}#rec250201609 .t396__carrier {background-attachment:scroll;}}#rec250201609 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201609 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201609 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201609" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201609"></div> <div class="t396__filter" data-artboard-recid="250201609"></div> <div class='t396__elem tn-elem tn-elem__2502016091508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201609');});});</script>  </div> <div id="rec250201610" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">People often come to Alex's website from Facebook. Instagram can also boast redirects but not so many. That's why Alex decides to publish on Instagram more. Instagram is popular with its target audience, so it seems reasonable to invest more marketing effort into the platform.</span><br /><br /><span style="font-family: TildaSans;">On average, people spend about 3 min 30 sec on his website. This is enough to navigate through the website and read all the info.</span></div> </div> </div> </div> <style> #rec250201610 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201611" class="r t-rec t-rec_pt_105 t-rec_pb_0" style="padding-top:105px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><strong>Practice<span class="ql-cursor"></span></strong></div> <div field="text" class="t220__text t-text t-text_md "><span style="font-family: TildaSans;">Track the changes in statistics on your website. Where does most traffic come from? Which social media serve best to generate traffic to your website and which ones are not worth the effort.</span></div> </div> </div> </div> </div> </div> <style> #rec250201611 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201612" class="r t-rec t-rec_pt_135 t-rec_pb_30" style="padding-top:135px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">2. Have a look at the Click heatmap<strong></strong></div> </div> </div> </div> <style> #rec250201612 .t225__uptitle{text-transform:uppercase;}#rec250201612 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201612 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201612 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201613" 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 ">Click heatmaps to highlight the most-clicked areas of your website. They provide insights about the way people move down the marketing funnel and interact with your pages, and which buttons and links they click or ignore.<br /><br />There are several free tools to help you collect the data.<br /><br />Though Google Analytics doesn't have a built-in heatmap feature, it still offers a free tool for creating heatmaps and tracking on-site user behavior. It's <a href="https://chrome.google.com/webstore/detail/page-analytics-by-google/fnbdnhhicmebfgdgglcdacdapkcihcoh">the Page Analytics Chrome extension</a>. To start collecting data, you need to install the extension and load the page you want to track. To get the in-page click analysis, click the Color icon. Then, you'll see the percentage of clicks generated by each clickable area of the page.</div> </div> </div> </div> </div> <div id="rec257127637" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " 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/tild3835-3864-4564-a437-373934313738/Daily_notes_-_Google.png"> <img class="t-img t-width t107__width t-width_10" src="https://static.tildacdn.com/tild3835-3864-4564-a437-373934313738/Daily_notes_-_Google.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec255097719" 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 ">Another visual tool is <a href="https://www.smartlook.com/" target="_blank" rel="noreferrer noopener">Smartlook</a> available both for mobile and desktop. It's an all-in-one solution that allows you to track clicks and scroll depth and provides user behavior recordings.<br /><br />To install the Smartlook code on your Tilda website, copy the tracking code from your project settings in Smartlook. Then, go to your Tilda account, open <span style="font-weight: 500;">Site Settings</span>, click <span style="font-weight: 500;">More</span>. There, click the <span style="font-weight: 500;">Edit code</span> button in the <span style="font-weight: 500;">HTML CODE FOR HEAD ZONE</span> section, insert the code, and click <span style="font-weight: 500;">Save</span>. Don't forget to republish all pages after saving the code.</div> </div> </div> </div> </div> <div id="rec250201614" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " 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/tild3964-3439-4338-b934-323031316134/Frame_46_1.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3964-3439-4338-b934-323031316134/Frame_46_1.png" imgfield="img" alt=""> </div> </div> <style> #rec250201614 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec250201615" 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 ">The Smartlook Click overlay provides information about the most clicked areas on your website. To see the number and percentage of clicks, draw a box over certain areas of the heatmap.</div> </div> </div> </div> </div> <div id="rec255098592" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " 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/tild3365-3535-4265-b637-653866316135/Lesson_3_-_Analyze_U.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3365-3535-4265-b637-653866316135/Lesson_3_-_Analyze_U.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec256820432" 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 ">Red means that this area is constantly clicked. The dimmer the color, the fewer clicks on the area.</div> </div> </div> </div> </div> <div id="rec250201616" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201616 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201616 .t396__filter {height:30px;}#rec250201616 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201616 .t396__artboard,#rec250201616 .t396__filter,#rec250201616 .t396__carrier {}#rec250201616 .t396__filter {}#rec250201616 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201616 .t396__artboard,#rec250201616 .t396__filter,#rec250201616 .t396__carrier {}#rec250201616 .t396__filter {}#rec250201616 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201616 .t396__artboard,#rec250201616 .t396__filter,#rec250201616 .t396__carrier {}#rec250201616 .t396__filter {}#rec250201616 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201616 .t396__artboard,#rec250201616 .t396__filter,#rec250201616 .t396__carrier {}#rec250201616 .t396__filter {}#rec250201616 .t396__carrier {background-attachment:scroll;}}#rec250201616 .tn-elem[data-elem-id="1542109969796"]{z-index:1;top:40px;left:calc(50% - 600px + 135px);width:50px;}#rec250201616 .tn-elem[data-elem-id="1542109969796"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201616" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201616"></div> <div class="t396__filter" data-artboard-recid="250201616"></div> <div class='t396__elem tn-elem tn-elem__2502016161542109969796' data-elem-id='1542109969796' data-elem-type='image' data-field-top-value="40" data-field-left-value="135" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="140" data-field-fileheight-value="262"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3537-3033-4734-a230-316338383130/question.svg' alt='' imgfield='tn_img_1542109969796' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201616');});});</script>  </div> <div id="rec250201618" 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 "><strong>How can you interpret the data? </strong>If users don't click a button, perhaps, they don't see it. Later, we'll tell you how to check it.<br /><br />If users click a link redirecting them to another webpage, they may need the information that page provides, and you should add it to your website. This will help visitors get answers to their questions and keep them on your website.<br /><br />If users click an area that's neither a link nor a button, they may consider it clickable. So, think about what information they're trying to get here.</div> </div> </div> </div> </div> <div id="rec250201619" class="r t-rec t-rec_pt_30 t-rec_pb_105" style="padding-top:30px;padding-bottom:105px; " data-record-type="171">  <div class="t157"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t157__wrapper"> <div class="t-divider" style=""></div> <div field="text" class="t157__text t-text t-text_sm"><span style="font-family: futura-pt;">Pay attention to the links and buttons that don't get any clicks. If they point to some important information, you'd better place it on your website and remove the button or link. Any element that doesn't help visitors is redundant.</span></div> </div> </div> </div> </div> <style> #rec250201619 .t157__text{font-size:26px;}</style> </div> <div id="rec250201620" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201620 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201620 .t396__filter {height:110px;}#rec250201620 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201620 .t396__artboard,#rec250201620 .t396__filter,#rec250201620 .t396__carrier {}#rec250201620 .t396__filter {}#rec250201620 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201620 .t396__artboard,#rec250201620 .t396__filter,#rec250201620 .t396__carrier {}#rec250201620 .t396__filter {}#rec250201620 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201620 .t396__artboard,#rec250201620 .t396__filter,#rec250201620 .t396__carrier {height:100px;}#rec250201620 .t396__filter {}#rec250201620 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201620 .t396__artboard,#rec250201620 .t396__filter,#rec250201620 .t396__carrier {height:90px;}#rec250201620 .t396__filter {}#rec250201620 .t396__carrier {background-attachment:scroll;}}#rec250201620 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201620 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201620 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201620" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201620"></div> <div class="t396__filter" data-artboard-recid="250201620"></div> <div class='t396__elem tn-elem tn-elem__2502016201508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201620');});});</script>  </div> <div id="rec250201621" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Alex published a post about event management on his website. The website visitors clicked the post often which meant they were interested in the info.</span><br /><br /><span style="font-family: TildaSans;">Alex didn't find a proper place for this info on his website. That's why he converted this post into PDF and offered his visitors to download it in return for their email addresses. It was a win-win: People got the info they needed, and Alex managed to boost his subscriber base.</span></div> </div> </div> </div> <style> #rec250201621 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201622" class="r t-rec t-rec_pt_105 t-rec_pb_0" style="padding-top:105px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><strong style="font-family: TildaSans;">Practice</strong></div> <div field="text" class="t220__text t-text t-text_md "><span style="font-family: TildaSans;">Create a free Smartlook account and make a heatmap. Take a close look at it and identify links and buttons that don't get clicked. Perhaps some areas are not clickable but they get many clicks. For example, it can be some underlined text that confuses readers.</span><br /><br /><span style="font-family: TildaSans;">Make sure you analyze these issues and fix them.</span></div> </div> </div> </div> </div> </div> <style> #rec250201622 .t220__title{font-family:'futura-pt';}#rec250201622 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201623" class="r t-rec t-rec_pt_135 t-rec_pb_30" style="padding-top:135px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">3. Analyze the Scroll heatmap</div> </div> </div> </div> <style> #rec250201623 .t225__uptitle{text-transform:uppercase;}#rec250201623 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201623 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201623 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201624" 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 ">Scroll maps show how far users scroll on your pages and help you find out what the most popular website areas are. This tool allows you to identify the optimal page length and the areas that get no attention from your visitors.<br /><br />You can use the Smartlook Scroll heatmaps to discover the most viewed sections of the page. The brighter the color is, the more time visitors spend in this page area. You can also see the percentage of visitors who reached each point of your website.</div> </div> </div> </div> </div> <div id="rec250201625" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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/tild3535-3332-4639-b734-633336333730/Lesson_3_-_Analyze_U.png"> <img class="t-img t-width t107__width t-width_8" src="https://static.tildacdn.com/tild3535-3332-4639-b734-633336333730/Lesson_3_-_Analyze_U.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><span style="font-family: TildaSans;">The Smartlook heatmap</span></div> </div> </div> </div> <style> #rec250201625 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec257128490" 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 ">You can also track scroll depth in Google Analytics. For this, go to the <strong>Behavior tab</strong> in the left-hand navigation column and click<strong> Events</strong>→ <strong>Top Events</strong>. Here, you can see the percentage of people scrolling 25-100% of your content. Also, you can have a closer look at the particular pages people scrolled.</div> </div> </div> </div> </div> <div id="rec257128852" class="r t-rec t-rec_pt_75 t-rec_pb_75" style="padding-top:75px;padding-bottom:75px; " 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/tild6538-6233-4433-b066-613866306338/how_to_track_scroll_.png"> <img class="t-img t-width t107__width t-width_10" src="https://static.tildacdn.com/tild6538-6233-4433-b066-613866306338/how_to_track_scroll_.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec250201627" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201627 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201627 .t396__filter {height:30px;}#rec250201627 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201627 .t396__artboard,#rec250201627 .t396__filter,#rec250201627 .t396__carrier {}#rec250201627 .t396__filter {}#rec250201627 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201627 .t396__artboard,#rec250201627 .t396__filter,#rec250201627 .t396__carrier {}#rec250201627 .t396__filter {}#rec250201627 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201627 .t396__artboard,#rec250201627 .t396__filter,#rec250201627 .t396__carrier {}#rec250201627 .t396__filter {}#rec250201627 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201627 .t396__artboard,#rec250201627 .t396__filter,#rec250201627 .t396__carrier {}#rec250201627 .t396__filter {}#rec250201627 .t396__carrier {background-attachment:scroll;}}#rec250201627 .tn-elem[data-elem-id="1542109969796"]{z-index:1;top:40px;left:calc(50% - 600px + 135px);width:50px;}#rec250201627 .tn-elem[data-elem-id="1542109969796"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201627" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201627"></div> <div class="t396__filter" data-artboard-recid="250201627"></div> <div class='t396__elem tn-elem tn-elem__2502016271542109969796' data-elem-id='1542109969796' data-elem-type='image' data-field-top-value="40" data-field-left-value="135" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="140" data-field-fileheight-value="262"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild6536-6636-4533-a136-626462376634/question.svg' alt='' imgfield='tn_img_1542109969796' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201627');});});</script>  </div> <div id="rec256826575" 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 "><strong style="font-size: 22px;"> How can you interpret the data? </strong><span style="font-size: 22px;">Few visitors manage to scroll down to the end of the page which is perfectly normal. Yet, if almost no one makes it to the second half of your webpage, think twice about whether you need this part.</span><br /><br /><span style="font-size: 22px;">If some areas don't get your visitors' attention but contain some important buttons or links, make sure you move them to more popular areas of your website.</span><br /><br /><span style="font-size: 22px;">Don't forget that scroll maps only show users' behavior and it's up to you to interpret and analyze the reasons behind it.</span></div> </div> </div> </div> </div> <div id="rec250201630" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201630 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201630 .t396__filter {height:110px;}#rec250201630 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201630 .t396__artboard,#rec250201630 .t396__filter,#rec250201630 .t396__carrier {}#rec250201630 .t396__filter {}#rec250201630 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201630 .t396__artboard,#rec250201630 .t396__filter,#rec250201630 .t396__carrier {}#rec250201630 .t396__filter {}#rec250201630 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201630 .t396__artboard,#rec250201630 .t396__filter,#rec250201630 .t396__carrier {height:100px;}#rec250201630 .t396__filter {}#rec250201630 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201630 .t396__artboard,#rec250201630 .t396__filter,#rec250201630 .t396__carrier {height:90px;}#rec250201630 .t396__filter {}#rec250201630 .t396__carrier {background-attachment:scroll;}}#rec250201630 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201630 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201630 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201630" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201630"></div> <div class="t396__filter" data-artboard-recid="250201630"></div> <div class='t396__elem tn-elem tn-elem__2502016301508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201630');});});</script>  </div> <div id="rec250201631" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Alex looks at the scroll heatmap of his website. The top and the bottom of the webmpage are the brightest. This is a good sign for Alex as both areas contain buttons and subscription forms.</span></div> </div> </div> </div> <style> #rec250201631 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201632" class="r t-rec t-rec_pt_105 t-rec_pb_0" style="padding-top:105px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><strong>Practice</strong></div> <div field="text" class="t220__text t-text t-text_md "><span style="font-family: TildaSans;">Open the Scroll heatmap and find your page sections users fail to reach. If they contain important info, make sure you move it to another part of your webpage.</span></div> </div> </div> </div> </div> </div> <style> #rec250201632 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201633" class="r t-rec t-rec_pt_135 t-rec_pb_30" style="padding-top:135px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">4. Study user on-site behavior</div> </div> </div> </div> <style> #rec250201633 .t225__uptitle{text-transform:uppercase;}#rec250201633 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201633 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201633 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201634" 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 ">Watch the Smartlook recordings to understand the on-site behavior of your visitors and see how your website looks on their screens. The video shows how users move the mouse, where they click, and what parts of the text they highlight.</div> </div> </div> </div> </div> <div id="rec257572604" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6433-6363-4363-b566-646664326333/ezgifcom-gif-maker_2.gif"> <img class="t-img t-width t107__width t-width_10" src="https://static.tildacdn.com/tild6433-6363-4363-b566-646664326333/ezgifcom-gif-maker_2.gif" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><span style="font-family: TildaSans;">The Smartlook on-site behavior recording</span></div> </div> </div> </div> <style> #rec257572604 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec250201636" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201636 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201636 .t396__filter {height:30px;}#rec250201636 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201636 .t396__artboard,#rec250201636 .t396__filter,#rec250201636 .t396__carrier {}#rec250201636 .t396__filter {}#rec250201636 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201636 .t396__artboard,#rec250201636 .t396__filter,#rec250201636 .t396__carrier {}#rec250201636 .t396__filter {}#rec250201636 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201636 .t396__artboard,#rec250201636 .t396__filter,#rec250201636 .t396__carrier {}#rec250201636 .t396__filter {}#rec250201636 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201636 .t396__artboard,#rec250201636 .t396__filter,#rec250201636 .t396__carrier {}#rec250201636 .t396__filter {}#rec250201636 .t396__carrier {background-attachment:scroll;}}#rec250201636 .tn-elem[data-elem-id="1542109969796"]{z-index:1;top:40px;left:calc(50% - 600px + 135px);width:50px;}#rec250201636 .tn-elem[data-elem-id="1542109969796"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201636" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201636"></div> <div class="t396__filter" data-artboard-recid="250201636"></div> <div class='t396__elem tn-elem tn-elem__2502016361542109969796' data-elem-id='1542109969796' data-elem-type='image' data-field-top-value="40" data-field-left-value="135" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="140" data-field-fileheight-value="262"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3139-3764-4238-b937-616332383232/question.svg' alt='' imgfield='tn_img_1542109969796' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201636');});});</script>  </div> <div id="rec256840800" 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 "><strong style="font-size: 22px;"> How can you interpret the data? </strong>Smartlook recordings show how users interact with your website. You can get insights from the way visitors move the pointer. As a rule, we subconsciously move the pointer to the areas we look at, highlight important parts of the text, and tap on photos and buttons we like.<br /><br />Pay special attention to some important website elements people often interact with.<br /><br /><strong>Forms </strong><br />Identify which forms people ignore and fail to fill in. Make sure users understand what they have to do. Sometimes users fill in two lines and drop off on the third because they are confused about the info they need to give.<br /><br /><strong>Catalogs </strong><br />Pay attention to the way people browse your catalogs, and where they start from. It's also important to track how they view products, whether they just scroll through them or watch products' details.<br /><br /><strong>Making an order</strong><br />The reports show at what stage users stop filling in the forms and abandon the cart.<br /><br /><strong>User movements</strong><br />Watch how users move through your website. Often people return to reread a piece of text. They may not have enough info or they haven't understood it correctly.<br /><br />If users click from one page to another, and scroll up and down, the website structure may be too complex.</div> </div> </div> </div> </div> <div id="rec250201639" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><strong> </strong><strong style="font-family: TildaSans;">Practice</strong><strong> </strong></div> <div field="text" class="t220__text t-text t-text_md "><span style="font-family: TildaSans;">Take a close look at your visitors' on-site behavior. Write down all the things you need to change to boost user experience and conversions.</span></div> </div> </div> </div> </div> </div> <style> #rec250201639 .t220__title{font-family:'futura-pt';}#rec250201639 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201640" class="r t-rec" style=" " data-record-type="215"> <a name="4" style="font-size:0;"></a> </div> <div id="rec250201641" class="r t-rec t-rec_pt_165 t-rec_pb_45" style="padding-top:165px;padding-bottom:45px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md t-animate" data-animate-style="fadeinup" data-animate-group="yes" field="title">Sales Funnel</div> </div> </div> </div> <style> #rec250201641 .t225__uptitle{text-transform:uppercase;}#rec250201641 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201641 .t225__title{font-size:56px;}}@media screen and (min-width:900px){#rec250201641 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201642" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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"><span style="font-family: TildaSans;">A sales funnel is the process of leading a customer to a desired action.</span></div> </div> </div> </div> <style> #rec250201642 .t119__preface{font-family:'futura-pt';opacity:1;}@media screen and (min-width:480px){#rec250201642 .t119__preface{font-size:30px;}}</style> </div> <div id="rec250201643" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " 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 ">Throughout the process, we involve a user, explain the benefits of our product, and deal with customers' doubts. Then, the only thing left for users is to click "Buy." All the previous stages help us understand what prevents a customer from making a purchase and how to fix this.<br /><br />There are four main stages in a website sales funnel:</div> </div> </div> </div> </div> <div id="rec250201644" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201644 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201644 .t396__filter {height:30px;}#rec250201644 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201644 .t396__artboard,#rec250201644 .t396__filter,#rec250201644 .t396__carrier {}#rec250201644 .t396__filter {}#rec250201644 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201644 .t396__artboard,#rec250201644 .t396__filter,#rec250201644 .t396__carrier {}#rec250201644 .t396__filter {}#rec250201644 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201644 .t396__artboard,#rec250201644 .t396__filter,#rec250201644 .t396__carrier {}#rec250201644 .t396__filter {}#rec250201644 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201644 .t396__artboard,#rec250201644 .t396__filter,#rec250201644 .t396__carrier {}#rec250201644 .t396__filter {}#rec250201644 .t396__carrier {background-attachment:scroll;}}#rec250201644 .tn-elem[data-elem-id="1542110421051"]{z-index:1;top:-39px;left:calc(50% - 600px + 640px);width:447px;}#rec250201644 .tn-elem[data-elem-id="1542110421051"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201644" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201644"></div> <div class="t396__filter" data-artboard-recid="250201644"></div> <div class='t396__elem tn-elem tn-elem__2502016441542110421051 t-animate' data-elem-id='1542110421051' data-elem-type='image' data-field-top-value="-39" data-field-left-value="640" data-field-width-value="447" 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-animate-style="fadeinleft" data-animate-duration="1" data-animate-distance="100" data-field-filewidth-value="842" data-field-fileheight-value="1123"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3230-3634-4339-b962-313930343937/voronka_ENG.svg' alt='' imgfield='tn_img_1542110421051' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201644');});});</script>  </div> <div id="rec250201645" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">1</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text">Getting a customer involved</div> </div> </div> </div> </div> </div> </div> <div id="rec250201646" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">2</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text">Navigating a customer through your website</div> </div> </div> </div> </div> </div> </div> <div id="rec250201647" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">3</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text">Buying a product or a service</div> </div> </div> </div> </div> </div> </div> <div id="rec250201648" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">4</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text">Customer retention</div> </div> </div> </div> </div> </div> </div> <div id="rec250201649" class="r t-rec t-rec_pt_0 t-rec_pb_45 t-screenmax-1200px" style="padding-top:0px;padding-bottom:45px; " data-record-type="3" data-screen-max="1200px">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6436-6137-4761-a136-303933393631/voronka_ENG.svg"> <img class="t-img t-width t107__width t-width_6" src="https://static.tildacdn.com/tild6436-6137-4761-a136-303933393631/voronka_ENG.svg" imgfield="img" alt=""> </div> </div> </div> <div id="rec250201650" 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_5 t-prefix_2"> <div field="text" class="t-text t-text_md ">At each stage of the funnel, we can see what actions a customer takes and whether they are the ones we need. Also, we can analyze statistics to improve the sales funnel.</div> </div> </div> </div> </div> <div id="rec250201651" class="r t-rec t-rec_pt_90 t-rec_pb_30" style="padding-top:90px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Involve customers from the first screen</div> </div> </div> </div> <style> #rec250201651 .t225__uptitle{text-transform:uppercase;}#rec250201651 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201651 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201651 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201652" 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 ">The first screen on the website grabs users' attention and explains why they need the product. If this doesn't happen, visitors close the tab. Even though users may need the product offered, they fail to understand its value. Our main task is to make the product's value clear from the get-go.<br /><br />The first screen consists of two parts: an eye-catching image and an easy-to-understand offer. You can find information on how to write a good offer in Chapter 2 of this course. You can brush up on the information about visuals in Chapter 4.</div> </div> </div> </div> </div> <div id="rec250201653" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3165-3639-4836-b966-636233383631/Screen_Shot_2020-12-.png"> <img class="t-img t-width t107__width t-width_10" src="https://static.tildacdn.com/tild3165-3639-4836-b966-636233383631/Screen_Shot_2020-12-.png" imgfield="img" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><span style="font-family: TildaSans;">magneticspeaking.com</span></div> </div> </div> </div> <style> #rec250201653 .t107__title{font-size:16px;font-family:'futura-pt';}</style> </div> <div id="rec250201654" 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 ">The screen is bright and you instantly love it. The title and description reveal the product's value. The advantages are clear and it's easy to understand what you need to do: "Try a class now."<br /><br />Also, a good screen is vital for ranking high in search results. If a person leaves your website in a few seconds, it's called a bounce. In this case, search engines consider that your website is useless. The higher the bounce rate is, the lower your website is in search results.</div> </div> </div> </div> </div> <div id="rec250201655" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201655 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201655 .t396__filter {height:30px;}#rec250201655 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201655 .t396__artboard,#rec250201655 .t396__filter,#rec250201655 .t396__carrier {}#rec250201655 .t396__filter {}#rec250201655 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201655 .t396__artboard,#rec250201655 .t396__filter,#rec250201655 .t396__carrier {}#rec250201655 .t396__filter {}#rec250201655 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201655 .t396__artboard,#rec250201655 .t396__filter,#rec250201655 .t396__carrier {}#rec250201655 .t396__filter {}#rec250201655 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201655 .t396__artboard,#rec250201655 .t396__filter,#rec250201655 .t396__carrier {}#rec250201655 .t396__filter {}#rec250201655 .t396__carrier {background-attachment:scroll;}}#rec250201655 .tn-elem[data-elem-id="1542109969796"]{z-index:1;top:37px;left:calc(50% - 600px + 35px);width:150px;}#rec250201655 .tn-elem[data-elem-id="1542109969796"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201655" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201655"></div> <div class="t396__filter" data-artboard-recid="250201655"></div> <div class='t396__elem tn-elem tn-elem__2502016551542109969796' data-elem-id='1542109969796' data-elem-type='image' data-field-top-value="37" data-field-left-value="35" data-field-width-value="150" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="399" data-field-fileheight-value="110"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3834-3235-4330-b464-633663643462/eyes.svg' alt='' imgfield='tn_img_1542109969796' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201655');});});</script>  </div> <div id="rec250201656" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Metrics to track</div> </div> </div> </div> <style> #rec250201656 .t225__uptitle{text-transform:uppercase;}#rec250201656 .t225__title{font-weight:400;}@media screen and (min-width:480px){#rec250201656 .t225__title{font-size:30px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201656 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201657" class="r t-rec t-rec_pt_30 t-rec_pb_75" style="padding-top:30px;padding-bottom:75px; " 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 Bounce Rate.</strong> You should pay attention to the Bounce rate in Google Analytics and your Tilda statistics. Visitors may come to your website and leave immediately for two main reasons: the first screen failing to deliver a clear value, or the traffic is wrong. We'll turn to the traffic later, and now let's take a close look at the first screen.<br /><br />The first screen should send users a clear message about your offer and its benefits. If it doesn't, users will see no reason for scrolling further. If the message isn't clear, they are also likely to leave your website without interacting with it. So, don't make users wait. Show the product and its benefits straight away.</div> </div> </div> </div> </div> <div id="rec250201658" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div field="text" class="t220__text t-text t-text_md "><span style="font-family: TildaSans;">Alex takes a look at the Scroll heatmap in Smartlook. Users spend just a few seconds on the main screen, read the offer, and scroll down. The bounce rate is low. Obviously, people continue reading because the offer resonates with them.</span></div> </div> </div> </div> </div> </div> <style> #rec250201658 .t220__title{font-family:'futura-pt';}#rec250201658 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201659" class="r t-rec t-rec_pt_120 t-rec_pb_15" style="padding-top:120px;padding-bottom:15px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Navigate users through your website</div> </div> </div> </div> <style> #rec250201659 .t225__uptitle{text-transform:uppercase;}#rec250201659 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201659 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201659 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201660" class="r t-rec t-rec_pt_0 t-rec_pb_0 t-screenmin-1200px" style="padding-top:0px;padding-bottom:0px; " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201660 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201660 .t396__filter {height:30px;}#rec250201660 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201660 .t396__artboard,#rec250201660 .t396__filter,#rec250201660 .t396__carrier {}#rec250201660 .t396__filter {}#rec250201660 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201660 .t396__artboard,#rec250201660 .t396__filter,#rec250201660 .t396__carrier {}#rec250201660 .t396__filter {}#rec250201660 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201660 .t396__artboard,#rec250201660 .t396__filter,#rec250201660 .t396__carrier {}#rec250201660 .t396__filter {}#rec250201660 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201660 .t396__artboard,#rec250201660 .t396__filter,#rec250201660 .t396__carrier {}#rec250201660 .t396__filter {}#rec250201660 .t396__carrier {background-attachment:scroll;}}#rec250201660 .tn-elem[data-elem-id="1542114249327"]{z-index:1;top:-104px;left:calc(50% - 600px + 730px);width:440px;}#rec250201660 .tn-elem[data-elem-id="1542114249327"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201660" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201660"></div> <div class="t396__filter" data-artboard-recid="250201660"></div> <div class='t396__elem tn-elem tn-elem__2502016601542114249327 t-animate' data-elem-id='1542114249327' data-elem-type='image' data-field-top-value="-104" data-field-left-value="730" data-field-width-value="440" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-animate-style="fadeinleft" data-animate-duration="1" data-animate-distance="100" data-field-filewidth-value="880" data-field-fileheight-value="1286"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild6535-3236-4931-b133-623261303162/lead.svg' alt='' imgfield='tn_img_1542114249327' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201660');});});</script>  </div> <div id="rec250201661" class="r t-rec t-rec_pt_0 t-rec_pb_30 t-screenmin-1200px" style="padding-top:0px;padding-bottom:30px; " data-record-type="106" data-screen-min="1200px">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_5 t-prefix_2"> <div field="text" class="t-text t-text_md ">The first screen is just the initial stage. Users are still on the fence about your product and have some questions you need to answer. We taught you how to build a perfectly-structured website and write top-quality content in Chapter 2 of this course.<br /><br />Every step users take on your website gives them a new piece of information. It helps users make decisions and filters out those who don't need your offer.<br /><br />Do you remember the user question list we created in Chapter 2? We put the questions in a logical order to create a clear and coherent presentation. Now, we can check if we've managed to do it the right way.</div> </div> </div> </div> </div> <div id="rec250201662" class="r t-rec t-rec_pt_60 t-rec_pb_105 t-screenmin-1200px" style="padding-top:60px;padding-bottom:105px; " data-record-type="106" data-screen-min="1200px">  <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 ">As a rule, users' attention on a website is distributed the following way: People spend most of the time on the first screens, then their concentration starts wavering. The Scroll heatmap shows the pattern clearly.<br /><br />Even on a good website, people spend less time at the bottom of the page. That's why it's vital to move important elements to the top to put them in the spotlight.<br /><br />In the middle of the page, you need to put important but additional information. People can make purchase decisions even without it.<br /><br />At the bottom of the page, you need to place contact information and–once more–the CTA button or the form. People expect to find these elements at the end of the page and often scroll down to find them right away.</div> </div> </div> </div> </div> <div id="rec256855837" class="r t-rec t-rec_pt_60 t-rec_pb_30 t-screenmax-1200px" style="padding-top:60px;padding-bottom:30px; " data-record-type="106" data-screen-max="1200px">  <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 ">The first screen is just the initial stage. Users are still on the fence about your product and have some questions you need to answer. We taught you how to build a perfectly structured website and write top-quality content in Chapter 2 of this course.<br /><br />Every step users take on your website gives them a new piece of information. It helps users make decisions and filters out those who don't need your offer.<br /><br />Do you remember the <a href="https://tilda.education/en/courses/landing-page/steps-to-create-a-landing-page/#questions">user question list</a> we created in Chapter 2? We put the questions in a logical order to create a clear and coherent presentation. Now, we can check if we've managed to do it the right way.</div> </div> </div> </div> </div> <div id="rec250201664" class="r t-rec t-rec_pt_0 t-rec_pb_0 t-screenmax-1200px" style="padding-top:0px;padding-bottom:0px; " data-record-type="3" data-screen-max="1200px">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3162-6666-4463-a634-323039376637/lead.svg"> <img class="t-img t-width t107__width t-width_6" src="https://static.tildacdn.com/tild3162-6666-4463-a634-323039376637/lead.svg" imgfield="img" alt=""> </div> </div> </div> <div id="rec256856427" class="r t-rec t-rec_pt_30 t-rec_pb_120 t-screenmax-1200px" style="padding-top:30px;padding-bottom:120px; " data-record-type="106" data-screen-max="1200px">  <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 ">As a rule, users' attention on a website is distributed the following way: People spend most of the time on the first screens, then their concentration starts wavering. The Scroll heatmap shows the pattern clearly.<br /><br />Even on a good website, people spend less time at the bottom of the page. That's why it's vital to move important elements to the top to put them in the spotlight.<br /><br />In the middle of the page, you need to put important but additional information. People can make purchase decisions even without it.<br /><br />At the bottom of the page, you need to place contact information and–once more–the CTA button or the form. People expect to find these elements at the end of the page and often scroll down to find them right away.</div> </div> </div> </div> </div> <div id="rec250201666" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201666 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201666 .t396__filter {height:110px;}#rec250201666 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201666 .t396__artboard,#rec250201666 .t396__filter,#rec250201666 .t396__carrier {}#rec250201666 .t396__filter {}#rec250201666 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201666 .t396__artboard,#rec250201666 .t396__filter,#rec250201666 .t396__carrier {}#rec250201666 .t396__filter {}#rec250201666 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201666 .t396__artboard,#rec250201666 .t396__filter,#rec250201666 .t396__carrier {height:100px;}#rec250201666 .t396__filter {}#rec250201666 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201666 .t396__artboard,#rec250201666 .t396__filter,#rec250201666 .t396__carrier {height:90px;}#rec250201666 .t396__filter {}#rec250201666 .t396__carrier {background-attachment:scroll;}}#rec250201666 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201666 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201666 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201666" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201666"></div> <div class="t396__filter" data-artboard-recid="250201666"></div> <div class='t396__elem tn-elem tn-elem__2502016661508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201666');});});</script>  </div> <div id="rec250201667" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">On the first screen of his page, Alex informs visitors that his course takes place online. Users who want to do the course offline drop out at this stage. Next, Alex explains that online learning gives people from different cities and remote areas a chance to take the course.</span><br /><br /><span style="font-family: TildaSans;">The next screen features the course syllabus. At this stage, it becomes clear that the course is pretty rigorous and requires a lot of effort. Here, users not ready for hard work choose to opt out.</span><br /><br /><span style="font-family: TildaSans;">Finally, only those users who are ready for the course format offered by Alex reach the "Sign up" button. They are eager to study and ready to do homework. Alex can reap the benefits from working with highly motivated students: He won't have to waste time on slackers and give a refund to those who believe the course won't work for them.</span></div> </div> </div> </div> <style> #rec250201667 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201668" class="r t-rec t-rec_pt_90 t-screenmin-1200px" style="padding-top:90px; " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201668 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201668 .t396__filter {height:30px;}#rec250201668 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201668 .t396__artboard,#rec250201668 .t396__filter,#rec250201668 .t396__carrier {}#rec250201668 .t396__filter {}#rec250201668 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201668 .t396__artboard,#rec250201668 .t396__filter,#rec250201668 .t396__carrier {}#rec250201668 .t396__filter {}#rec250201668 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201668 .t396__artboard,#rec250201668 .t396__filter,#rec250201668 .t396__carrier {}#rec250201668 .t396__filter {}#rec250201668 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201668 .t396__artboard,#rec250201668 .t396__filter,#rec250201668 .t396__carrier {}#rec250201668 .t396__filter {}#rec250201668 .t396__carrier {background-attachment:scroll;}}#rec250201668 .tn-elem[data-elem-id="1542109969796"]{z-index:1;top:37px;left:calc(50% - 600px + 35px);width:150px;}#rec250201668 .tn-elem[data-elem-id="1542109969796"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201668" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201668"></div> <div class="t396__filter" data-artboard-recid="250201668"></div> <div class='t396__elem tn-elem tn-elem__2502016681542109969796' data-elem-id='1542109969796' data-elem-type='image' data-field-top-value="37" data-field-left-value="35" data-field-width-value="150" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="399" data-field-fileheight-value="110"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild6661-6237-4463-b639-356361356261/eyes.svg' alt='' imgfield='tn_img_1542109969796' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201668');});});</script>  </div> <div id="rec250201669" class="r t-rec t-rec_pt_0 t-rec_pt-res-480_90 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Metrics to track</div> </div> </div> </div> <style> #rec250201669 .t225__uptitle{text-transform:uppercase;}#rec250201669 .t225__title{font-weight:400;}@media screen and (min-width:480px){#rec250201669 .t225__title{font-size:30px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201669 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201670" class="r t-rec t-rec_pt_30 t-rec_pb_90" style="padding-top:30px;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> The Scroll heatmap. </strong>All parts of your website should be scrolled through. If users ignore some parts, they see no value in them. Therefore, you need to remove or change these parts.<br /><br /><strong>The Click heatmap. </strong>Make sure users click all the links and buttons. If they don't, perhaps, you don't need these links or buttons or users don't see them.</div> </div> </div> </div> </div> <div id="rec250201671" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201671 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201671 .t396__filter {height:110px;}#rec250201671 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201671 .t396__artboard,#rec250201671 .t396__filter,#rec250201671 .t396__carrier {}#rec250201671 .t396__filter {}#rec250201671 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201671 .t396__artboard,#rec250201671 .t396__filter,#rec250201671 .t396__carrier {}#rec250201671 .t396__filter {}#rec250201671 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201671 .t396__artboard,#rec250201671 .t396__filter,#rec250201671 .t396__carrier {height:100px;}#rec250201671 .t396__filter {}#rec250201671 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201671 .t396__artboard,#rec250201671 .t396__filter,#rec250201671 .t396__carrier {height:90px;}#rec250201671 .t396__filter {}#rec250201671 .t396__carrier {background-attachment:scroll;}}#rec250201671 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201671 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201671 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201671" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201671"></div> <div class="t396__filter" data-artboard-recid="250201671"></div> <div class='t396__elem tn-elem tn-elem__2502016711508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201671');});});</script>  </div> <div id="rec250201672" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">The Scroll heatmap shows that the Course Curriculum block on Alex's website doesn't attract a lot of attention. The reasons may be the size of the block or the fact that it looks repetitive. Now, the block consists of three columns with the names of the lessons.</span><br /><br /><span style="font-family: TildaSans;">Alex changes the block. He creates short descriptions for the general blocks and places the list of topics below the fold. To see the whole curriculum, you need to unfold the list. The Scroll heatmap reveals that people pay more attention to the block.</span></div> </div> </div> </div> <style> #rec250201672 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201673" class="r t-rec t-rec_pt_120 t-rec_pb_30" style="padding-top:120px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Give users a chance to buy</div> </div> </div> </div> <style> #rec250201673 .t225__uptitle{text-transform:uppercase;}#rec250201673 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201673 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201673 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201674" 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 ">The CTA button on your website must be eye-catching and placed where people spend most of their time. As a rule, the buttons are placed on the first screen close to the offer and at the end of the page. This allows you to guide users through the purchase step-by-step.<br /><br />Make sure the button is easy to find. For this, use high-contrast colors and text. The text on the button should make it clear what action you want users to take, for example, <em>Add to cart</em> or <em>Sign up.</em></div> </div> </div> </div> </div> <div id="rec250201675" 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="670">  <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_250201675" aria-disabled="false" aria-label="Previous slide" style="width: 40px; height: 40px;background-color: rgba(253,236,0,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_250201675" aria-disabled="false" aria-label="Next slide" style="width: 40px; height: 40px;background-color: rgba(253,236,0,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_10 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_250201675" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 of 4"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3432-3837-4464-b466-393038636238/Frame_52_1.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3432-3837-4464-b466-393038636238/Frame_52_1.png" style="background-image: url('https://static.tildacdn.com/tild3432-3837-4464-b466-393038636238/Frame_52_1.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 of 4"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3065-6166-4737-b661-653361613739/Frame_50_1.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3065-6166-4737-b661-653361613739/Frame_50_1.png" style="background-image: url('https://static.tildacdn.com/tild3065-6166-4737-b661-653361613739/Frame_50_1.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 of 4"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3637-3461-4731-b463-366265316436/Frame_51_1.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3637-3461-4731-b463-366265316436/Frame_51_1.png" style="background-image: url('https://static.tildacdn.com/tild3637-3461-4731-b463-366265316436/Frame_51_1.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="4" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="4 of 4"> <div class="t-width t-width_10 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3661-6163-4264-b132-633538306133/Frame_49_1.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3661-6163-4264-b132-633538306133/Frame_49_1.png" style="background-image: url('https://static.tildacdn.com/tild3661-6163-4264-b132-633538306133/Frame_49_1.png');"></div> <div class="t670__separator" data-slider-image-width="960" data-slider-image-height="560"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 1" aria-current="true" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 2" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 3" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button type="button" class="t-slds__bullet_body" aria-label="Go to slide 4" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">meetup.com</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">virtual.convene.com</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">vimeo.com/enterprise/virtual-events-handbook</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="4"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #ffffff;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">catbuddy.com</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('250201675',false);});});</script> <style>#rec250201675 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec250201675 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> <style> #rec250201675 .t-slds__descr{font-size:16px;color:#000000;}</style> </div> <div id="rec250201676" class="r t-rec t-rec_pt_30 t-screenmin-1200px" style="padding-top:30px; " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec250201676 .t396__artboard {height:30px;background-color:#ffffff;overflow:visible;}#rec250201676 .t396__filter {height:30px;}#rec250201676 .t396__carrier{height:30px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201676 .t396__artboard,#rec250201676 .t396__filter,#rec250201676 .t396__carrier {}#rec250201676 .t396__filter {}#rec250201676 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201676 .t396__artboard,#rec250201676 .t396__filter,#rec250201676 .t396__carrier {}#rec250201676 .t396__filter {}#rec250201676 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201676 .t396__artboard,#rec250201676 .t396__filter,#rec250201676 .t396__carrier {}#rec250201676 .t396__filter {}#rec250201676 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201676 .t396__artboard,#rec250201676 .t396__filter,#rec250201676 .t396__carrier {}#rec250201676 .t396__filter {}#rec250201676 .t396__carrier {background-attachment:scroll;}}#rec250201676 .tn-elem[data-elem-id="1542109969796"]{z-index:1;top:37px;left:calc(50% - 600px + 35px);width:150px;}#rec250201676 .tn-elem[data-elem-id="1542109969796"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201676" data-artboard-screens="320,480,640,960,1200" data-artboard-height="30" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="250201676"></div> <div class="t396__filter" data-artboard-recid="250201676"></div> <div class='t396__elem tn-elem tn-elem__2502016761542109969796' data-elem-id='1542109969796' data-elem-type='image' data-field-top-value="37" data-field-left-value="35" data-field-width-value="150" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="399" data-field-fileheight-value="110"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild6535-3336-4164-a565-653261326631/eyes.svg' alt='' imgfield='tn_img_1542109969796' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201676');});});</script>  </div> <div id="rec250201677" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Metrics to track</div> </div> </div> </div> <style> #rec250201677 .t225__uptitle{text-transform:uppercase;}#rec250201677 .t225__title{font-weight:400;}@media screen and (min-width:480px){#rec250201677 .t225__title{font-size:30px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201677 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201678" class="r t-rec t-rec_pt_30 t-rec_pb_105" style="padding-top:30px;padding-bottom:105px; " 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 Click heatmap. </strong>Find which buttons users click regularly and which they don't.<br /><br /><strong>The Scroll heatmap. </strong>If a button is in the area of a website that users rarely reach, make sure you move it to another place. Place buttons in the parts of your website users spend more time in.</div> </div> </div> </div> </div> <div id="rec250201679" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201679 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201679 .t396__filter {height:110px;}#rec250201679 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201679 .t396__artboard,#rec250201679 .t396__filter,#rec250201679 .t396__carrier {}#rec250201679 .t396__filter {}#rec250201679 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201679 .t396__artboard,#rec250201679 .t396__filter,#rec250201679 .t396__carrier {}#rec250201679 .t396__filter {}#rec250201679 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201679 .t396__artboard,#rec250201679 .t396__filter,#rec250201679 .t396__carrier {height:100px;}#rec250201679 .t396__filter {}#rec250201679 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201679 .t396__artboard,#rec250201679 .t396__filter,#rec250201679 .t396__carrier {height:90px;}#rec250201679 .t396__filter {}#rec250201679 .t396__carrier {background-attachment:scroll;}}#rec250201679 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201679 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201679 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201679" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201679"></div> <div class="t396__filter" data-artboard-recid="250201679"></div> <div class='t396__elem tn-elem tn-elem__2502016791508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201679');});});</script>  </div> <div id="rec250201680" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Alex placed the "Sign up" button in the three most popular areas on his website. The Click heatmap revealed that two buttons got lots of clicks. Yet, the third one didn't, even though people spent a lot of time on this part of the website.</span><br /><br /><span style="font-family: TildaSans;">Alex watched the Smartlook on-site behavior recording and discovered a possible reason for this. There was an attention-grabbing photo near the unpopular button. It was clear that from the button, people moved the pointer to the image and hovered over it. It is likely that users spent a lot of time looking at the photo in this section and then moved on.</span></div> </div> </div> </div> <style> #rec250201680 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201681" class="r t-rec t-rec_pt_120 t-rec_pb_45" style="padding-top:120px;padding-bottom:45px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Return customers</div> </div> </div> </div> <style> #rec250201681 .t225__uptitle{text-transform:uppercase;}#rec250201681 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201681 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201681 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201682" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="223">  <div class="t195"> <div class="t-container"> <div class="t-col t-col_6 t-prefix_2"> <div class="t195__text t-text t-text_md" field="text"><span style="font-size: 20px;">So far, we've learned how to navigate users to purchase. Now, let's turn our attention to the things to do afterward. We've invested so much effort into attracting users and persuading them to buy that it would be a pity to just let them go. </span><br /><br /><span style="font-size: 20px;">Let's have a closer look at post-conversion marketing.</span><br /><br /><span style="font-size: 20px;">After the desired action and the purchase, users are usually redirected to the "Thank you" page. Here, you can thank loyal customers and offer them something valuable.</span></div> </div> <div class="t-col t-col_4 t195__imgsection" itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild6431-3034-4462-a438-323530646462/presents.svg"> <img class="t195__img t-img t-animate" src="https://static.tildacdn.com/tild6431-3034-4462-a438-323530646462/presents.svg" imgfield="img" data-animate-style="fadeinleft" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.5" data-tu-max-width="1200" data-tu-max-height="1200" alt=""><br /> <div class="t195__sectitle t-descr" field="imgtitle" itemprop="name"></div> <div class="t195__secdescr t-descr" field="imgdescr" itemprop="description"></div> </div> </div> </div> </div> <div id="rec250201683" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " 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 ">For example, it can be an extra product or a free consultation. Often, marketers use the "Thank you" page to ask loyal customers to join them on social media.<br /><br />Whatever you offer, it should be relevant to what a user has already bought. For example, if it is a bag, offer a guide to leather care. Or if a customer has registered for a webinar on immigration to the US, offer to follow you on social media to get more success stories and tips on immigration.</div> </div> </div> </div> </div> <div id="rec250201684" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201684 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201684 .t396__filter {height:110px;}#rec250201684 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201684 .t396__artboard,#rec250201684 .t396__filter,#rec250201684 .t396__carrier {}#rec250201684 .t396__filter {}#rec250201684 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201684 .t396__artboard,#rec250201684 .t396__filter,#rec250201684 .t396__carrier {}#rec250201684 .t396__filter {}#rec250201684 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201684 .t396__artboard,#rec250201684 .t396__filter,#rec250201684 .t396__carrier {height:100px;}#rec250201684 .t396__filter {}#rec250201684 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201684 .t396__artboard,#rec250201684 .t396__filter,#rec250201684 .t396__carrier {height:90px;}#rec250201684 .t396__filter {}#rec250201684 .t396__carrier {background-attachment:scroll;}}#rec250201684 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201684 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201684 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201684" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201684"></div> <div class="t396__filter" data-artboard-recid="250201684"></div> <div class='t396__elem tn-elem tn-elem__2502016841508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201684');});});</script>  </div> <div id="rec250201685" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Alex uses the "Thank you" page to promote his blog. When users click the "Sign up" button, they see the following message:</span><br /><br /><span style="font-family: TildaSans;">"To make the most of the course, read these ten posts on my blog. They cover the</span> <span style="font-family: TildaSans;">basics of event management and my approach to it. This will help us be on the same page."</span></div> </div> </div> </div> <style> #rec250201685 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201686" class="r t-rec t-rec_pt_120 t-rec_pb_0" style="padding-top:120px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><span style="font-family: TildaSans;">Practice</span></div> <div field="text" class="t220__text t-text t-text_md "><span style="font-family: TildaSans;">Take a moment and think about things you can offer the customers who have already bought from you.</span></div> </div> </div> </div> </div> </div> <style> #rec250201686 .t220__title{font-family:'futura-pt';}#rec250201686 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201687" class="r t-rec" style=" " data-record-type="215"> <a name="5" style="font-size:0;"></a> </div> <div id="rec250201688" class="r t-rec t-rec_pt_165 t-rec_pb_45" style="padding-top:165px;padding-bottom:45px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md t-animate" data-animate-style="fadeinup" data-animate-group="yes" field="title">Testing</div> </div> </div> </div> <style> #rec250201688 .t225__uptitle{text-transform:uppercase;}#rec250201688 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201688 .t225__title{font-size:56px;}}@media screen and (min-width:900px){#rec250201688 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201689" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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"><span style="font-family: TildaSans;">It's time to move to the most important part of boosting your conversion rate. We've already done the groundwork for this by optimizing the website and installing the analytics tools.</span></div> </div> </div> </div> <style> #rec250201689 .t119__preface{font-family:'futura-pt';opacity:1;}@media screen and (min-width:480px){#rec250201689 .t119__preface{font-size:30px;}}</style> </div> <div id="rec250201690" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " data-record-type="223">  <div class="t195"> <div class="t-container"> <div class="t-col t-col_6 t-prefix_2"> <div class="t195__text t-text t-text_md" field="text">This helps us understand how users behave on our website and what problems they face. This also allows us to make various hypotheses. For example, we may assume that people fail to reach the bottom of the page because the text there is too long.<br /><br />To test our hypotheses and find solutions to the problems, we need to run A/B testing.<br /><br />In a nutshell, in this method, you need to create two versions of the same page, different only in one element or variable. For example, it can be an offer on the first screen.<br /><br />Each version gets an equal amount of traffic. The version that generates more conversions is better.<br /><br />To make the experiment more accurate, it's vital to make changes only to a single element. If there are more changes and the versions differ considerably, you won't understand what affects the conversions.</div> </div> <div class="t-col t-col_4 t195__imgsection" itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild3161-3936-4164-b032-343464623134/testing.svg"> <img class="t195__img t-img t-animate" src="https://static.tildacdn.com/tild3161-3936-4164-b032-343464623134/testing.svg" imgfield="img" data-animate-style="fadeinleft" data-animate-group="yes" data-animate-order="2" data-animate-delay="0.5" data-tu-max-width="1200" data-tu-max-height="1200" alt=""><br /> <div class="t195__sectitle t-descr" field="imgtitle" itemprop="name"></div> <div class="t195__secdescr t-descr" field="imgdescr" itemprop="description"></div> </div> </div> </div> </div> <div id="rec250201691" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="171">  <div class="t157"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t157__wrapper"> <div class="t-divider" style=""></div> <div field="text" class="t157__text t-text t-text_sm">Don't experiment with elements that prove effective. If the Click heatmap shows that a button gets many clicks, don't move it or change its color. You may make things worse. Change only elements that don't work well.</div> </div> </div> </div> </div> <style> #rec250201691 .t157__text{font-size:26px;}</style> </div> <div id="rec250201692" class="r t-rec t-rec_pt_45 t-rec_pb_105" style="padding-top:45px;padding-bottom:105px; " 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 use Google Analytics you've already installed to run A/B tests.</div> </div> </div> </div> </div> <div id="rec250201693" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201693 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201693 .t396__filter {height:110px;}#rec250201693 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201693 .t396__artboard,#rec250201693 .t396__filter,#rec250201693 .t396__carrier {}#rec250201693 .t396__filter {}#rec250201693 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201693 .t396__artboard,#rec250201693 .t396__filter,#rec250201693 .t396__carrier {}#rec250201693 .t396__filter {}#rec250201693 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201693 .t396__artboard,#rec250201693 .t396__filter,#rec250201693 .t396__carrier {height:100px;}#rec250201693 .t396__filter {}#rec250201693 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201693 .t396__artboard,#rec250201693 .t396__filter,#rec250201693 .t396__carrier {height:90px;}#rec250201693 .t396__filter {}#rec250201693 .t396__carrier {background-attachment:scroll;}}#rec250201693 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201693 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201693 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201693" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201693"></div> <div class="t396__filter" data-artboard-recid="250201693"></div> <div class='t396__elem tn-elem tn-elem__2502016931508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201693');});});</script>  </div> <div id="rec250201694" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Alex wants to test his offers to identify the most convincing argument.</span><br /><br /><strong style="font-family: TildaSans;">Option A: </strong><span style="font-family: TildaSans;">An online course with homework for PR managers and marketers.</span><br /><br /><strong style="font-family: TildaSans;">Option B: </strong><span style="font-family: TildaSans;">An online course for those who want to organize events without wasting money.</span></div> </div> </div> </div> <style> #rec250201694 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201695" class="r t-rec t-rec_pt_105 t-rec_pb_30" style="padding-top:105px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">What should you test?</div> </div> </div> </div> <style> #rec250201695 .t225__uptitle{text-transform:uppercase;}#rec250201695 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201695 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201695 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201696" 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 ">There are website elements for which A/B testing is a must, for example, the first screen offer or CTA buttons. As for other elements on your website, a lot depends on how users interact with your website. We've already tracked their on-site behavior and made a list of buttons and screens that don't perform well. Now, we're going to test them.</div> </div> </div> </div> </div> <div id="rec250201697" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">1</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><strong>Offer. </strong>The same product can be presented as the most budget-friendly or the most useful. Experiment with arguments and motivational appeals to encourage users to take the desired action.</div> </div> </div> </div> </div> </div> </div> <div id="rec250201698" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">2</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><strong>Structure. </strong>Try different layouts and ways of developing ideas. Try to remove the least popular blocks as users don't read them anyway.</div> </div> </div> </div> </div> </div> </div> <div id="rec250201699" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">3</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><strong> Images. </strong>For example, you can test an image featuring your product on a model against the image of the product on a flat surface.</div> </div> </div> </div> </div> </div> </div> <div id="rec250201700" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">4</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><strong>Button placement. </strong>Try to place buttons in different parts of your website. For example, you can put them close to the offer, at the bottom of the page, or next to the most convincing argument.</div> </div> </div> </div> </div> </div> </div> <div id="rec250201701" class="r t-rec t-rec_pt_90 t-rec_pb_0" style="padding-top:90px;padding-bottom:0px; " data-record-type="248">  <div class="t220"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div class="t220__textwrapper" style="background-color:#fff654;"> <div style=""> <div class="t220__title t-heading t-heading_sm" field="title"><span style="font-family: TildaSans;">Practice</span></div> <div field="text" class="t220__text t-text t-text_md "><span style="font-family: TildaSans;">Think of two experiments: with different offers and different website logic. What else seems ineffective on your website? How can you check it with A/B testing?</span></div> </div> </div> </div> </div> </div> <style> #rec250201701 .t220__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201702" class="r t-rec" style=" " data-record-type="215"> <a name="6" style="font-size:0;"></a> </div> <div id="rec250201703" class="r t-rec t-rec_pt_165 t-rec_pb_45" style="padding-top:165px;padding-bottom:45px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md t-animate" data-animate-style="fadeinup" data-animate-group="yes" field="title">How to Reduce Cost Per Lead</div> </div> </div> </div> <style> #rec250201703 .t225__uptitle{text-transform:uppercase;}#rec250201703 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201703 .t225__title{font-size:56px;}}@media screen and (min-width:900px){#rec250201703 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201704" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px; " 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"><span style="font-family: TildaSans;">A lead is a user who has come to your website and taken the desired action, for example, buying your product or leaving an email.</span></div> </div> </div> </div> <style> #rec250201704 .t119__preface{font-family:'futura-pt';opacity:1;}@media screen and (min-width:480px){#rec250201704 .t119__preface{font-size:30px;}}</style> </div> <div id="rec250201705" 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 ">If you use paid advertising for website promotion, it's easy to calculate your cost per lead. For instance, you spent $500 on advertising. About 100 users landed on your website, and 10 of them converted. So, you managed to generate 10 leads for $500 and the cost per lead is $50.<br /><br />Cost per lead is one of the most important metrics of landing page promotion. This metric depends on the traffic quality, the bounce rate, and how user-friendly your website is. To reduce cost per lead, you need to improve all three of them.</div> </div> </div> </div> </div> <div id="rec250201706" class="r t-rec t-rec_pt_75 t-rec_pb_30" style="padding-top:75px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">The quality of traffic</div> </div> </div> </div> <style> #rec250201706 .t225__uptitle{text-transform:uppercase;}#rec250201706 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201706 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201706 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201707" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " 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 spend $500 and drive low-quality traffic to your website. This means that users will have a look at the first screen and leave because they are not interested in your offer.<br /><br />For example, you sell expensive leather bags, and users driven to your website are looking for school bags. Though there is an influx of traffic to your website, it's not your target traffic. Even if some users end up buying from you, the cost per lead would be too high.<br /><br />To improve the quality of traffic, think about the <a href="https://tilda.education/en/courses/landing-page/steps-for-creating-landing-page/#personas">buyer personas</a> we created in Chapter 2. On social media, we found people who may be interested in your offer. How can we find them with the help of advertising?</div> </div> </div> </div> </div> <div id="rec250201708" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201708 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201708 .t396__filter {height:110px;}#rec250201708 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201708 .t396__artboard,#rec250201708 .t396__filter,#rec250201708 .t396__carrier {}#rec250201708 .t396__filter {}#rec250201708 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201708 .t396__artboard,#rec250201708 .t396__filter,#rec250201708 .t396__carrier {}#rec250201708 .t396__filter {}#rec250201708 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201708 .t396__artboard,#rec250201708 .t396__filter,#rec250201708 .t396__carrier {height:100px;}#rec250201708 .t396__filter {}#rec250201708 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201708 .t396__artboard,#rec250201708 .t396__filter,#rec250201708 .t396__carrier {height:90px;}#rec250201708 .t396__filter {}#rec250201708 .t396__carrier {background-attachment:scroll;}}#rec250201708 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201708 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201708 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201708" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201708"></div> <div class="t396__filter" data-artboard-recid="250201708"></div> <div class='t396__elem tn-elem tn-elem__2502017081508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201708');});});</script>  </div> <div id="rec250201709" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Alex promoted his website on social media. He targeted the ads at the subscribers of PR groups. Despite the steady flow of traffic to his website, there were few registrations.</span><br /><br /><span style="font-family: TildaSans;">Then, Alex tried to target a different audience. This time, he aimed at people attending event-management conferences, shows, seminars, etc. This audience was smaller and there was less traffic to the website. Yet, the number of registrations increased and the cost per lead became lower.</span></div> </div> </div> </div> <style> #rec250201709 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201710" class="r t-rec t-rec_pt_120 t-rec_pb_30" style="padding-top:120px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">The Bounce Rate</div> </div> </div> </div> <style> #rec250201710 .t225__uptitle{text-transform:uppercase;}#rec250201710 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201710 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201710 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201711" class="r t-rec t-rec_pt_0 t-rec_pb_90" style="padding-top:0px;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 ">The Bounce rate depends on the quality of traffic and the first screen. We already know how to improve the quality of traffic, let's now turn to the first screen. The offer should make the benefits for customers crystal clear. If users don't understand the benefits, they have no reason to stay on your website. Even if you manage to drive high-quality traffic, you'll see no rewards if the first screen is misleading.</div> </div> </div> </div> </div> <div id="rec250201712" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201712 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201712 .t396__filter {height:110px;}#rec250201712 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201712 .t396__artboard,#rec250201712 .t396__filter,#rec250201712 .t396__carrier {}#rec250201712 .t396__filter {}#rec250201712 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201712 .t396__artboard,#rec250201712 .t396__filter,#rec250201712 .t396__carrier {}#rec250201712 .t396__filter {}#rec250201712 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201712 .t396__artboard,#rec250201712 .t396__filter,#rec250201712 .t396__carrier {height:100px;}#rec250201712 .t396__filter {}#rec250201712 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201712 .t396__artboard,#rec250201712 .t396__filter,#rec250201712 .t396__carrier {height:90px;}#rec250201712 .t396__filter {}#rec250201712 .t396__carrier {background-attachment:scroll;}}#rec250201712 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201712 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201712 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201712" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201712"></div> <div class="t396__filter" data-artboard-recid="250201712"></div> <div class='t396__elem tn-elem tn-elem__2502017121508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201712');});});</script>  </div> <div id="rec250201713" class="r t-rec t-rec_pt_60 t-rec_pb_105" style="padding-top:60px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Alex sees that, according to Google Analytics, his website Bounce rate is about 2-3% which is good.</span><br /><br /><span style="font-family: TildaSans;">The Scroll heatmap also shows that users interact with the first screen and scroll down. That means that his first screen and the offer are doing fine.</span></div> </div> </div> </div> <style> #rec250201713 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201714" class="r t-rec t-rec_pt_120 t-rec_pb_30" style="padding-top:120px;padding-bottom:30px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Website usability</div> </div> </div> </div> <style> #rec250201714 .t225__uptitle{text-transform:uppercase;}#rec250201714 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201714 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201714 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201715" 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 attract the target audience to your website, grab its attention with the first screen, and still fail to get conversions. For example, users may fail to fill in the form or find the button, or they may get lost in the website navigation. You'll waste tons of money and drive zero conversions, and the cost per lead will be too high.<br /><br />The Smarlook video reports may help you out. Here're some common mistakes on landing pages that may hinder conversions:</div> </div> </div> </div> </div> <div id="rec250201716" class="r t-rec t-rec_pt_60 t-rec_pb_135" style="padding-top:60px;padding-bottom:135px; " data-animationappear="off" data-record-type="396">  <style>#rec250201716 .t396__artboard {height:870px;background-color:#ffffff;}#rec250201716 .t396__filter {height:870px;}#rec250201716 .t396__carrier{height:870px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201716 .t396__artboard,#rec250201716 .t396__filter,#rec250201716 .t396__carrier {height:820px;}#rec250201716 .t396__filter {}#rec250201716 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201716 .t396__artboard,#rec250201716 .t396__filter,#rec250201716 .t396__carrier {height:1300px;}#rec250201716 .t396__filter {}#rec250201716 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201716 .t396__artboard,#rec250201716 .t396__filter,#rec250201716 .t396__carrier {height:1500px;}#rec250201716 .t396__filter {}#rec250201716 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201716 .t396__artboard,#rec250201716 .t396__filter,#rec250201716 .t396__carrier {height:1340px;}#rec250201716 .t396__filter {}#rec250201716 .t396__carrier {background-attachment:scroll;}}#rec250201716 .tn-elem[data-elem-id="1542122634685"]{color:#000000;z-index:2;top:466px;left:calc(50% - 600px + 823px);width:px;}#rec250201716 .tn-elem[data-elem-id="1542122634685"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122634685"] {top:436px;left:calc(50% - 480px + 652px);}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122634685"] {top:848px;left:calc(50% - 320px + 204px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122634685"] {top:888px;left:calc(50% - 240px + 150px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122634685"] {top:798px;left:calc(50% - 160px + 120px);}#rec250201716 .tn-elem[data-elem-id="1542122634685"] .tn-atom{font-size:24px;}}#rec250201716 .tn-elem[data-elem-id="1510747246890"]{color:#000000;z-index:3;top:43px;left:calc(50% - 600px + 258px);width:322px;}#rec250201716 .tn-elem[data-elem-id="1510747246890"] .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) {#rec250201716 .tn-elem[data-elem-id="1510747246890"] {top:37px;left:calc(50% - 480px + 196px);width:299px;}#rec250201716 .tn-elem[data-elem-id="1510747246890"] .tn-atom{font-size:18px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1510747246890"] {top:35px;left:calc(50% - 320px + 245px);width:387px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1510747246890"] {top:37px;left:calc(50% - 240px + 191px);width:278px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1510747246890"] {top:27px;left:calc(50% - 160px + 151px);width:159px;}#rec250201716 .tn-elem[data-elem-id="1510747246890"] .tn-atom{font-size:14px;}}#rec250201716 .tn-elem[data-elem-id="1510747522438"]{color:#000000;z-index:4;top:32px;left:calc(50% - 600px + 221px);width:30px;}#rec250201716 .tn-elem[data-elem-id="1510747522438"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1510747522438"] {top:26px;left:calc(50% - 480px + 159px);}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1510747522438"] {top:22px;left:calc(50% - 320px + 204px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1510747522438"] {top:24px;left:calc(50% - 240px + 150px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1510747522438"] {top:14px;left:calc(50% - 160px + 120px);}#rec250201716 .tn-elem[data-elem-id="1510747522438"] .tn-atom{font-size:24px;}}#rec250201716 .tn-elem[data-elem-id="1542122572080"]{z-index:5;top:10px;left:calc(50% - 600px + 58px);width:128px;}#rec250201716 .tn-elem[data-elem-id="1542122572080"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122572080"] {top:4px;left:calc(50% - 480px + 21px);width:108px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122572080"] {top:4px;left:calc(50% - 320px + 81px);width:88px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122572080"] {top:4px;left:calc(50% - 240px + 31px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122572080"] {top:4px;left:calc(50% - 160px + 11px);width:78px;}}#rec250201716 .tn-elem[data-elem-id="1542122614054"]{color:#000000;z-index:6;top:253px;left:calc(50% - 600px + 258px);width:324px;}#rec250201716 .tn-elem[data-elem-id="1542122614054"] .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) {#rec250201716 .tn-elem[data-elem-id="1542122614054"] {top:233px;left:calc(50% - 480px + 196px);width:295px;}#rec250201716 .tn-elem[data-elem-id="1542122614054"] .tn-atom{font-size:18px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122614054"] {top:353px;left:calc(50% - 320px + 245px);width:387px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122614054"] {top:323px;left:calc(50% - 240px + 191px);width:279px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122614054"] {top:303px;left:calc(50% - 160px + 151px);width:159px;}#rec250201716 .tn-elem[data-elem-id="1542122614054"] .tn-atom{font-size:14px;}}#rec250201716 .tn-elem[data-elem-id="1542122614060"]{color:#000000;z-index:7;top:242px;left:calc(50% - 600px + 221px);width:30px;}#rec250201716 .tn-elem[data-elem-id="1542122614060"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122614060"] {top:222px;left:calc(50% - 480px + 159px);}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122614060"] {top:340px;left:calc(50% - 320px + 204px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122614060"] {top:309px;left:calc(50% - 240px + 150px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122614060"] {top:289px;left:calc(50% - 160px + 120px);}#rec250201716 .tn-elem[data-elem-id="1542122614060"] .tn-atom{font-size:24px;}}#rec250201716 .tn-elem[data-elem-id="1542122614064"]{z-index:8;top:240px;left:calc(50% - 600px + 18px);width:188px;}#rec250201716 .tn-elem[data-elem-id="1542122614064"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122614064"] {top:230px;left:calc(50% - 480px + 8px);width:138px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122614064"] {top:350px;left:calc(50% - 320px + 48px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122614064"] {top:340px;left:calc(50% - 240px + 8px);width:128px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122614064"] {top:300px;left:calc(50% - 160px + 8px);width:98px;}}#rec250201716 .tn-elem[data-elem-id="1542122634676"]{color:#000000;z-index:9;top:473px;left:calc(50% - 600px + 863px);width:321px;}#rec250201716 .tn-elem[data-elem-id="1542122634676"] .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) {#rec250201716 .tn-elem[data-elem-id="1542122634676"] {top:443px;left:calc(50% - 480px + 690px);width:270px;}#rec250201716 .tn-elem[data-elem-id="1542122634676"] .tn-atom{font-size:18px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122634676"] {top:856px;left:calc(50% - 320px + 245px);width:388px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122634676"] {top:896px;left:calc(50% - 240px + 191px);width:279px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122634676"] {top:802px;left:calc(50% - 160px + 151px);width:159px;}#rec250201716 .tn-elem[data-elem-id="1542122634676"] .tn-atom{font-size:14px;}}#rec250201716 .tn-elem[data-elem-id="1542122634689"]{z-index:10;top:470px;left:calc(50% - 600px + 660px);width:138px;}#rec250201716 .tn-elem[data-elem-id="1542122634689"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122634689"] {top:440px;left:calc(50% - 480px + 520px);width:108px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122634689"] {top:850px;left:calc(50% - 320px + 60px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122634689"] {top:890px;left:calc(50% - 240px + 20px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122634689"] {top:806px;left:calc(50% - 160px + 10px);width:88px;}}#rec250201716 .tn-elem[data-elem-id="1542122672419"]{color:#000000;z-index:11;top:473px;left:calc(50% - 600px + 258px);width:323px;}#rec250201716 .tn-elem[data-elem-id="1542122672419"] .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) {#rec250201716 .tn-elem[data-elem-id="1542122672419"] {top:453px;left:calc(50% - 480px + 196px);width:314px;}#rec250201716 .tn-elem[data-elem-id="1542122672419"] .tn-atom{font-size:18px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122672419"] {top:515px;left:calc(50% - 320px + 245px);width:385px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122672419"] {top:513px;left:calc(50% - 240px + 191px);width:279px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122672419"] {top:470px;left:calc(50% - 160px + 151px);width:159px;}#rec250201716 .tn-elem[data-elem-id="1542122672419"] .tn-atom{font-size:14px;}}#rec250201716 .tn-elem[data-elem-id="1542122672425"]{color:#000000;z-index:12;top:462px;left:calc(50% - 600px + 221px);width:30px;}#rec250201716 .tn-elem[data-elem-id="1542122672425"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122672425"] {top:442px;left:calc(50% - 480px + 159px);}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122672425"] {top:679px;left:calc(50% - 320px + 204px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122672425"] {top:711px;left:calc(50% - 240px + 150px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122672425"] {top:645px;left:calc(50% - 160px + 120px);}#rec250201716 .tn-elem[data-elem-id="1542122672425"] .tn-atom{font-size:24px;}}#rec250201716 .tn-elem[data-elem-id="1542122683714"]{color:#000000;z-index:13;top:43px;left:calc(50% - 600px + 863px);width:317px;}#rec250201716 .tn-elem[data-elem-id="1542122683714"] .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) {#rec250201716 .tn-elem[data-elem-id="1542122683714"] {top:33px;left:calc(50% - 480px + 690px);width:260px;}#rec250201716 .tn-elem[data-elem-id="1542122683714"] .tn-atom{font-size:18px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122683714"] {top:181px;left:calc(50% - 320px + 245px);width:385px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122683714"] {top:173px;left:calc(50% - 240px + 191px);width:279px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122683714"] {top:153px;left:calc(50% - 160px + 151px);width:159px;}#rec250201716 .tn-elem[data-elem-id="1542122683714"] .tn-atom{font-size:14px;}}#rec250201716 .tn-elem[data-elem-id="1542122683719"]{color:#000000;z-index:14;top:32px;left:calc(50% - 600px + 823px);width:30px;}#rec250201716 .tn-elem[data-elem-id="1542122683719"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122683719"] {top:22px;left:calc(50% - 480px + 652px);}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122683719"] {top:168px;left:calc(50% - 320px + 204px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122683719"] {top:160px;left:calc(50% - 240px + 150px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122683719"] {top:140px;left:calc(50% - 160px + 120px);}#rec250201716 .tn-elem[data-elem-id="1542122683719"] .tn-atom{font-size:24px;}}#rec250201716 .tn-elem[data-elem-id="1542122683724"]{z-index:15;top:11px;left:calc(50% - 600px + 630px);width:148px;}#rec250201716 .tn-elem[data-elem-id="1542122683724"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122683724"] {top:11px;left:calc(50% - 480px + 520px);width:118px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122683724"] {top:171px;left:calc(50% - 320px + 80px);width:98px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122683724"] {top:161px;left:calc(50% - 240px + 30px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122683724"] {top:151px;left:calc(50% - 160px + 10px);width:88px;}}#rec250201716 .tn-elem[data-elem-id="1542122699690"]{color:#000000;z-index:16;top:243px;left:calc(50% - 600px + 865px);width:319px;}#rec250201716 .tn-elem[data-elem-id="1542122699690"] .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) {#rec250201716 .tn-elem[data-elem-id="1542122699690"] {top:233px;left:calc(50% - 480px + 690px);width:259px;}#rec250201716 .tn-elem[data-elem-id="1542122699690"] .tn-atom{font-size:18px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122699690"] {top:693px;left:calc(50% - 320px + 245px);width:385px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122699690"] {top:725px;left:calc(50% - 240px + 191px);width:279px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122699690"] {top:659px;left:calc(50% - 160px + 151px);width:159px;}#rec250201716 .tn-elem[data-elem-id="1542122699690"] .tn-atom{font-size:14px;}}#rec250201716 .tn-elem[data-elem-id="1542122699695"]{color:#000000;z-index:17;top:232px;left:calc(50% - 600px + 823px);width:30px;}#rec250201716 .tn-elem[data-elem-id="1542122699695"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122699695"] {top:222px;left:calc(50% - 480px + 652px);}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122699695"] {top:502px;left:calc(50% - 320px + 204px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122699695"] {top:501px;left:calc(50% - 240px + 150px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122699695"] {top:458px;left:calc(50% - 160px + 120px);}#rec250201716 .tn-elem[data-elem-id="1542122699695"] .tn-atom{font-size:24px;}}#rec250201716 .tn-elem[data-elem-id="1542122699700"]{z-index:18;top:220px;left:calc(50% - 600px + 650px);width:158px;}#rec250201716 .tn-elem[data-elem-id="1542122699700"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122699700"] {top:230px;left:calc(50% - 480px + 520px);width:118px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122699700"] {top:660px;left:calc(50% - 320px + 50px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122699700"] {top:702px;left:calc(50% - 240px + 20px);width:108px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122699700"] {top:656px;left:calc(50% - 160px + 10px);width:88px;}}#rec250201716 .tn-elem[data-elem-id="1542122717555"]{color:#000000;z-index:19;top:713px;left:calc(50% - 600px + 860px);width:332px;}#rec250201716 .tn-elem[data-elem-id="1542122717555"] .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) {#rec250201716 .tn-elem[data-elem-id="1542122717555"] {top:683px;left:calc(50% - 480px + 690px);width:259px;}#rec250201716 .tn-elem[data-elem-id="1542122717555"] .tn-atom{font-size:18px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122717555"] {top:1186px;left:calc(50% - 320px + 245px);width:386px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122717555"] {top:1323px;left:calc(50% - 240px + 191px);width:279px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122717555"] {top:1182px;left:calc(50% - 160px + 151px);width:159px;}#rec250201716 .tn-elem[data-elem-id="1542122717555"] .tn-atom{font-size:14px;}}#rec250201716 .tn-elem[data-elem-id="1542122717563"]{color:#000000;z-index:20;top:702px;left:calc(50% - 600px + 823px);width:30px;}#rec250201716 .tn-elem[data-elem-id="1542122717563"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122717563"] {top:672px;left:calc(50% - 480px + 652px);}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122717563"] {top:1173px;left:calc(50% - 320px + 204px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122717563"] {top:1312px;left:calc(50% - 240px + 150px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122717563"] {top:1171px;left:calc(50% - 160px + 120px);}#rec250201716 .tn-elem[data-elem-id="1542122717563"] .tn-atom{font-size:24px;}}#rec250201716 .tn-elem[data-elem-id="1542122738255"]{color:#000000;z-index:21;top:713px;left:calc(50% - 600px + 250px);width:392px;}#rec250201716 .tn-elem[data-elem-id="1542122738255"] .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) {#rec250201716 .tn-elem[data-elem-id="1542122738255"] {top:683px;left:calc(50% - 480px + 196px);width:307px;}#rec250201716 .tn-elem[data-elem-id="1542122738255"] .tn-atom{font-size:18px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122738255"] {top:1035px;left:calc(50% - 320px + 245px);width:380px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122738255"] {top:1113px;left:calc(50% - 240px + 191px);width:279px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122738255"] {top:1011px;left:calc(50% - 160px + 151px);width:159px;}#rec250201716 .tn-elem[data-elem-id="1542122738255"] .tn-atom{font-size:14px;}}#rec250201716 .tn-elem[data-elem-id="1542122738260"]{color:#000000;z-index:22;top:702px;left:calc(50% - 600px + 213px);width:30px;}#rec250201716 .tn-elem[data-elem-id="1542122738260"] .tn-atom{color:#000000;font-size:30px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:700;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122738260"] {top:672px;left:calc(50% - 480px + 159px);}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122738260"] {top:1022px;left:calc(50% - 320px + 204px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122738260"] {top:1102px;left:calc(50% - 240px + 150px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122738260"] {top:1000px;left:calc(50% - 160px + 120px);}#rec250201716 .tn-elem[data-elem-id="1542122738260"] .tn-atom{font-size:24px;}}#rec250201716 .tn-elem[data-elem-id="1542122738264"]{z-index:23;top:710px;left:calc(50% - 600px + 30px);width:168px;}#rec250201716 .tn-elem[data-elem-id="1542122738264"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542122738264"] {top:680px;left:calc(50% - 480px + 10px);width:128px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542122738264"] {top:1040px;left:calc(50% - 320px + 50px);}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542122738264"] {top:1120px;left:calc(50% - 240px + 10px);width:118px;}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542122738264"] {top:1008px;left:calc(50% - 160px + 10px);width:98px;}}#rec250201716 .tn-elem[data-elem-id="1542124736436"]{z-index:24;top:720px;left:calc(50% - 600px + 660px);width:134px;}#rec250201716 .tn-elem[data-elem-id="1542124736436"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec250201716 .tn-elem[data-elem-id="1542124736436"] {top:690px;left:calc(50% - 480px + 510px);width:104px;}}@media screen and (max-width:959px) {#rec250201716 .tn-elem[data-elem-id="1542124736436"] {top:1220px;left:calc(50% - 320px + 60px);width:94px;}}@media screen and (max-width:639px) {#rec250201716 .tn-elem[data-elem-id="1542124736436"] {top:1330px;left:calc(50% - 240px + 20px);}}@media screen and (max-width:479px) {#rec250201716 .tn-elem[data-elem-id="1542124736436"] {top:1179px;left:calc(50% - 160px + 10px);width:84px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201716" data-artboard-screens="320,480,640,960,1200" data-artboard-height="870" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="1340" data-artboard-height-res-480="1500" data-artboard-height-res-640="1300" data-artboard-height-res-960="820"> <div class="t396__carrier" data-artboard-recid="250201716"></div> <div class="t396__filter" data-artboard-recid="250201716"></div> <div class='t396__elem tn-elem tn-elem__2502017161542122634685' data-elem-id='1542122634685' data-elem-type='text' data-field-top-value="466" data-field-left-value="823" 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="798" data-field-left-res-320-value="120" data-field-top-res-480-value="888" data-field-left-res-480-value="150" data-field-top-res-640-value="848" data-field-left-res-640-value="204" data-field-top-res-960-value="436" data-field-left-res-960-value="652"> <div class='tn-atom'field='tn_text_1542122634685'>6.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161510747246890' data-elem-id='1510747246890' data-elem-type='text' data-field-top-value="43" data-field-left-value="258" data-field-width-value="322" 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="27" data-field-left-res-320-value="151" data-field-width-res-320-value="159" data-field-top-res-480-value="37" data-field-left-res-480-value="191" data-field-width-res-480-value="278" data-field-top-res-640-value="35" data-field-left-res-640-value="245" data-field-width-res-640-value="387" data-field-top-res-960-value="37" data-field-left-res-960-value="196" data-field-width-res-960-value="299"> <div class='tn-atom'field='tn_text_1510747246890'>The offer is vague and doesn’t explain what users can get on the website. </div> </div> <div class='t396__elem tn-elem tn-elem__2502017161510747522438' data-elem-id='1510747522438' data-elem-type='text' data-field-top-value="32" data-field-left-value="221" data-field-width-value="30" 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="14" data-field-left-res-320-value="120" data-field-top-res-480-value="24" data-field-left-res-480-value="150" data-field-top-res-640-value="22" data-field-left-res-640-value="204" data-field-top-res-960-value="26" data-field-left-res-960-value="159"> <div class='tn-atom'field='tn_text_1510747522438'>1.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122572080' data-elem-id='1542122572080' data-elem-type='image' data-field-top-value="10" data-field-left-value="58" data-field-width-value="128" 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="288" data-field-fileheight-value="358" data-field-top-res-320-value="4" data-field-left-res-320-value="11" data-field-width-res-320-value="78" data-field-top-res-480-value="4" data-field-left-res-480-value="31" data-field-top-res-640-value="4" data-field-left-res-640-value="81" data-field-width-res-640-value="88" data-field-top-res-960-value="4" data-field-left-res-960-value="21" data-field-width-res-960-value="108"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3434-3437-4339-b165-353266383862/__5-38.svg' alt='' imgfield='tn_img_1542122572080' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122614054' data-elem-id='1542122614054' data-elem-type='text' data-field-top-value="253" data-field-left-value="258" data-field-width-value="324" 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="303" data-field-left-res-320-value="151" data-field-width-res-320-value="159" data-field-top-res-480-value="323" data-field-left-res-480-value="191" data-field-width-res-480-value="279" data-field-top-res-640-value="353" data-field-left-res-640-value="245" data-field-width-res-640-value="387" data-field-top-res-960-value="233" data-field-left-res-960-value="196" data-field-width-res-960-value="295"> <div class='tn-atom'field='tn_text_1542122614054'>The page is too long and people get tired of scrolling. If many people fail to reach the end of the page, make it shorter.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122614060' data-elem-id='1542122614060' data-elem-type='text' data-field-top-value="242" data-field-left-value="221" data-field-width-value="30" 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="289" data-field-left-res-320-value="120" data-field-top-res-480-value="309" data-field-left-res-480-value="150" data-field-top-res-640-value="340" data-field-left-res-640-value="204" data-field-top-res-960-value="222" data-field-left-res-960-value="159"> <div class='tn-atom'field='tn_text_1542122614060'>3.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122614064' data-elem-id='1542122614064' data-elem-type='image' data-field-top-value="240" data-field-left-value="18" data-field-width-value="188" 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="386" data-field-fileheight-value="740" data-field-top-res-320-value="300" data-field-left-res-320-value="8" data-field-width-res-320-value="98" data-field-top-res-480-value="340" data-field-left-res-480-value="8" data-field-width-res-480-value="128" data-field-top-res-640-value="350" data-field-left-res-640-value="48" data-field-top-res-960-value="230" data-field-left-res-960-value="8" data-field-width-res-960-value="138"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3035-3531-4563-a165-333439373136/landing4.svg' alt='' imgfield='tn_img_1542122614064' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122634676' data-elem-id='1542122634676' data-elem-type='text' data-field-top-value="473" data-field-left-value="863" data-field-width-value="321" 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="802" data-field-left-res-320-value="151" data-field-width-res-320-value="159" data-field-top-res-480-value="896" data-field-left-res-480-value="191" data-field-width-res-480-value="279" data-field-top-res-640-value="856" data-field-left-res-640-value="245" data-field-width-res-640-value="388" data-field-top-res-960-value="443" data-field-left-res-960-value="690" data-field-width-res-960-value="270"> <div class='tn-atom'field='tn_text_1542122634676'>Repetitive content. There’s too much text on the website and few photos. Browsing such pages is time-consuming and bores readers to death. Also, some users just don’t like reading. </div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122634689' data-elem-id='1542122634689' data-elem-type='image' data-field-top-value="470" data-field-left-value="660" data-field-width-value="138" 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="246" data-field-fileheight-value="317" data-field-top-res-320-value="806" data-field-left-res-320-value="10" data-field-width-res-320-value="88" data-field-top-res-480-value="890" data-field-left-res-480-value="20" data-field-top-res-640-value="850" data-field-left-res-640-value="60" data-field-top-res-960-value="440" data-field-left-res-960-value="520" data-field-width-res-960-value="108"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild6439-3436-4333-b336-633631336366/landing5.svg' alt='' imgfield='tn_img_1542122634689' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122672419' data-elem-id='1542122672419' data-elem-type='text' data-field-top-value="473" data-field-left-value="258" data-field-width-value="323" 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="470" data-field-left-res-320-value="151" data-field-width-res-320-value="159" data-field-top-res-480-value="513" data-field-left-res-480-value="191" data-field-width-res-480-value="279" data-field-top-res-640-value="515" data-field-left-res-640-value="245" data-field-width-res-640-value="385" data-field-top-res-960-value="453" data-field-left-res-960-value="196" data-field-width-res-960-value="314"> <div class='tn-atom'field='tn_text_1542122672419'>Messy web design. Huge or tiny headlines, ugly icons, too many colors, and fonts. Such a page is sore to the eyes and makes it incredibly difficult to concentrate.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122672425' data-elem-id='1542122672425' data-elem-type='text' data-field-top-value="462" data-field-left-value="221" data-field-width-value="30" 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="645" data-field-left-res-320-value="120" data-field-top-res-480-value="711" data-field-left-res-480-value="150" data-field-top-res-640-value="679" data-field-left-res-640-value="204" data-field-top-res-960-value="442" data-field-left-res-960-value="159"> <div class='tn-atom'field='tn_text_1542122672425'>5.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122683714' data-elem-id='1542122683714' data-elem-type='text' data-field-top-value="43" data-field-left-value="863" data-field-width-value="317" 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="153" data-field-left-res-320-value="151" data-field-width-res-320-value="159" data-field-top-res-480-value="173" data-field-left-res-480-value="191" data-field-width-res-480-value="279" data-field-top-res-640-value="181" data-field-left-res-640-value="245" data-field-width-res-640-value="385" data-field-top-res-960-value="33" data-field-left-res-960-value="690" data-field-width-res-960-value="260"> <div class='tn-atom'field='tn_text_1542122683714'>Users don’t see buttons and links. If they get few clicks, they are likely just difficult to find.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122683719' data-elem-id='1542122683719' data-elem-type='text' data-field-top-value="32" data-field-left-value="823" data-field-width-value="30" 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="140" data-field-left-res-320-value="120" data-field-top-res-480-value="160" data-field-left-res-480-value="150" data-field-top-res-640-value="168" data-field-left-res-640-value="204" data-field-top-res-960-value="22" data-field-left-res-960-value="652"> <div class='tn-atom'field='tn_text_1542122683719'>2.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122683724' data-elem-id='1542122683724' data-elem-type='image' data-field-top-value="11" data-field-left-value="630" data-field-width-value="148" 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="322" data-field-fileheight-value="315" data-field-top-res-320-value="151" data-field-left-res-320-value="10" data-field-width-res-320-value="88" data-field-top-res-480-value="161" data-field-left-res-480-value="30" data-field-top-res-640-value="171" data-field-left-res-640-value="80" data-field-width-res-640-value="98" data-field-top-res-960-value="11" data-field-left-res-960-value="520" data-field-width-res-960-value="118"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3465-3162-4839-b566-623933373133/landing6.svg' alt='' imgfield='tn_img_1542122683724' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122699690' data-elem-id='1542122699690' data-elem-type='text' data-field-top-value="243" data-field-left-value="865" data-field-width-value="319" 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="659" data-field-left-res-320-value="151" data-field-width-res-320-value="159" data-field-top-res-480-value="725" data-field-left-res-480-value="191" data-field-width-res-480-value="279" data-field-top-res-640-value="693" data-field-left-res-640-value="245" data-field-width-res-640-value="385" data-field-top-res-960-value="233" data-field-left-res-960-value="690" data-field-width-res-960-value="259"> <div class='tn-atom'field='tn_text_1542122699690'>The text and the visuals are not relevant to each other. Users fail to understand what the text describes.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122699695' data-elem-id='1542122699695' data-elem-type='text' data-field-top-value="232" data-field-left-value="823" data-field-width-value="30" 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="458" data-field-left-res-320-value="120" data-field-top-res-480-value="501" data-field-left-res-480-value="150" data-field-top-res-640-value="502" data-field-left-res-640-value="204" data-field-top-res-960-value="222" data-field-left-res-960-value="652"> <div class='tn-atom'field='tn_text_1542122699695'>4.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122699700' data-elem-id='1542122699700' data-elem-type='image' data-field-top-value="220" data-field-left-value="650" data-field-width-value="158" 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="314" data-field-fileheight-value="295" data-field-top-res-320-value="656" data-field-left-res-320-value="10" data-field-width-res-320-value="88" data-field-top-res-480-value="702" data-field-left-res-480-value="20" data-field-width-res-480-value="108" data-field-top-res-640-value="660" data-field-left-res-640-value="50" data-field-top-res-960-value="230" data-field-left-res-960-value="520" data-field-width-res-960-value="118"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3161-3738-4566-b762-613430393965/landing7.svg' alt='' imgfield='tn_img_1542122699700' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122717555' data-elem-id='1542122717555' data-elem-type='text' data-field-top-value="713" data-field-left-value="860" data-field-width-value="332" 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="1182" data-field-left-res-320-value="151" data-field-width-res-320-value="159" data-field-top-res-480-value="1323" data-field-left-res-480-value="191" data-field-width-res-480-value="279" data-field-top-res-640-value="1186" data-field-left-res-640-value="245" data-field-width-res-640-value="386" data-field-top-res-960-value="683" data-field-left-res-960-value="690" data-field-width-res-960-value="259"> <div class='tn-atom'field='tn_text_1542122717555'>The button and capture text isn’t action-oriented. Users don’t understand what they will get when they click on the button. </div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122717563' data-elem-id='1542122717563' data-elem-type='text' data-field-top-value="702" data-field-left-value="823" data-field-width-value="30" 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="1171" data-field-left-res-320-value="120" data-field-top-res-480-value="1312" data-field-left-res-480-value="150" data-field-top-res-640-value="1173" data-field-left-res-640-value="204" data-field-top-res-960-value="672" data-field-left-res-960-value="652"> <div class='tn-atom'field='tn_text_1542122717563'>8.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122738255' data-elem-id='1542122738255' data-elem-type='text' data-field-top-value="713" data-field-left-value="250" data-field-width-value="392" 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="1011" data-field-left-res-320-value="151" data-field-width-res-320-value="159" data-field-top-res-480-value="1113" data-field-left-res-480-value="191" data-field-width-res-480-value="279" data-field-top-res-640-value="1035" data-field-left-res-640-value="245" data-field-width-res-640-value="380" data-field-top-res-960-value="683" data-field-left-res-960-value="196" data-field-width-res-960-value="307"> <div class='tn-atom'field='tn_text_1542122738255'>An element seems clickable but it isn’t. A user may click on an icon several times and leave disappointed when nothing happens.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122738260' data-elem-id='1542122738260' data-elem-type='text' data-field-top-value="702" data-field-left-value="213" data-field-width-value="30" 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="1000" data-field-left-res-320-value="120" data-field-top-res-480-value="1102" data-field-left-res-480-value="150" data-field-top-res-640-value="1022" data-field-left-res-640-value="204" data-field-top-res-960-value="672" data-field-left-res-960-value="159"> <div class='tn-atom'field='tn_text_1542122738260'>7.</div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542122738264' data-elem-id='1542122738264' data-elem-type='image' data-field-top-value="710" data-field-left-value="30" data-field-width-value="168" 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="430" data-field-fileheight-value="293" data-field-top-res-320-value="1008" data-field-left-res-320-value="10" data-field-width-res-320-value="98" data-field-top-res-480-value="1120" data-field-left-res-480-value="10" data-field-width-res-480-value="118" data-field-top-res-640-value="1040" data-field-left-res-640-value="50" data-field-top-res-960-value="680" data-field-left-res-960-value="10" data-field-width-res-960-value="128"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3466-6666-4430-a232-623430313963/landing8.svg' alt='' imgfield='tn_img_1542122738264' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2502017161542124736436' data-elem-id='1542124736436' data-elem-type='image' data-field-top-value="720" data-field-left-value="660" data-field-width-value="134" 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="314" data-field-fileheight-value="146" data-field-top-res-320-value="1179" data-field-left-res-320-value="10" data-field-width-res-320-value="84" data-field-top-res-480-value="1330" data-field-left-res-480-value="20" data-field-top-res-640-value="1220" data-field-left-res-640-value="60" data-field-width-res-640-value="94" data-field-top-res-960-value="690" data-field-left-res-960-value="510" data-field-width-res-960-value="104"> <div class='tn-atom'> <img class='tn-atom__img' src='https://static.tildacdn.com/tild3761-6531-4237-b431-623235616564/landing9.svg' alt='' imgfield='tn_img_1542124736436' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201716');});});</script>  </div> <div id="rec250201717" class="r t-rec t-rec_pt_105" style="padding-top:105px;background-color:#ebf6fa; " data-animationappear="off" data-record-type="396" data-bg-color="#ebf6fa">  <style>#rec250201717 .t396__artboard {height:110px;background-color:#ebf6fa;}#rec250201717 .t396__filter {height:110px;}#rec250201717 .t396__carrier{height:110px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec250201717 .t396__artboard,#rec250201717 .t396__filter,#rec250201717 .t396__carrier {}#rec250201717 .t396__filter {}#rec250201717 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec250201717 .t396__artboard,#rec250201717 .t396__filter,#rec250201717 .t396__carrier {}#rec250201717 .t396__filter {}#rec250201717 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec250201717 .t396__artboard,#rec250201717 .t396__filter,#rec250201717 .t396__carrier {height:100px;}#rec250201717 .t396__filter {}#rec250201717 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec250201717 .t396__artboard,#rec250201717 .t396__filter,#rec250201717 .t396__carrier {height:90px;}#rec250201717 .t396__filter {}#rec250201717 .t396__carrier {background-attachment:scroll;}}#rec250201717 .tn-elem[data-elem-id="1508950669447"]{z-index:1;top:4px;left:calc(50% - 50px + 0px);width:100px;height:100px;}#rec250201717 .tn-elem[data-elem-id="1508950669447"] .tn-atom {border-radius:3000px;background-color:#ffffff;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec250201717 .tn-elem[data-elem-id="1508950669447"] {top:4px;left:calc(50% - 50px + 0.5px);width:91px;height:84px;}}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="250201717" data-artboard-screens="320,480,640,960,1200" data-artboard-height="110" data-artboard-valign="center" data-artboard-height-res-320="90" data-artboard-height-res-480="100"> <div class="t396__carrier" data-artboard-recid="250201717"></div> <div class="t396__filter" data-artboard-recid="250201717"></div> <div class='t396__elem tn-elem tn-elem__2502017171508950669447' data-elem-id='1508950669447' data-elem-type='shape' data-field-top-value="4" data-field-left-value="0" data-field-height-value="100" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-480-value="4" data-field-left-res-480-value="0.5" data-field-height-res-480-value="84" data-field-width-res-480-value="91"> <div class='tn-atom' style="background-image:url('https://static.tildacdn.com/tild3531-3236-4631-b139-393365343738/alex.svg');"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('250201717');});});</script>  </div> <div id="rec250201718" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">On his website, Alex offered an Event Cost Estimate Template. Visitors read its description but didn't download it. The mouse pointer hovered over the Download button and then users moved on.</span><br /><br /><span style="font-family: TildaSans;">Alex assumed that users didn't see the Download button because it blended with the image next to it. That's why Alex added a link to the text and moved the button to leave more white space around it. The number of template downloads increased.</span></div> </div> </div> </div> <style> #rec250201718 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201719" class="r t-rec t-rec_pt_90 t-rec_pb_30" style="padding-top:90px;padding-bottom:30px;background-color:#ebf6fa; " data-record-type="255" data-bg-color="#ebf6fa">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_7 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">How Alex increased his website conversion</div> </div> </div> </div> <style> #rec250201719 .t225__uptitle{text-transform:uppercase;}#rec250201719 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201719 .t225__title{font-size:34px;line-height:1.4;}}@media screen and (min-width:900px){#rec250201719 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201720" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">When Alex dug into Chapter 5, he already had a well-rounded website. The website had an easy-to-understand offer, structured text, and a lot of top-quality visuals, and examples. Yet, there are things to improve on every website. These can be just a few tweaks visitors won't even notice. Boosting your conversion rate usually involves website tweaks and improving traffic.</span></div> </div> </div> </div> <style> #rec250201720 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201721" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px;background-color:#ebf6fa; " data-record-type="373" data-bg-color="#ebf6fa">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">1</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Alex modified the block dedicated to course curriculum.</span><br /><br /><strong style="font-family: TildaSans;">Before. </strong><span style="font-family: TildaSans;">Long list of lessons and topics.</span><br /><br /><strong style="font-family: TildaSans;">After. </strong><span style="font-family: TildaSans;">Short module descriptions. As a result, the Scroll heatmap shows that users read this block more.</span></div> </div> </div> </div> </div> </div> <style> #rec250201721 .t373__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201722" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px;background-color:#ebf6fa; " data-record-type="373" data-bg-color="#ebf6fa">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">2</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">He moved the "Sign up" button away from an eye-catching image.</span><br /><br /><strong style="font-family: TildaSans;">Before. </strong><span style="font-family: TildaSans;">The Smartlook recording revealed that users ignored the button as it blended with the image.</span><br /><br /><strong style="font-family: TildaSans;">After. </strong><span style="font-family: TildaSans;">Alex moved the button to make it stand out. As a result, the button started getting more clicks.</span></div> </div> </div> </div> </div> </div> <style> #rec250201722 .t373__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201723" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px;background-color:#ebf6fa; " data-record-type="373" data-bg-color="#ebf6fa">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">3</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Alex picked a new target audience for his advertising campaigns and started posting on Instagram more often.</span><br /><br /><strong style="font-family: TildaSans;">Before. </strong><span style="font-family: TildaSans;">Google Analytics revealed that there was little traffic from Instagram but the Bounce rate was also very low. It meant that Instagram campaigns attracted the right visitors interested in the website.</span><br /><br /><strong style="font-family: TildaSans;">After. </strong><span style="font-family: TildaSans;">Alex started posting on Instagram more. As a result, the website traffic increased, while the Bounce Rate remained the same.</span></div> </div> </div> </div> </div> </div> <style> #rec250201723 .t373__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201724" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px;background-color:#ebf6fa; " data-record-type="373" data-bg-color="#ebf6fa">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">4</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Alex tested different offers on his website.</span><br /><br /><strong style="font-family: TildaSans;">Before. </strong><span style="font-family: TildaSans;">The website offer promised online learning and homework.</span><br /><br /><strong style="font-family: TildaSans;">After. </strong><span style="font-family: TildaSans;">Alex tested his old offer against a new one emphasizing staying within budget and wasting no money. As a result, the second offer helped decrease the bounce rate.</span></div> </div> </div> </div> </div> </div> <style> #rec250201724 .t373__text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201725" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px;background-color:#ebf6fa; " data-record-type="106" data-bg-color="#ebf6fa">  <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 "><span style="font-family: TildaSans;">Without making dramatic changes to his website, Alex has managed to achieve some tangible results:</span><br /><br /><ul><li><span style="font-family: TildaSans;">The Bounce rate has decreased by 1%. More people interested in Alex's offer are coming to his website. They find the new offer compelling.</span></li></ul><br /><ul><li><span style="font-family: TildaSans;">On average, people are spending 30 seconds less on the website but the number of conversions has increased. This means that it has become easier for visitors to understand the benefits and take the desired action.</span></li></ul><br /><ul><li><span style="font-family: TildaSans;">The cost per lead has decreased. Alex spends the same amount of money on advertising, and people buy the course more often.</span></li></ul></div> </div> </div> </div> <style> #rec250201725 .t-text{font-size:22px;font-family:'futura-pt';}</style> </div> <div id="rec250201726" class="r t-rec t-rec_pt_90 t-rec_pb_60" style="padding-top:90px;padding-bottom:60px;background-color:#fff654; " data-record-type="255" data-bg-color="#fff654">  <div class="t225"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Homework</div> </div> </div> </div> <style> #rec250201726 .t225__uptitle{text-transform:uppercase;}#rec250201726 .t225__title{font-weight:700;}@media screen and (min-width:900px){#rec250201726 .t225__title{font-size:56px;}}@media screen and (min-width:900px){#rec250201726 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201727" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">1</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Sign up for Google Analytics and Smartlook and integrate them with your Tilda website.</span></div> </div> </div> </div> </div> </div> <style> #rec250201727 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201728" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">2</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Optimize your website for SEO. Select relevant keywords in Google Keyword Planner, create a compelling title and description for your website.</span></div> </div> </div> </div> </div> </div> <style> #rec250201728 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201729" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">3</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Get your website ready for being shared on social media. Pick an image and rewrite the title and the description if necessary.</span></div> </div> </div> </div> </div> </div> <style> #rec250201729 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201730" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">4</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Study the reports in Google Analytics and heatmaps in Smartlook. Don't be afraid to do something wrong, it's not possible.</span></div> </div> </div> </div> </div> </div> <style> #rec250201730 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201731" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">5</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Take a close look at the Scroll heatmap. What are the parts of the website that your visitors fail to reach?</span></div> </div> </div> </div> </div> </div> <style> #rec250201731 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201732" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">6</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Study the Click heatmap. Discover the links and buttons that get no clicks.</span></div> </div> </div> </div> </div> </div> <style> #rec250201732 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201733" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">7</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Watch the Smartlook video reports. Identify the areas in which users get confused and lost on your website.</span></div> </div> </div> </div> </div> </div> <style> #rec250201733 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201734" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">8</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Set your website goals.</span></div> </div> </div> </div> </div> </div> <style> #rec250201734 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201735" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">9</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Identify the elements you want to test on your website and run the A/B tests.</span></div> </div> </div> </div> </div> </div> <style> #rec250201735 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201736" class="r t-rec t-rec_pt_0 t-rec_pb_135" style="padding-top:0px;padding-bottom:135px;background-color:#fff654; " data-record-type="373" data-bg-color="#fff654">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle t373__circle-lg" style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">10</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text"><span style="font-family: TildaSans;">Calculate cost per lead. In other words, count the amount of money spent on advertising and the number of conversions you've got as a result.</span></div> </div> </div> </div> </div> </div> <style> #rec250201736 .t373__text{font-size:24px;font-family:'futura-pt';}</style> </div> <div id="rec250201737" class="r t-rec t-rec_pt_135 t-rec_pb_45" style="padding-top:135px;padding-bottom:45px; " data-record-type="37">  <div class="t022 t-align_center"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_6 t-prefix_3"> <div class="t022__text t-text t-text_sm" field="text"><span style="font-size: 22px; font-family: futura-pt;">Did you find this chapter useful? <span class="ql-cursor"></span>Share it with friends and colleagues!</span></div> </div> </div> </div> </div> <style> #rec250201737 .t022__text{font-size:26px;}</style> </div> <div id="rec250201738" class="r t-rec t-rec_pt_0 t-rec_pb_90" style="padding-top:0px;padding-bottom:90px; " data-record-type="151"> <div class="t-container_100 t014" style=""> <div style="position: relative; right: 50%; float: right;"> <div style="position: relative; z-index: 1; right: -50%;" class="t014__circle-xxl t014__transp-black"> <script type="text/javascript" src="ya-share.js" charset="utf-8" async="async"></script> <div class="ya-share2" data-access-token:facebook="" data-yashareL10n="en" data-services="facebook,twitter" data-counter=""></div> </div> </div> </div> </div> <div id="rec250201739" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " data-record-type="37">  <div class="t022 t-align_center"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_6 t-prefix_3"> <div class="t022__text t-text t-text_sm" field="text">Text: Phillip Brazgovsky, Natalia Tsevtkova<br />Illustrations and design: Yulia Zass</div> </div> </div> </div> </div> </div> <div id="rec250201740" class="r t-rec" style=" " data-record-type="126">  <div class="t118"> <div class="t-container"> <div class="t-col t-col_12 "> <hr class="t-divider t118__line" style="background-color:#000000;opacity:0.2;"> </div> </div> </div> </div> <div id="rec259022488" class="r t-rec t-rec_pt_90 t-rec_pb_75" style="padding-top:90px;padding-bottom:75px; " data-record-type="255">  <div class="t225"> <div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"> <div class="t225__title t-title t-title_md" field="title">Read other chapters of the coursebook:</div> </div> </div> </div> <style> #rec259022488 .t225__uptitle{text-transform:uppercase;}#rec259022488 .t225__title{font-weight:600;}@media screen and (min-width:900px){#rec259022488 .t225__title{font-size:38px;line-height:1.4;}}@media screen and (min-width:900px){#rec259022488 .t225__descr{font-size:32px;}}</style> </div> <div id="rec250201742" class="r t-rec t-rec_pt_0 t-rec_pb_75" style="padding-top:0px;padding-bottom:75px; " data-animationappear="off" data-record-type="404">   <div class="t404"> <div class="t-container"> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="https://tilda.education/en/courses/landing-page/understanding-main-principles/"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6534-3763-4363-b137-623966333231/__129.png" style="background-image: url('https://static.tildacdn.com/tild6534-3763-4363-b137-623966333231/__129.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Chapter 1. The Basics of a Landing Page</div> </div> </a> </div> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="http://tilda.education/en/courses/landing-page/steps-to-create-a-landing-page/"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3562-6339-4831-b566-323233326634/__2_217.png" style="background-image: url('https://static.tildacdn.com/tild3562-6339-4831-b566-323233326634/__2_217.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Chapter 2. Steps to Create a Landing Page</div> </div> </a> </div> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="http://tilda.education/en/courses/landing-page/landing-page-anatomy/"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild6361-3935-4165-b466-333766623334/__2_224.png" style="background-image: url('https://static.tildacdn.com/tild6361-3935-4165-b466-333766623334/__2_224.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Chapter 3. Landing Page Anatomy: Functional Elements</div> </div> </a> </div> <div class="t404__col t-col t-col_3 t-align_left "> <a class="t404__link" href="http://tilda.education/en/courses/landing-page/landing-page-design-principles/"> <div class="t404__imgbox"> <div class="t404__img t-bgimg" data-original="https://static.tildacdn.com/tild3266-6235-4638-a431-626130646136/__2-3_-47.png" style="background-image: url('https://static.tildacdn.com/tild3266-6235-4638-a431-626130646136/__2-3_-47.png');"></div> <div class="t404__separator"></div> </div> <div class="t404__textwrapper "> <div class="t404__title t-heading t-heading_xs">Chapter 4. Landing Page Design Principles</div> </div> </a> </div> </div><div class="t-container"> </div> </div> <script>t_onReady(function() {var rec=document.getElementById('rec250201742');if(rec) {t_onFuncLoad('t404_unifyHeights',function() {t404_unifyHeights('250201742');window.addEventListener('resize',t_throttle(function() {t404_unifyHeights('250201742');},200));});if(typeof jQuery!=='undefined') {$('.t404').on('displayChanged',function() {t404_unifyHeights('250201742');});} else if(rec.querySelector('.t404')) {rec.querySelector('.t404').addEventListener('displayChanged',function() {t_onFuncLoad('t404_unifyHeights',function() {t404_unifyHeights('250201742');});});} window.onload=function() {t404_unifyHeights('250201742');};}});</script> <style> #rec250201742 .t404__uptitle{text-transform:uppercase;}#rec250201742 .t404__title{font-size:22px;font-weight:600;}</style> <style> #rec250201742 .t404__tag{text-transform:uppercase;}#rec250201742 .t404__date{text-transform:uppercase;}</style> </div> <div id="rec293269262" class="r t-rec t-rec_pt_150 t-rec_pb_150" style="padding-top:150px;padding-bottom:150px;background-color:#fff654; " data-record-type="580" data-bg-color="#fff654">  <div class="t580"> <div class="t-container"> <div class="t-col t-col_10 t-prefix_1 t-align_center"> <div class="t580__title t-title t-title_sm t-margin_auto" field="title">Create a Landing Page for Your Business</div> <div class="t580__descr t-descr t-descr_xl t-margin_auto" field="descr">Build your landing page on Tilda: It's easy, fast, and free</div> <div class="t580__buttons"> <div class="t580__buttons-wrapper t-margin_auto"> <a href="https://tilda.cc/registration/" target="" class="t580__btn t-btn t-btn_md " style="color:#ffffff;background-color:#000000;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;" data-buttonfieldset="button"> <table role="presentation" style="width:100%; height:100%;"> <tr> <td>Create landing page</td> </tr> </table> </a> </div> </div> </div> </div> </div> <style> #rec293269262 .t580__title{color:#000000;font-weight:600;}#rec293269262 .t580__descr{color:#000000;max-width:600px;}</style> </div> <div id="rec291695231" 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="#rec250201539"> <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;">Get Your Website Ready</div> <div class="t607__dot" style=" 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="#rec250201586"> <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;">Web Analytics</div> <div class="t607__dot" style=" 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="#rec250201641"> <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;">Sales Funnel</div> <div class="t607__dot" style=" 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="#rec250201688"> <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;">Testing</div> <div class="t607__dot" style=" 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="#rec250201703"> <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;">How to Reduce Cost Per Lead</div> <div class="t607__dot" style=" 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=" #rec250201726"> <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;">Homework</div> <div class="t607__dot" style=" border: 2px solid #dbdbdb; width:13px; height:13px; "></div> </a> </li> </ul> </div> <style>#rec291695231 .t607__tooltip::after{border-left-color:#292929;}#rec291695231 .t-menu__link-item.t-active .t607__dot{background:#dbdbdb !important;opacity:1 !important;}</style> <script>t_onReady(function() {t_onFuncLoad('t607_init',function() {t607_init('291695231');});});</script> <style>#rec291695231 .t607__dot {box-shadow:0px 0px 20px rgba(0,0,0,0.1);}</style> </div> <div id="rec331033339" 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> #product-hunt-button { display: none; z-index: 9998; position: fixed; left: 90px; bottom: 30px } </style> <script> $(document).ready(function() { //add product hunt button $('body').append('<div id="product-hunt-button"><a href="https://www.producthunt.com/posts/how-to-build-a-landing-page-free-course?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-how-to-build-a-landing-page-free-course" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=302246&theme=light" alt="How to Build a Landing Page: Free Course - Free coursebook on creating high-conversion landing pages | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a><div>'); var $allRecords = $('#allrecords'); var $window = $(window); var $phButton = $('#product-hunt-button'); window.phFadeOutInProgress = false; $window.scroll(function() { if ($window.scrollTop() >= $allRecords.height() - 2*$window.height()) { if ($phButton.css('display') === 'none'){ $phButton.fadeIn('slow'); } } else { if ($phButton.css('display') === 'block' && window.phFadeOutInProgress === false){ window.phFadeOutInProgress = true; $phButton.fadeOut('fast', function(){ window.phFadeOutInProgress = false; }); } } }); }); </script>  </div> </div> </div> </div> <div id="rec283495393" class="r t-rec" style=" " data-animationappear="off" data-record-type="875">  <script>t_onReady(function() {t_onFuncLoad('t875_init',function() {t875_init('283495393');});});</script> </div> </div>  <div class="clearfix"></div> <script type="text/javascript"> $(document).ready(function() { window.isSendEvent100percent = false; $(window).scroll(function(){ var top = $(document).scrollTop(); var wh = $(window).height(); var dh = $(document).height(); var p = parseInt((top + wh) * 100 / dh); if(p > 90) { if(!window.isSendEvent100percent) { if(ga) { ga('send', {'hitType':'pageview', 'page':window.location.pathname + '100percent/','title':'View 100 percent page', 'nonInteraction':true}); var d = new Date(); ga('send', 'timing', 'pageview', window.location.pathname + '100percent/', parseInt(d.getTime() - window.startTimer)); } $.post('/identity/events/submit/',{lectionid: 40,action:'pageview100'}, function(json){ },'json'); window.isSendEvent100percent = true; } } }); }); </script> <script type="text/javascript"> $(document).ready(function() { var url = window.location.href; if (window.location.hash > '') { if (window.location.hash.indexOf('#buycourse')>=0) { $('#checkoutcourse').click(); } else if (window.location.hash.indexOf('#buylection')>=0) { $('#checkoutlection').click(); } } $('a[href=#buycourse]').each(function(){ $(this).addClass('js-te-popup-show').data('popup-id','login').data('popup-description','Войдите, чтобы купить курс'); }); $.post('https://api.facebook.com/method/links.getStats', {format: 'json', urls: url}, function(json){ if (json && json[0] ) { json = json[0]; $('.te-sharing__container').find('.te-share__fb span').html(json.share_count); } }, 'json'); $.get('https://tilda.education/api/sharecount/', {'provider': 'vk', 'url': url}, function(json){ if (json && json.count) { $('.te-sharing__container').find('.te-share__vk span').html(json.count); } }, 'json'); $.get('https://tilda.education/api/sharecount/', {'provider':'twitter','url': url}, function(json){ if (json && json.count) { $('.te-sharing__container').find('.te-share__tw span').html(json.count); } }, 'json'); //$('.te-sharing__container') }); </script> <script type="text/javascript"> function preventSelection(element){ var preventSelection = false; function addHandler(element, event, handler){ if (element.attachEvent) element.attachEvent('on' + event, handler); else if (element.addEventListener) element.addEventListener(event, handler, false); } function removeSelection(){ if (window.getSelection) { window.getSelection().removeAllRanges(); } else if (document.selection && document.selection.clear) { document.selection.clear(); } } function killCtrlU(event){ var event = event || window.event; var sender = event.target || event.srcElement; if (sender.tagName.match('/INPUT|TEXTAREA/i')) return; var key = event.keyCode || event.which; if ((event.ctrlKey && key == 'U'.charCodeAt(0)) || (event.altKey && event.metaKey && (key == 'U'.charCodeAt(0) || key == 'u'.charCodeAt(0)))) { if (event.preventDefault) event.preventDefault(); else event.returnValue = false; } } function killCtrlA(event) { var event = event || window.event; var sender = event.target || event.srcElement; if (sender.tagName.match('/INPUT|TEXTAREA|BUTTON/i')) return; var key = event.keyCode || event.which; if (event.ctrlKey && key == 'A'.charCodeAt(0)) // 'A'.charCodeAt(0) можно заменить на 65 { removeSelection(); if (event.preventDefault) event.preventDefault(); else event.returnValue = false; } } addHandler(element, 'mousemove', function (event) { var sender = event.target || event.srcElement; var blockWrapperAllowToCopy = sender.closest('#rec169351682'); if (preventSelection && blockWrapperAllowToCopy == null) removeSelection(); }); addHandler(element, 'mousedown', function (event) { var event = event || window.event; var sender = event.target || event.srcElement; var blockAllowToCopy = sender.closest('#rec169351682 .hljs'); preventSelection = !sender.tagName.match(/INPUT|TEXTAREA/i) && (blockAllowToCopy == null); }); addHandler(element, 'mouseup', function(){ if (preventSelection) removeSelection(); preventSelection = false; }); addHandler(element, 'keydown', killCtrlA); addHandler(element, 'keyup', killCtrlA); addHandler(element, 'keydown', killCtrlU); addHandler(element, 'keyup', killCtrlU); } preventSelection(document); </script> <style> #rec548926877 .t396__artboard {height: 720px; background-color: #1e1e1e; }#rec548926877 .t396__filter {height: 720px; }#rec548926877 .t396__carrier{height: 720px; background-position: center center; background-attachment: scroll;background-size: cover;background-repeat: no-repeat;}@media screen and (max-width: 1199px) {#rec548926877 .t396__artboard {height: 580px;}#rec548926877 .t396__filter {height: 580px;}#rec548926877 .t396__carrier {height: 580px;background-attachment: scroll;}}@media screen and (max-width: 959px) {#rec548926877 .t396__artboard {height: 1000px;}#rec548926877 .t396__filter {height: 1000px;}#rec548926877 .t396__carrier {height: 1000px;background-attachment: scroll;}}@media screen and (max-width: 639px) {#rec548926877 .t396__artboard {height: 910px;}#rec548926877 .t396__filter {height: 910px;}#rec548926877 .t396__carrier {height: 910px;background-attachment: scroll;}}@media screen and (max-width: 479px) {#rec548926877 .t396__artboard {}#rec548926877 .t396__filter {}#rec548926877 .t396__carrier {background-attachment: scroll;}} #rec548926877 .tn-elem[data-elem-id="1470209944682"] { color: #ffffff; text-align: center; z-index: 2; top: 0px;left: calc(50% - 600px + 319px);width: 562px;}#rec548926877 .tn-elem[data-elem-id="1470209944682"] .tn-atom { color: #ffffff; font-size: 42px; font-family: 'futura-pt',Arial,sans-serif; line-height: 1.2; font-weight: 700; background-position: center center ;border-color: transparent ;border-style: solid ; }@media screen and (max-width: 1199px) {#rec548926877 .tn-elem[data-elem-id="1470209944682"] {left: calc(50% - 480px + 199px);}}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1470209944682"] {top: 475px;left: calc(50% - 320px + 39px);}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1470209944682"] {top: 430px;left: calc(50% - 240px + 11px);width: 457px;}#rec548926877 .tn-elem[data-elem-id="1470209944682"] .tn-atom { font-size: 32px; }}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1470209944682"] {top: 282px;left: calc(50% - 160px + 7px);width: 296px;}#rec548926877 .tn-elem[data-elem-id="1470209944682"] .tn-atom { font-size: 28px; }} #rec548926877 .tn-elem[data-elem-id="1470210011265"] { color: #ffffff; z-index: 3; top: 280px;left: calc(50% - 600px + 720px);width: 478px;}#rec548926877 .tn-elem[data-elem-id="1470210011265"] .tn-atom { color: #ffffff; font-size: 20px; font-family: 'futura-pt',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) {#rec548926877 .tn-elem[data-elem-id="1470210011265"] {top: 235px;left: calc(50% - 480px + 490px);}#rec548926877 .tn-elem[data-elem-id="1470210011265"] .tn-atom { font-size: 18px; }}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1470210011265"] {top: 670px;left: calc(50% - 320px + 70px);width: 500px;}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1470210011265"] {top: 590px;left: calc(50% - 240px + 14px);width: 452px;}}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1470210011265"] {top: 445px;left: calc(50% - 160px + 10px);width: 295px;}#rec548926877 .tn-elem[data-elem-id="1470210011265"] .tn-atom { font-size: 16px; }} #rec548926877 .tn-elem[data-elem-id="1470210033144"] { z-index: 4; top: 173px;left: calc(50% - 600px + 20px);width: 658px;}#rec548926877 .tn-elem[data-elem-id="1470210033144"] .tn-atom { background-position: center center ;border-color: transparent ;border-style: solid ; }@media screen and (max-width: 1199px) {#rec548926877 .tn-elem[data-elem-id="1470210033144"] {top: 195px;left: calc(50% - 480px + 10px);width: 459px;}}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1470210033144"] {top: 0px;left: calc(50% - 320px + 59px);width: 506px;}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1470210033144"] {top: 0px;left: calc(50% - 240px + 7px);width: 467px;}}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1470210033144"] {top: 0px;left: calc(50% - 160px + 7px);width: 313px;}} #rec548926877 .tn-elem[data-elem-id="1676021431310"] { color: #fac733; text-align: center; z-index: 6; top: 550px;left: calc(50% - 600px + 940px);width: 200px;height:55px;}#rec548926877 .tn-elem[data-elem-id="1676021431310"] .tn-atom { color: #fac733; font-size: 16px; font-family: 'futura-pt',Arial,sans-serif; line-height: 1.55; font-weight: 600; border-width: 2px; border-radius: 30px; background-position: center center ;border-color: #fac733 ;border-style: solid ; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; }@media screen and (max-width: 1199px) {#rec548926877 .tn-elem[data-elem-id="1676021431310"] {top: 480px;left: calc(50% - 480px + 710px);}}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1676021431310"] {top: 935px;left: calc(50% - 320px + 330px);}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1676021431310"] {top: 845px;left: calc(50% - 240px + 250px);}}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1676021431310"] {top: 815px;left: calc(50% - 160px + 60px);}} #rec548926877 .tn-elem[data-elem-id="1676021488391"] { color: #000000; text-align: center; z-index: 5; top: 550px;left: calc(50% - 600px + 720px);width: 200px;height:55px;}#rec548926877 .tn-elem[data-elem-id="1676021488391"] .tn-atom { color: #000000; font-size: 16px; font-family: 'futura-pt',Arial,sans-serif; line-height: 1.55; font-weight: 600; border-radius: 30px; background-color: #fac733; background-position: center center ;border-color: transparent ;border-style: solid ; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; }@media screen and (max-width: 1199px) {#rec548926877 .tn-elem[data-elem-id="1676021488391"] {top: 480px;left: calc(50% - 480px + 490px);}}@media screen and (max-width: 959px) {#rec548926877 .tn-elem[data-elem-id="1676021488391"] {top: 935px;left: calc(50% - 320px + 110px);}}@media screen and (max-width: 639px) {#rec548926877 .tn-elem[data-elem-id="1676021488391"] {top: 845px;left: calc(50% - 240px + 30px);}}@media screen and (max-width: 479px) {#rec548926877 .tn-elem[data-elem-id="1676021488391"] {top: 737px;left: calc(50% - 160px + 56px);}} .t396{-webkit-text-size-adjust:100%;} .t396__artboard{position:relative;width:100%;height:100vh;overflow:hidden;}.t396__artboard {overflow:visible;}.t396__artboard.t396__artboard_scale .t396__elem[data-elem-type="text"] .tn-atom {word-break:normal;-moz-osx-font-smoothing:grayscale;}.t396__artboard_scale .t396__carrier,.t396__artboard_scale .t396__filter {transform-origin:top left;}.tn-atom__scale-wrapper {width:inherit;height:inherit;}.t396__elem .tn-atom__scale-wrapper .tn-atom {width:inherit;height:inherit !important;box-sizing:border-box;}.t396__artboard.rendering .tn-elem{visibility:hidden;}.t396__artboard.rendered .tn-elem{visibility:visible;}.t396__carrier{position:absolute;left:0px;top:0px;z-index:0;width:100%;height:100vh;-moz-transform:unset;}.t396__filter{position:absolute;left:0px;top:0px;z-index:1;width:100%;height:100vh;transform:translateZ(0);}.t396__elem{position:absolute;box-sizing:border-box;display:table;}.t396 .tn-atom{display:table-cell;vertical-align:middle;width:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}@media screen and (max-width:959px) {.t396_safari .t396__artboard_scale .tn-atom {-webkit-text-size-adjust:auto;-moz-text-size-adjust:auto;-ms-text-size-adjust:auto;}}.t396 .tn-atom ul,.t396 .tn-atom ol {margin-bottom:0;}.t396_safari .tn-atom {transform:translateZ(0);}.t396 a.tn-atom{text-decoration:none;}.t396 .tn-atom__img{width:100%;display:block;}.t396 .tn-atom__html{vertical-align:top;}.t396 .tn-atom__pin{border-radius:1000px;border-style:solid;}.t396 .tn-atom__pin_onclick{cursor:pointer;}.t396 .tn-atom__tip{position:absolute;box-sizing:border-box;width:300px;max-width:90vw;padding:15px;display:none;}.t396 .tn-atom__pin:hover .tn-atom__tip{display:none;}.t396 .tn-atom__tip-img{width:100%;display:block;margin-bottom:10px;}.t396 .tn-atom__tip[data-tip-pos=top] {bottom:100%;margin-bottom:15px;left:50%;transform:translateX(-50%);}.t396 .tn-atom__tip[data-tip-pos=bottom] {top:100%;margin-top:15px;left:50%;transform:translateX(-50%);}.t396 .tn-atom__tip[data-tip-pos=left] {right:100%;margin-right:15px;top:50%;transform:translateY(-50%);}.t396 .tn-atom__tip[data-tip-pos=right] {left:100%;margin-left:15px;top:50%;transform:translateY(-50%);}.t396__ui{position:absolute;top:16px;left:196px;background-color:#fa876b;color:#000 !important;height:30px;line-height:30px;width:100px;z-index:1000;text-align:center;border-radius:3px;display:none;font-size:14px;} .t396__artboard_scale .tn-elem .t-slds__main {-webkit-clip-path: inset(0 1px 0 1px);clip-path: inset(0 1px 0 1px)} </style>  <div id="allrecords_footer" itemprop="description" class="t-records_footer" data-hook="blocks-collection-content-node" data-tilda-project-id="3379564" data-tilda-page-id="42660986" data-tilda-page-alias="footer" data-tilda-formskey="6f20e8cab9363ca37fab290c70306272" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec744633993" class="r t-rec t-rec_pt_75 t-rec_pt-res-480_60 t-rec_pb_60" style="padding-top:75px;padding-bottom:60px;background-color:#232323; " data-animationappear="off" data-record-type="396" data-bg-color="#232323">  <style>#rec744633993 .t396__artboard {height:560px;background-color:#232323;}#rec744633993 .t396__filter {height:560px;}#rec744633993 .t396__carrier{height:560px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:500px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:700px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:700px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec744633993 .t396__artboard,#rec744633993 .t396__filter,#rec744633993 .t396__carrier {height:711px;}#rec744633993 .t396__filter {}#rec744633993 .t396__carrier {background-attachment:scroll;}}#rec744633993 .tn-elem[data-elem-id="1697035553534"]{color:#ffffff;z-index:4;top:56px;left:calc(50% - 600px + 20px);width:199px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:49px;left:calc(50% - 480px + 10px);width:189px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 320px + 90px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:51px;left:calc(50% - 160px + 10px);width:134px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1697035035883"]{color:#ffffff;z-index:5;top:6px;left:calc(50% - 600px + 20px);width:177px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 480px + 10px);width:202px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 320px + 91px);width:225px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:7px;left:calc(50% - 160px + 10px);width:135px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1697035553534"]{color:#ffffff;z-index:4;top:56px;left:calc(50% - 600px + 20px);width:199px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:49px;left:calc(50% - 480px + 10px);width:189px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 320px + 90px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:47px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035553534"] {top:51px;left:calc(50% - 160px + 10px);width:134px;}#rec744633993 .tn-elem[data-elem-id="1697035553534"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1697035035883"]{color:#ffffff;z-index:5;top:6px;left:calc(50% - 600px + 20px);width:177px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 480px + 10px);width:202px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 320px + 91px);width:225px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:5px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1697035035883"] {top:7px;left:calc(50% - 160px + 10px);width:135px;}#rec744633993 .tn-elem[data-elem-id="1697035035883"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653257897600"]{color:#ffffff;z-index:7;top:56px;left:calc(50% - 600px + 319px);width:240px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:49px;left:calc(50% - 480px + 250px);width:188px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:270px;left:calc(50% - 160px + 10px);width:152px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653658890094"]{color:#ffffff;z-index:8;top:6px;left:calc(50% - 600px + 319px);width:267px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:5px;left:calc(50% - 480px + 250px);width:229px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:226px;left:calc(50% - 160px + 10px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653257897600"]{color:#ffffff;z-index:7;top:56px;left:calc(50% - 600px + 319px);width:240px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:49px;left:calc(50% - 480px + 250px);width:188px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:264px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653257897600"] {top:270px;left:calc(50% - 160px + 10px);width:152px;}#rec744633993 .tn-elem[data-elem-id="1653257897600"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653658890094"]{color:#ffffff;z-index:8;top:6px;left:calc(50% - 600px + 319px);width:267px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:5px;left:calc(50% - 480px + 250px);width:229px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:222px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653658890094"] {top:226px;left:calc(50% - 160px + 10px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1653658890094"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006953"]{color:#ffffff;z-index:10;top:57px;left:calc(50% - 600px + 919px);width:201px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:49px;left:calc(50% - 480px + 730px);width:206px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:472px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:467px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:504px;left:calc(50% - 160px + 171px);width:140px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006958"]{color:#ffffff;z-index:11;top:6px;left:calc(50% - 600px + 919px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:5px;left:calc(50% - 480px + 730px);}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:430px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:425px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:460px;left:calc(50% - 160px + 171px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006953"]{color:#ffffff;z-index:10;top:57px;left:calc(50% - 600px + 919px);width:201px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:49px;left:calc(50% - 480px + 730px);width:206px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:472px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:467px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006953"] {top:504px;left:calc(50% - 160px + 171px);width:140px;}#rec744633993 .tn-elem[data-elem-id="1707213006953"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1707213006958"]{color:#ffffff;z-index:11;top:6px;left:calc(50% - 600px + 919px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:5px;left:calc(50% - 480px + 730px);}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:430px;left:calc(50% - 320px + 331px);}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:425px;left:calc(50% - 240px + 251px);}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1707213006958"] {top:460px;left:calc(50% - 160px + 171px);width:142px;}#rec744633993 .tn-elem[data-elem-id="1707213006958"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1698312869793"]{color:#ffffff;z-index:13;top:56px;left:calc(50% - 600px + 620px);width:209px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:49px;left:calc(50% - 480px + 490px);width:195px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:47px;left:calc(50% - 320px + 331px);width:186px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:42px;left:calc(50% - 240px + 251px);width:177px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:51px;left:calc(50% - 160px + 171px);width:131px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653659163722"]{color:#ffffff;z-index:14;top:6px;left:calc(50% - 600px + 621px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 480px + 490px);}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 320px + 331px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:0px;left:calc(50% - 240px + 251px);width:180px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:7px;left:calc(50% - 160px + 171px);width:126px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1698312869793"]{color:#ffffff;z-index:13;top:56px;left:calc(50% - 600px + 620px);width:209px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{color:#ffffff;font-size:14px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:300;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:49px;left:calc(50% - 480px + 490px);width:195px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;line-height:1.1;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:47px;left:calc(50% - 320px + 331px);width:186px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:42px;left:calc(50% - 240px + 251px);width:177px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1698312869793"] {top:51px;left:calc(50% - 160px + 171px);width:131px;}#rec744633993 .tn-elem[data-elem-id="1698312869793"] .tn-atom{font-size:12px;}}#rec744633993 .tn-elem[data-elem-id="1653659163722"]{color:#ffffff;z-index:14;top:6px;left:calc(50% - 600px + 621px);width:205px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;opacity:0.3;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 480px + 490px);}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:5px;left:calc(50% - 320px + 331px);width:189px;}}@media screen and (max-width:639px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:0px;left:calc(50% - 240px + 251px);width:180px;}}@media screen and (max-width:479px) {#rec744633993 .tn-elem[data-elem-id="1653659163722"] {top:7px;left:calc(50% - 160px + 171px);width:126px;}#rec744633993 .tn-elem[data-elem-id="1653659163722"] .tn-atom{font-size:12px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="744633993" data-artboard-screens="320,480,640,960,1200" data-artboard-height="560" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="711" data-artboard-height-res-480="700" data-artboard-height-res-640="700" data-artboard-height-res-960="500"> <div class="t396__carrier" data-artboard-recid="744633993"></div> <div class="t396__filter" data-artboard-recid="744633993"></div> <div class='t396__elem tn-elem tn-elem__7446339931697035553534' data-elem-id='1697035553534' data-elem-type='text' data-field-top-value="56" data-field-left-value="20" data-field-width-value="199" 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="51" data-field-left-res-320-value="10" data-field-width-res-320-value="134" data-field-top-res-480-value="47" data-field-left-res-480-value="10" data-field-top-res-640-value="47" data-field-left-res-640-value="90" data-field-width-res-640-value="189" data-field-top-res-960-value="49" data-field-left-res-960-value="10" data-field-width-res-960-value="189"> <div class='tn-atom'field='tn_text_1697035553534'><a href="https://tilda.education/en/#guidesandarticles" style="color: rgb(255, 255, 255);">Guides & Articles</a><br><br><a href="https://tilda.education/en/#videotutorials" style="color: rgb(255, 255, 255);">Video Tutorials </a><br><br><a href="https://tilda.education/en/#stories" style="color: rgb(255, 255, 255);">Success Stories</a><br><br><a href="https://tilda.education/en/landing-page-course" style="color: rgb(255, 255, 255);">Landing Page Course</a><br><br><a href="https://tilda.education/en/digital-marketing-course" style="color: rgb(255, 255, 255);">Digital Marketing Course</a><br><br><a href="https://tilda.education/en/web-animation-course" style="color: rgb(255, 255, 255);">Web Animation Course</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931697035035883' data-elem-id='1697035035883' data-elem-type='text' data-field-top-value="6" data-field-left-value="20" data-field-width-value="177" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="7" data-field-left-res-320-value="10" data-field-width-res-320-value="135" data-field-top-res-480-value="5" data-field-left-res-480-value="10" data-field-top-res-640-value="5" data-field-left-res-640-value="91" data-field-width-res-640-value="225" data-field-top-res-960-value="5" data-field-left-res-960-value="10" data-field-width-res-960-value="202"> <div class='tn-atom'field='tn_text_1697035035883'>EDUCATION</div> </div> <div class='t396__elem tn-elem tn-elem__7446339931653257897600' data-elem-id='1653257897600' data-elem-type='text' data-field-top-value="56" data-field-left-value="319" data-field-width-value="240" 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="270" data-field-left-res-320-value="10" data-field-width-res-320-value="152" data-field-top-res-480-value="264" data-field-left-res-480-value="10" data-field-top-res-640-value="264" data-field-left-res-640-value="90" data-field-top-res-960-value="49" data-field-left-res-960-value="250" data-field-width-res-960-value="188"> <div class='tn-atom'field='tn_text_1653257897600'><a href="https://tilda.cc" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Tilda.cc</a><br><span style="color: rgb(255, 255, 255);"></span><br><a href="https://tilda.cc/pricing/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Pricing</a><br><br><a href="https://tilda.cc/features/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">List of features</a><br><br><a href="https://tilda.cc/tpls/" style="color: rgb(255, 255, 255);">Website Templates</a> <br><br><a href="https://tilda.cc/madeontilda/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Website Examples </a><br><br><a href="https://tilda.cc/en/reviews/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">User Reviews</a><br><br><a href="https://tilda.cc/lp/overview/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Platform Overview</a><br><br><a href="https://blog-en.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Blog</a><br><br><a href="https://webinars.tilda.cc/en" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Webinars</a><br><br><a href="https://answers.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">F.A.Q.</a><br><br><a href="https://help.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Help Center</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931653658890094' data-elem-id='1653658890094' data-elem-type='text' data-field-top-value="6" data-field-left-value="319" data-field-width-value="267" 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="226" data-field-left-res-320-value="10" data-field-width-res-320-value="142" data-field-top-res-480-value="222" data-field-left-res-480-value="10" data-field-top-res-640-value="222" data-field-left-res-640-value="90" data-field-top-res-960-value="5" data-field-left-res-960-value="250" data-field-width-res-960-value="229"> <div class='tn-atom'field='tn_text_1653658890094'>WEBSITE BUILDER</div> </div> <div class='t396__elem tn-elem tn-elem__7446339931707213006953' data-elem-id='1707213006953' data-elem-type='text' data-field-top-value="57" data-field-left-value="919" data-field-width-value="201" 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="504" data-field-left-res-320-value="171" data-field-width-res-320-value="140" data-field-top-res-480-value="467" data-field-left-res-480-value="251" data-field-top-res-640-value="472" data-field-left-res-640-value="331" data-field-top-res-960-value="49" data-field-left-res-960-value="730" data-field-width-res-960-value="206"> <div class='tn-atom'field='tn_text_1707213006953'><a href="https://tilda.cc/free-icons/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Free Icons</a><br><br><a href="https://tilda.cc/utm/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Campaign URL Builder</a><br><br><a href="https://tilda.cc/colors/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Color Library</a><br><br><a href="https://experts.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Hire a Designer</a><br><br><a href="https://tilda.cc/lp/tildasans/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Tilda Sans Typeface</a><br><br><a href="https://tilda.cc/broken-links/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Broken Link Checker</a><br><br><a href="https://tilda.education/en/privacy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Privacy Policy</a><br><br><a href="https://tilda.education/en/terms" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Terms of Service</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931707213006958' data-elem-id='1707213006958' data-elem-type='text' data-field-top-value="6" data-field-left-value="919" data-field-width-value="205" 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="460" data-field-left-res-320-value="171" data-field-width-res-320-value="142" data-field-top-res-480-value="425" data-field-left-res-480-value="251" data-field-top-res-640-value="430" data-field-left-res-640-value="331" data-field-top-res-960-value="5" data-field-left-res-960-value="730"> <div class='tn-atom'field='tn_text_1707213006958'>MORE</div> </div> <div class='t396__elem tn-elem tn-elem__7446339931698312869793' data-elem-id='1698312869793' data-elem-type='text' data-field-top-value="56" data-field-left-value="620" data-field-width-value="209" 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="51" data-field-left-res-320-value="171" data-field-width-res-320-value="131" data-field-top-res-480-value="42" data-field-left-res-480-value="251" data-field-width-res-480-value="177" data-field-top-res-640-value="47" data-field-left-res-640-value="331" data-field-width-res-640-value="186" data-field-top-res-960-value="49" data-field-left-res-960-value="490" data-field-width-res-960-value="195"> <div class='tn-atom'field='tn_text_1698312869793'><a href="https://tilda.cc/lp/create-a-landing-page-for-business/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create a Landing Page</a><br><br><a href="https://tilda.cc/lp/website-builder/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create a Website Without Code</a><br><br><a href="https://tilda.cc/lp/build-online-store/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create an Online Store</a><br><br><a href="https://tilda.cc/lp/create-blog/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create a Company Blog</a><br><br><a href="https://tilda.cc/lp/course-builder/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Create Online Courses</a><br><br><a href="https://tilda.cc/lp/seo/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">SEO On Tilda</a><br><br><a href="https://tilda.cc/lp/email-campaign-builder/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Email Campaign Builder</a><br><br><a href="https://tilda.cc/lp/forms/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Online Form Builder</a><br><br><a href="https://zero.tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Zero Block. Web Design Editor</a><br><br><a href="https://tilda.cc/lp/crm/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Tilda CRM</a><br><br><a href="https://tilda.cc/lp/membership/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Membership</a><br><br><a href="https://tilda.cc/lp/quiz/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Interactive Quizzes</a><br><br><a href="https://tilda.cc/lp/image-optimization/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Adaptive Image Loading</a><br><br><a href="https://tilda.cc/lp/accessibility/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255);">Digital Accessibility</a></div> </div> <div class='t396__elem tn-elem tn-elem__7446339931653659163722' data-elem-id='1653659163722' data-elem-type='text' data-field-top-value="6" data-field-left-value="621" data-field-width-value="205" 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="7" data-field-left-res-320-value="171" data-field-width-res-320-value="126" data-field-top-res-480-value="0" data-field-left-res-480-value="251" data-field-width-res-480-value="180" data-field-top-res-640-value="5" data-field-left-res-640-value="331" data-field-width-res-640-value="189" data-field-top-res-960-value="5" data-field-left-res-960-value="490"> <div class='tn-atom'field='tn_text_1653659163722'>SOLUTIONS</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('744633993');});});</script>  </div> <div id="rec744634564" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#232323; " data-record-type="212" data-bg-color="#232323">  <div class="t188"> <div class="t-container_100"> <div class="t188__wrapper"> <div class="t-sociallinks"> <ul role="list" class="t-sociallinks__wrapper" aria-label="Social media links"> <li class="t-sociallinks__item t-sociallinks__item_instagram"><a href="https://www.instagram.com/tilda.cc/" target="_blank" rel="nofollow" aria-label="instagram" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100C77.6142 100 100 77.6142 100 50C100 22.3858 77.6142 0 50 0C22.3858 0 0 22.3858 0 50C0 77.6142 22.3858 100 50 100ZM25 39.3918C25 31.4558 31.4566 25 39.3918 25H60.6082C68.5442 25 75 31.4566 75 39.3918V60.8028C75 68.738 68.5442 75.1946 60.6082 75.1946H39.3918C31.4558 75.1946 25 68.738 25 60.8028V39.3918ZM36.9883 50.0054C36.9883 42.8847 42.8438 37.0922 50.0397 37.0922C57.2356 37.0922 63.0911 42.8847 63.0911 50.0054C63.0911 57.1252 57.2356 62.9177 50.0397 62.9177C42.843 62.9177 36.9883 57.1252 36.9883 50.0054ZM41.7422 50.0054C41.7422 54.5033 45.4641 58.1638 50.0397 58.1638C54.6153 58.1638 58.3372 54.5041 58.3372 50.0054C58.3372 45.5066 54.6145 41.8469 50.0397 41.8469C45.4641 41.8469 41.7422 45.5066 41.7422 50.0054ZM63.3248 39.6355C65.0208 39.6355 66.3956 38.2606 66.3956 36.5646C66.3956 34.8687 65.0208 33.4938 63.3248 33.4938C61.6288 33.4938 60.2539 34.8687 60.2539 36.5646C60.2539 38.2606 61.6288 39.6355 63.3248 39.6355Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_youtube"><a href="https://www.youtube.com/@TildaPublishing_global" target="_blank" rel="nofollow" aria-label="youtube" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm17.9-67.374c3.838.346 6 2.695 6.474 6.438.332 2.612.626 6.352.626 10.375 0 7.064-.626 11.148-.626 11.148-.588 3.728-2.39 5.752-6.18 6.18-4.235.48-13.76.7-17.992.7-4.38 0-13.237-.184-17.66-.552-3.8-.317-6.394-2.44-6.916-6.218-.38-2.752-.626-6.022-.626-11.222 0-5.788.209-8.238.7-10.853.699-3.732 2.48-5.54 6.548-5.96C36.516 32.221 40.55 32 49.577 32c4.413 0 13.927.228 18.322.626Zm-23.216 9.761v14.374L58.37 49.5l-13.686-7.114Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_twitter"><a href="https://twitter.com/TildaPublishing" target="_blank" rel="nofollow" aria-label="twitter" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" xmlns="http://www.w3.org/2000/svg" width=48px height=48px viewBox="0 0 48 48"> <g clip-path="url(#clip0_3697_102)"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48ZM33.3482 14L25.9027 22.4686H25.9023L34 34H28.0445L22.5915 26.2348L15.7644 34H14L21.8082 25.1193L14 14H19.9555L25.119 21.3532L31.5838 14H33.3482ZM22.695 24.1101L23.4861 25.2173V25.2177L28.8746 32.7594H31.5847L24.9813 23.5172L24.1902 22.4099L19.1103 15.2997H16.4002L22.695 24.1101Z" fill="#ffffff"/></g><defs><clipPath id="clip0_3697_102"><rect width="48" height="48" fill="white"/></clipPath></defs> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_facebook"><a href="https://www.facebook.com/tildapublishing" target="_blank" rel="nofollow" aria-label="facebook" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.6142 0 50-22.3858 50-50S77.6142 0 50 0 0 22.3858 0 50s22.3858 50 50 50Zm3.431-73.9854c-2.5161.0701-5.171.6758-7.0464 2.4577-1.5488 1.4326-2.329 3.5177-2.5044 5.602-.0534 1.4908-.0458 2.9855-.0382 4.4796.0058 1.1205.0115 2.2407-.0085 3.3587-.6888.005-1.3797.0036-2.0709.0021-.9218-.0019-1.8441-.0038-2.7626.0096 0 .8921.0013 1.7855.0026 2.6797.0026 1.791.0052 3.5853-.0026 5.3799.9185.0134 1.8409.0115 2.7627.0096.6912-.0015 1.382-.0029 2.0708.0021.0155 3.5565.0127 7.1128.0098 10.669-.0036 4.4452-.0072 8.8903.0252 13.3354 1.8903-.0134 3.7765-.0115 5.6633-.0095 1.4152.0014 2.8306.0028 4.2484-.0022.0117-4.0009.0088-7.9986.0058-11.9963-.0029-3.9979-.0058-7.9957.0059-11.9964.9533-.005 1.9067-.0036 2.86-.0021 1.2713.0019 2.5425.0038 3.8137-.0096.396-2.679.7335-5.3814.9198-8.0947-1.2576-.0058-2.5155-.0058-3.7734-.0058-1.2578 0-2.5157 0-3.7734-.0059 0-.4689-.0007-.9378-.0014-1.4066-.0022-1.4063-.0044-2.8123.0131-4.2188.198-1.0834 1.3158-1.9104 2.3992-1.8403h5.1476c.0117-2.8069.0117-5.602 0-8.4089-.6636 0-1.3273-.0007-1.9911-.0014-1.9915-.0022-3.9832-.0044-5.975.0131Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_telegram"><a href="https://t.me/tilda_global" target="_blank" rel="nofollow" aria-label="telegram" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm21.977-68.056c.386-4.38-4.24-2.576-4.24-2.576-3.415 1.414-6.937 2.85-10.497 4.302-11.04 4.503-22.444 9.155-32.159 13.734-5.268 1.932-2.184 3.864-2.184 3.864l8.351 2.577c3.855 1.16 5.91-.129 5.91-.129l17.988-12.238c6.424-4.38 4.882-.773 3.34.773l-13.49 12.882c-2.056 1.804-1.028 3.35-.129 4.123 2.55 2.249 8.82 6.364 11.557 8.16.712.467 1.185.778 1.292.858.642.515 4.111 2.834 6.424 2.319 2.313-.516 2.57-3.479 2.57-3.479l3.083-20.226c.462-3.511.993-6.886 1.417-9.582.4-2.546.705-4.485.767-5.362Z" fill="#ffffff"/> </svg></a></li> <li class="t-sociallinks__item t-sociallinks__item_tiktok"><a href="https://www.tiktok.com/@tilda.publishing" target="_blank" rel="nofollow" aria-label="tiktok" style="width: 48px; height: 48px;"><svg class="t-sociallinks__svg" role="presentation" width=48px height=48px viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm5.495-74.986c-1.555.002-3.113.004-4.676.028l.001.002c-.04 5.37-.038 10.742-.035 16.12.001 3.007.003 6.015-.004 9.026-.006 1.01-.005 2.019-.004 3.027.002 2.712.005 5.421-.144 8.138-.022.754-.4 1.417-.767 2.06l-.088.154c-1.212 1.977-3.442 3.327-5.769 3.352-3.51.31-6.797-2.563-7.292-5.982-.004-.167-.01-.336-.016-.505-.034-.964-.069-1.948.298-2.846.522-1.482 1.524-2.791 2.843-3.646 1.806-1.255 4.222-1.442 6.29-.773 0-1.318.022-2.636.044-3.953.03-1.767.06-3.534.036-5.303-4.525-.846-9.358.585-12.808 3.59-3.044 2.58-5.005 6.372-5.38 10.336a34.879 34.879 0 0 0 .025 3.1c.431 4.876 3.392 9.418 7.6 11.9 2.54 1.496 5.516 2.309 8.496 2.139 4.858-.082 9.588-2.686 12.313-6.682 1.694-2.4 2.655-5.299 2.818-8.211.042-4.001.04-8.01.036-12.023 0-2.068-.002-4.138.003-6.208 1.082.708 2.189 1.4 3.376 1.938 2.727 1.293 5.746 1.919 8.75 2.017v-8.39c-3.206-.357-6.501-1.415-8.83-3.726-2.335-2.255-3.482-5.504-3.646-8.693-1.156.01-2.312.012-3.47.014Z" fill="#ffffff"/> </svg></a></li> </ul> </div> </div> </div> </div> </div> <div id="rec744693715" class="r t-rec t-rec_pt_30 t-rec_pb_60" style="padding-top:30px;padding-bottom:60px;background-color:#232323; " data-record-type="56" data-bg-color="#232323">  <div class="t046"> <div class="t-container"> <div class="t-col t-col_10 t-prefix_1"> <div class="t046__text t-text_footer t-text_footer_xs" field="text"><div style="font-size: 14px;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">A learning resource with practical guides on web design and digital marketing from the </span><a href="https://tilda.cc/" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">Tilda</a><span style="color: rgb(255, 255, 255);"> website builder. </span><br /><span style="color: rgb(255, 255, 255);">© Tilda Publishing, 2015-2024 All rights reserved. Any reproduction and redistribution of the content is prohibited. Please read our </span><a href="https://tilda.education/en/terms" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">Terms of Service</a><span style="color: rgb(255, 255, 255);"> and </span><a href="https://tilda.education/en/privacy" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">Privacy Policy</a><span style="color: rgb(255, 255, 255);">. For any questions, contact us at </span><a href="mailto:team@tilda.cc" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none;">team@tilda.cc</a><br /><p style="text-align: center;"><span style="color: rgb(255, 255, 255);"> </span></p></div></div> </div> </div> </div> </div> </div> <style>.csssize{height:4743px}.t-body{margin:0}#allrecords_footer{-webkit-font-smoothing:antialiased;background-color:none}#allrecords_footer a{color:#ff8562;text-decoration:none}#allrecords_footer a,#allrecords_footer button,#allrecords_footer .t-radio,#allrecords_footer .t-checkbox,#allrecords_footer .t-img-select{outline:none}#allrecords_footer a:focus-visible,#allrecords_footer button:focus-visible,#allrecords_footer .t-focusable,#allrecords_footer .t-focusable .t-btn,#allrecords_footer .t-focusable .t-btntext,#allrecords_footer .t-img-select:focus-visible+.t-img-select__indicator,#allrecords_footer .t-img-select:focus-visible+.t-img-select__indicator:after,#allrecords_footer .t-radio:focus-visible+.t-radio__indicator,#allrecords_footer .t-checkbox:focus-visible+.t-checkbox__indicator{outline-color:#2015FF;outline-offset:4px;outline-style:auto}#allrecords_footer .t-descr a:focus-visible,#allrecords_footer .t-sociallinks a:focus-visible,#allrecords_footer .ya-share2__link:focus-visible{outline-offset:2px}#allrecords_footer a[href^=tel]{color:inherit;text-decoration:none}#allrecords_footer ol{padding-left:22px}#allrecords_footer ul{padding-left:20px}#allrecords_footer b,#allrecords_footer strong{font-weight:700}@media print{body,html{min-width:1200px;max-width:1200px;padding:0;margin:0 auto;border:none}}.t-records_footer{-webkit-font_smoothing:antialiased;background-color:none}.t-records_footer a{color:#ff8562;text-decoration:none}.t-records_footer a[href^=tel]{color:inherit;text-decoration:none}.t-records_footer ol{padding-left:22px;margin-top:0;margin-bottom:10px}.t-records_footer ul{padding-left:20px;margin-top:0;margin-bottom:10px}.t-mbfix{opacity:.01;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);position:fixed;width:100%;height:500px;background-color:white;top:0;left:0;z-index:10000;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}.t-mbfix_hide{-webkit-transform:translateX(3000px);-ms-transform:translateX(3000px);transform:translateX(3000px)}img:not([src]){visibility:hidden}.t-body_scroll-locked{position:fixed;left:0;width:100%;height:100%;overflow:hidden}.r_anim{-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.r_hidden{opacity:0}.r_showed{opacity:1}@media screen and (max-width:1024px){a:active,button:active{-webkit-tap-highlight-color:rgba(255,255,255,.1)}}.t-text_footer{font-family:'TildaSans',Arial,sans-serif;font-weight:400;color:#000000}.t-text_footer_xs{font-size:15px;line-height:1.55}.t-name{font-family:'TildaSans',Arial,sans-serif;font-weight:600;color:#000000}.t-name_md{font-size:20px;line-height:1.35}.t-title_footer{font-family:'TildaSans',Arial,sans-serif;font-weight:600;color:#000000}.t-tildalabel{background-color:#000;color:#fff;width:100%;height:70px;font-family:Arial;font-size:14px}.t-tildalabel:hover .t-tildalabel__wrapper{opacity:1}.t-tildalabel__wrapper{display:table;height:30px;width:270px;margin:0 auto;padding-top:20px;opacity:.4}.t-tildalabel__txtleft{display:table-cell;width:120px;height:30px;vertical-align:middle;text-align:right;padding-right:12px;font-weight:300;font-size:12px}.t-tildalabel__wrapimg{display:table-cell;width:30px;height:30px;vertical-align:middle}.t-tildalabel__img{width:30px;height:30px;vertical-align:middle}.t-tildalabel__txtright{display:table-cell;width:120px;height:30px;vertical-align:middle;padding-left:12px;font-weight:500;letter-spacing:2px}.t-tildalabel__link{color:#fff;text-decoration:none;vertical-align:middle}.t-rec_pt_0{padding-top:0}.t-rec_pt_30{padding-top:30px}.t-rec_pt_75{padding-top:75px}.t-rec_pb_0{padding-bottom:0}.t-rec_pb_60{padding-bottom:60px}@media screen and (max-width:1200px){.t-text_footer_xs{font-size:14px}.t-name_md{font-size:18px}}@media screen and (max-width:640px){.t-text_footer_xs{font-size:12px;line-height:1.45}.t-name_md{font-size:16px}}@media screen and (max-width:480px){.t-rec_pt_0{padding-top:0}.t-rec_pt_30{padding-top:30px}.t-rec_pt_75{padding-top:75px}.t-rec_pb_0{padding-bottom:0}.t-rec_pb_60{padding-bottom:60px}.t-rec_pt-res-480_60{padding-top:60px!important}}.t396{-webkit-text_footer-size-adjust:100%}.t396__iframe{z-index:10000;background-color:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;border:0}.t396__body_overflow_hidden{overflow:hidden}.t396__display_none{display:none}.t396__artboard{position:relative;width:100%;height:100vh;overflow:hidden}.t396__artboard .t396__artboard_scale{overflow:visible}.t396__artboard.t396__artboard_scale .t396__elem[data-elem-type="text"] .tn-atom{word-break:normal;-moz-osx-font-smoothing:grayscale}.t396__artboard_scale .t396__carrier,.t396__artboard_scale .t396__filter{transform-origin:top left}.tn-atom__scale-wrapper{width:inherit;height:inherit}.t396__elem .tn-atom__scale-wrapper .tn-atom{width:inherit;height:inherit!important;box-sizing:border-box}.t396__artboard.rendering .tn-elem{visibility:hidden}.t396__artboard.rendered .tn-elem{visibility:visible}.t396__carrier{position:absolute;left:0;top:0;z-index:0;width:100%;height:100vh;-moz-transform:unset}.t396__filter{position:absolute;left:0;top:0;z-index:1;width:100%;height:100vh;transform:translateZ(0)}.t396__elem{position:absolute;box-sizing:border-box;display:table}.t396 .tn-atom{display:table-cell;vertical-align:middle;width:100%;-webkit-text_footer-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}@media screen and (max-width:959px){.t396_safari .t396__artboard_scale .tn-atom{-webkit-text_footer-size-adjust:auto;-moz-text-size-adjust:auto;-ms-text-size-adjust:auto}}.t396 .tn-atom ul,.t396 .tn-atom ol{margin-bottom:0}.t396_safari .tn-atom:not(.tn-atom__form){transform:translateZ(0)}.t396 a.tn-atom{text-decoration:none}.t396 .tn-atom__img{width:100%;display:block}.t396 .tn-atom__html{vertical-align:top}.t396 .tn-atom__pin{border-radius:1000px;border-style:solid}.t396 .tn-atom__pin_onclick{cursor:pointer}.t396 .tn-atom__tip{position:absolute;box-sizing:border-box;width:300px;max-width:90vw;padding:15px;display:none}.t396 .tn-atom__pin:hover .tn-atom__tip{display:none}.t396 .tn-atom__tip-img{width:100%;display:block;margin-bottom:10px}.t396 .tn-atom__tip[data-tip-pos=top]{bottom:100%;margin-bottom:15px;left:50%;transform:translateX(-50%)}.t396 .tn-atom__tip[data-tip-pos=bottom]{top:100%;margin-top:15px;left:50%;transform:translateX(-50%)}.t396 .tn-atom__tip[data-tip-pos=left]{right:100%;margin-right:15px;top:50%;transform:translateY(-50%)}.t396 .tn-atom__tip[data-tip-pos=right]{left:100%;margin-left:15px;top:50%;transform:translateY(-50%)}.t396__ui{position:absolute;top:16px;left:196px;background-color:#fa876b;color:#000!important;height:30px;line-height:30px;width:100px;z-index:1000;text-align:center;border-radius:3px;display:none;font-size:14px}.t396__artboard.t396__artboard-fixed-active{transform:none!important;opacity:1!important}.t396__artboard-fixed-no-bg,.t396__artboard-fixed-innactive,.t396__artboard-fixed-innactive .t396__elem,.t396__artboard-fixed-no-bg.t396__artboard-fixed-innactive .t396__elem{pointer-events:none}.t396__artboard-fixed-no-bg .t396__elem{pointer-events:auto}.t396__elem-flex{position:relative!important;left:initial!important;top:initial!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-negative:0;flex-shrink:0}.t188__wrapone{position:relative;right:50%;float:right}.t188__wraptwo{position:relative;z-index:1;right:-50%}.t188__wrapper{display:-webkit-flex;display:flex;justify-content:center;-webkit-box-pack:justify;-webkit-justify-content:center;-ms-flex-pack:justify}.t188 .t-sociallinks__item,.t188__sociallinkimg{display:inline-block;padding-left:5px;padding-right:5px}#allrecords_footer .t188 ul.t-sociallinks__wrapper{margin-bottom:0;padding-left:0;list-style:none}.t188 .t-sociallinks__item a{display:inline-block}.t188__imgwrapper{background-size:contain;background-repeat:no-repeat;background-position:center}.t046__text{text-align:center;padding-top:10px;padding-bottom:4px}.t-menusub__menu{display:none}.t456__imglogo{display:block;height:auto;margin-right:30px}.t456__linewrapper{position:absolute;bottom:0;left:0;width:100%}.t456__horizontalline{margin:0;border:0;background-color:#C2C2C2;height:1px;right:0;bottom:0;margin:0 40px 0 40px}.t456__imglogo{max-width:300px}.t456__leftwrapper{display:table-cell;vertical-align:middle;padding-left:40px}.t456__rightwrapper{display:table-cell;vertical-align:middle;padding-right:40px;width:100%}.t456__menualign_left{text-align:left}.t456__menualign_right{text-align:right}.t456__menualign_center{text-align:center}@media screen and (max-width:1200px){.t456__leftwrapper{padding-left:20px}.t456__rightwrapper{padding-right:20px}}.t456{width:100%;height:80px;z-index:990;position:fixed;top:0;box-shadow:0 1px 3px rgba(0,0,0,0);transition:background-color 300ms linear}.t456__beforeready{visibility:hidden}.t456 ul{margin:0}.t456__maincontainer{width:100%;height:80px;display:table;position:relative}.t456__maincontainer.t456__c12collumns{max-width:1200px;margin:0 auto}.t456__logo{display:inline-block;font-size:24px;font-weight:400;white-space:nowrap;padding-right:30px}.t456__list{list-style-type:none;margin:0;padding:0!important}.t456__list_item{clear:both;font-family:'TildaSans',Arial,sans-serif;font-size:16px;display:inline-block;padding-left:15px;padding-right:15px;margin:0;color:#000000;white-space:nowrap}.t456__list_item .t-active{opacity:.7}.t456__list_item:first-child{padding-left:0}.t456__list_item:last-child{padding-right:0}.t456 a,#allrecords_footer .t456 a{text-decoration:none;color:#000000}.t456.t456__positionabsolute{position:absolute}.t456.t456__positionfixed{position:fixed}.t456.t456__positionstatic{position:static}.t456__mobile{display:none}@media screen and (max-width:980px){.t456__linewrapper{display:none}.t456{position:static;text-align:center;display:block;margin:0;padding:0;height:auto!important}.t456.t456__positionabsolute,.t456.t456__positionfixed,.t456.t456__positionstatic{position:relative}.t456__imglogo{width:auto!important;box-sizing:border-box;padding:20px;margin:0 auto}.t456__imglogomobile.t456__imglogo{width:100%!important}.t456__logo{text-align:center;margin:20px}.t456 img{float:inherit}.t456 .t456__list_item{display:block;text-align:center;padding:10px!important;white-space:normal}.t456__logo{white-space:normal;padding:0}.t456__logowrapper{position:static;display:block;width:100%}.t456__logowrapper2{display:block;position:static}.t456__leftwrapper,.t456__rightwrapper{width:100%!important;display:block}.t456__leftwrapper{padding:20px;box-sizing:border-box}.t456__rightwrapper{padding:20px 0!important;box-sizing:border-box}.t456__list{display:block;padding:0!important}}</style><div style="clear: both;"></div> <div class="te-popup te-popup_opened" id="popup_login" > <a class="te-popup__overlay js-te-popup-close" href="#"></a> <a class="te-popup__close js-te-popup-close" href="#"> <img src="/images/close.svg"> </a> <div class="te-popup__wrap"> <div class="te-popup-window"> <div class="te-popup__header">Tilda education</div> <div class="te-popup__info"> <div class="te-popup__description">Log in to continue reading </div> <ul class="te-popup__buttons"> <li style="cursor: pointer"> <span class="te-popup__btn te-popup__btn-tilda js-socnet-login" data-provider="tilda"> <div class="te-popup__btn__icon"><img src="/images/tilda_logo_white.svg"></div> <span>Continue with Tilda</span> </span> </li> </ul> <div style="margin-bottom: 20px;"> <span id="another_login_methods" style="color: #222222; border-bottom: solid 1px #fa633f; cursor: pointer; opacity: 50%;">Other login methods</span> </div> <ul class="te-popup__buttons alternative" style="display: none"> <li> <a class="te-popup__btn te-popup__btn-google js-socnet-login" data-provider="google" href="/login/"> <div class="te-popup__btn__icon"><img src="/images/google.svg"></div> <span>Continue with Google</span> </a> </li> </ul> </div> <div class="te-popup__hint"> <span>By logging in, you agree to our </span> <a href="/en/terms" target="blank">Terms of Service</a> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $("#another_login_methods").click(function() { let block = $('.te-popup__buttons.alternative'); let display = block.css('display'); if (display === 'block') { block.css('display', 'none'); } else { block.css('display', 'block'); } }); $(".js-socnet-login").click(function(){ var provider = $(this).data('provider'); var $popup = $('#popup_login'); var target = $popup.data('target') || ''; console.log(provider); if (provider === 'tilda') { let bu = window.location.href; console.log(bu); window.location.replace('https://tilda.cc/identity/goeducation/?bu=' + bu); return true; } $.post('/login/submit/' + provider + '.php', {'action':'geturl', 'backurl': window.location.href+target}, function(json){ if (json.error && json.error > '') { alert('When authorizing via social network, an error occurred ['+ json.error + ']. Try again.'); } else if ( json.redirect && json.redirect > '' ) { window.location.href = json.redirect; } else if (json.activation == 1 && json.userid > 0) { window.location.href = '/identity/activationemail/?activation=1'; } else if(json.userid > 0) { window.location.href = '/en/'; } },'json' ); return false; }); }); </script> <script type="text/javascript" src="/static/project3431113/js/tilda-polyfill-1.0.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-scripts-3.0.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-blocks-page15241737.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-animation-2.0.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-zero-1.1.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-slds-1.4.min.js"></script><script type="text/javascript" src="/static/project3431113/js/hammer.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-menu-1.0.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-animation-ext-1.0.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-zero-scale-1.0.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-skiplink-1.0.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-events-1.0.min.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-education-langs-dropdown.min.js"></script><script type="text/javascript" src="/static/project3431113/js/ya-share.js"></script><script type="text/javascript" src="/static/project3431113/js/tilda-stat-1.0.min.js"></script> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-64185315-1', 'auto'); ga('send', 'pageview'); (function(d) { var config = { kitId: 'wrw2dmr', scriptTimeout: 3000 }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document); </script>  <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter41832319 = new Ya.Metrika({ id:41832319, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/41832319" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  <script> setTimeout(function(){ !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='pltilda'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '503932973940614'); fbq('track', 'PageView'); }, 2000); </script>   <script type="text/javascript"> $(document).ready(function(){ $('#allrecords').data('tilda-statscroll','yes'); }); (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, '0bc3fa44a26a9e23465074e623f28e7f','script','https://stat.tildacdn.com/js/tildastat-0.2.min.js'); </script> <style> .ya-share2__item_service_facebook { display: none !important; } </style> </body> </html>