CINXE.COM

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="google-site-verification" content="oEIXStPkz10e-rS6gJ06ZIfLKa-Qwft7pQSD9u5gPOY" />  <title>How to Send Order Notifications │ Tilda Help Center</title> <meta name="description" content="Setting up automatic customer notifications with order details for online stores created on Tilda website builder" /> <meta property="og:url" content="https://help.tilda.cc/online-store/notifications" /> <meta property="og:title" content="How to Send Order Notifications │ Tilda Help Center" /> <meta property="og:description" content="Setting up automatic customer notifications with order details for online stores created on Tilda website builder" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3236-3365-4262-b137-373931326161/____Help.png" /> <link rel="canonical" href="https://help.tilda.cc/online-store/notifications">  <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <link rel="shortcut icon" href="https://static.tildacdn.com/img/tildafavicon.ico" type="image/x-icon" />  <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project6518/tilda-blocks-page2638206.min.css?t=1730815148" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-cards-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/fonts-tildasans.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}} function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}function t396_initialScale(t){t=document.getElementById("rec"+t);if(t){t=t.querySelector(".t396__artboard");if(t){var e,r=document.documentElement.clientWidth,a=[];if(i=t.getAttribute("data-artboard-screens"))for(var i=i.split(","),l=0;l<i.length;l++)a[l]=parseInt(i[l],10);else a=[320,480,640,960,1200];for(l=0;l<a.length;l++){var n=a[l];n<=r&&(e=n)}var o="edit"===window.allrecords.getAttribute("data-tilda-mode"),d="center"===t396_getFieldValue(t,"valign",e,a),c="grid"===t396_getFieldValue(t,"upscale",e,a),s=t396_getFieldValue(t,"height_vh",e,a),u=t396_getFieldValue(t,"height",e,a),g=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!o&&d&&!c&&!s&&u&&!g){for(var _=parseFloat((r/e).toFixed(3)),f=[t,t.querySelector(".t396__carrier"),t.querySelector(".t396__filter")],l=0;l<f.length;l++)f[l].style.height=Math.floor(parseInt(u,10)*_)+"px";t396_scaleInitial__getElementsToScale(t).forEach(function(t){t.style.zoom=_})}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter(function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))}):[]}function t396_getFieldValue(t,e,r,a){var i=a[a.length-1],l=r===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+r);if(!l)for(var n=0;n<a.length;n++){var o=a[n];if(!(o<=r)&&(l=o===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return l}window.onerror=function(m,f,l,c,e) {if(!window.t_jserrors)window.t_jserrors=[];window.t_jserrors.push({message:m,filename:f,lineno:l,colno:c,error:e});}</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project6518/tilda-blocks-page2638206.min.js?t=1730815148" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-cards-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-menu-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-skiplink-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script>  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2424106,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script>  <script src="//static.tildacdn.com/js/tilda-cc-help-langs-dropdown.min.js"></script>  <link rel="alternate" hreflang="en" href="https://help.tilda.cc"> <link rel="alternate" hreflang="pt-br" href="https://pt.help.tilda.cc"> <link rel="alternate" hreflang="fr" href="https://fr.help.tilda.cc"> <link rel="alternate" hreflang="de" href="https://de.help.tilda.cc"> <link rel="alternate" hreflang="it" href="https://it.help.tilda.cc"> <link rel="alternate" hreflang="ja" href="https://ja.help.tilda.cc"> <link rel="alternate" hreflang="pl" href="https://pl.help.tilda.cc"> <link rel="alternate" hreflang="es" href="https://es.help.tilda.cc"> <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> <script> Weglot.initialize({ api_key: 'wg_371e0d36f0d1c87c9439e1bdc93a6fc18' }); </script><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);} document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></head> <body class="t-body" style="margin:0;">  <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6518" data-tilda-page-id="2638206" data-tilda-page-alias="online-store/notifications" data-tilda-formskey="0bbdd5272d658d3de5798b262a4fe80b" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes">  <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6518" data-tilda-page-id="47492" data-tilda-formskey="0bbdd5272d658d3de5798b262a4fe80b" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec310544707" class="r t-rec" style=" " data-animationappear="off" data-record-type="131">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <script>window.tilda_help_language='EN';</script> <script src='https://static.tildacdn.com/js/tilda-search-help-1.2.min.js'></script>  </div> </div> </div> </div> <div id="rec49203293" class="r t-rec" style=" " data-animationappear="off" data-record-type="830">   <div id="nav49203293marker"></div> <div id="nav49203293" class="t830" data-menu="yes"> <div class="t830__panel t830__panel_bg t830__panel_hover t830__panel_close" style=""> <div class="t830__menu__content "> <button type="button" class="t830__burger t830__burger_mobile" aria-label="Навигационное меню" aria-expanded="false"> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> </button> <div class="t830__side"> <button type="button" class="t830__burger" aria-label="Навигационное меню" aria-expanded="false" style=""> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> <span style="background-color:#ffffff;"></span> </button> </div> </div> <div class="t830__panel-text t-descr t-descr_sm" style="">Help Center</div> </div> <div class="t830m__overlay"> <div class="t830m__overlay_bg" style=" "></div> </div> <div class="t830m t830m_bg t830m_close"> <div class="t830m__container"> <button type="button" class="t830m__close-button t830m__close t830m__close_bg t830m_opened" aria-label="Закрыть меню"> <div class="t830m__close_icon t830m__close_icon_none"> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> <span style="background-color:#000000"></span> </div> </button> <div class="t830m__top t830m__top_addwrap t830m__top_padd t830m__top_padd-text"> <div class="t830m__wrap"> <div class="t830__logo__container t830__textlogo__container"> <div class="t830__logo__content"> <a class="t830__logo" href="/"> <div field="descr" class="t830__logo__text t-name t-name_md">Help Center</div> </a> </div> </div> <div class="t830m__menu"> <div class="t830__wrapper t-site-search-input" data-sidemenu-search="yes"> <div class="t830__blockinput t830__blockinput_padding"> <input type="text" class="t830__input t-input" placeholder="Search" data-search-target="all" style=""> <svg role="presentation" class="t830__search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88"> <path fill="#b6b6b6" d="M85 31.1c-.5-8.7-4.4-16.6-10.9-22.3C67.6 3 59.3 0 50.6.6c-8.7.5-16.7 4.4-22.5 11-11.2 12.7-10.7 31.7.6 43.9l-5.3 6.1-2.5-2.2-17.8 20 9 8.1 17.8-20.2-2.1-1.8 5.3-6.1c5.8 4.2 12.6 6.3 19.3 6.3 9 0 18-3.7 24.4-10.9 5.9-6.6 8.8-15 8.2-23.7zM72.4 50.8c-9.7 10.9-26.5 11.9-37.6 2.3-10.9-9.8-11.9-26.6-2.3-37.6 4.7-5.4 11.3-8.5 18.4-8.9h1.6c6.5 0 12.7 2.4 17.6 6.8 5.3 4.7 8.5 11.1 8.9 18.2.5 7-1.9 13.8-6.6 19.2z"/> </svg> </div> </div> <div class="t830m__list"> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Getting started</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/getstarted" data-menu-item-number="1">How Tilda Works</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#createpage" data-menu-item-number="2">Create a New Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#copypage" data-menu-item-number="3">Copy a Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#transferpage" data-menu-item-number="4">Transfer a Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/page-actions#pageorder" data-menu-item-number="5">Rearrange Pages</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Site settings</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/domain" data-menu-item-number="1">Buy a Domain Name</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/customdomain" data-menu-item-number="2">Connect a Domain Name</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/dns" data-menu-item-number="3">Set up DNS</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/customdomain/errors" data-menu-item-number="4">Troubleshooting Custom Domain Errors</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/home-page" data-menu-item-number="5">Home Page</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/header-footer" data-menu-item-number="6">Header and Footer</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/fonts" data-menu-item-number="7">Set Website Fonts</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/export" data-menu-item-number="8">Code Export</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/transfer" data-menu-item-number="9">Project Transfer</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/address" data-menu-item-number="10">Free tilda.ws Subdomain</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/colors" data-menu-item-number="11">Set Color Preferences</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/redirect" data-menu-item-number="12">Create URL Redirects</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/https" data-menu-item-number="13">Set Up HTTPS</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/folders" data-menu-item-number="14">Page Folders</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Page editing</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/menu" data-menu-item-number="1">Add a Navigation Menu</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/anchor" data-menu-item-number="2">Anchors and Internal Links</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/mobile-version" data-menu-item-number="3">Viewing on Mobile Devices</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/html" data-menu-item-number="4">Embed HTML Code</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/google-maps" data-menu-item-number="5">Add Google Maps</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/bilingual" data-menu-item-number="6">Create Multilingual Websites</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/photo-for-publishing" data-menu-item-number="7">Prepare Images for Publishing Online</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/cover" data-menu-item-number="8">Pitch a Cover</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/unbroken-space" data-menu-item-number="9">Non-Breaking Space & Soft Hyphen</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/published" data-menu-item-number="10">Page Publishing</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/callback" data-menu-item-number="11">Add a Feedback Widget</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/metadata" data-menu-item-number="12">Preview on Facebook</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/comments" data-menu-item-number="13">Add a Comment Section</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/instagram" data-menu-item-number="14">Embed Instagram Feed</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/index" data-menu-item-number="15">List of Posts or Index Page</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Online store and payments</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store" data-menu-item-number="1">Online Store and Payments Processing</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/catalog" data-menu-item-number="2">Add Products to an Online Store</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/cart" data-menu-item-number="3">Set Up a Shopping Cart</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/direct-sale" data-menu-item-number="4">Direct Sale of Products</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/payment-systems" data-menu-item-number="5">Assign a Payment System</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/payment-system/stripe" data-menu-item-number="6">Set up Stripe</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/payment-system/paypal" data-menu-item-number="7">Set up PayPal</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/payments/2checkout" data-menu-item-number="8">Set Up 2Checkout</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/notifications" data-menu-item-number="9">Send Order Notifications</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/without-payment" data-menu-item-number="10">Sell without an Online Payment System</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/one-product" data-menu-item-number="11">Selling a Single Product</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/parameters" data-menu-item-number="12">Add Product Variants</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store/shipping" data-menu-item-number="13">Delivery options</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/additional-goods" data-menu-item-number="14">Complementary Products</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/online-store-payments/promo-codes" data-menu-item-number="15">Create a Promo Code (Discount)</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Forms</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/settings" data-menu-item-number="1">Set Up Data Capture Forms</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms" data-menu-item-number="2">Data Capture Forms</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/email" data-menu-item-number="3">Email</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/google-sheets" data-menu-item-number="4">Google Sheets</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsmailchimp" data-menu-item-number="5">MailChimp</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsgoogle" data-menu-item-number="6">Google Form</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formssendgrid" data-menu-item-number="7">SendGrid</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formssendinblue" data-menu-item-number="8">SendinBlue</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/selzy" data-menu-item-number="9">Selzy</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsamocrm" data-menu-item-number="10">Kommo</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formspipedrive" data-menu-item-number="11">Pipedrive</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formszohocrm" data-menu-item-number="12">Zoho CRM</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formstrello" data-menu-item-number="13">Trello</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formstelegram" data-menu-item-number="14">Telegram</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsslack" data-menu-item-number="15">Slack</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formszapier" data-menu-item-number="16">Zapier</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsmailerlite" data-menu-item-number="17">MailerLite</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/notion" data-menu-item-number="18">Notion</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/salesforce" data-menu-item-number="19">Salesforce</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formshubspot" data-menu-item-number="20">Hubspot</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formswebhook" data-menu-item-number="21">Webhook</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formsscript" data-menu-item-number="22">Custom Scripts</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms-errors" data-menu-item-number="23">Avoid errors in the forms</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/forms/monday" data-menu-item-number="24">Monday.com</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Analytics</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/statistic" data-menu-item-number="1">Track Website Statistics</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/statistic/google-analytics" data-menu-item-number="2">Google Analytics</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/googletagmanager" data-menu-item-number="3">Google Tag Manager</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/statistics-goal" data-menu-item-number="4">Submit Goal Completion Rates</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">SEO</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/search-engine" data-menu-item-number="1">Promote Your Website Online</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Zero Block</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero" data-menu-item-number="1">Create a Custom Block</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/advanced" data-menu-item-number="2">Responsive Design</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/shortcuts" data-menu-item-number="3">Keyboard Shortcuts List</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/animation" data-menu-item-number="4">Animation</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/advanced-animation" data-menu-item-number="5">Step-by-Step Animation</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/zero/figma-import" data-menu-item-number="6">Import from Figma</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Email campaign builder</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/email-campaign-builder" data-menu-item-number="1">Create, Edit, and Send Emails</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">Plans and billing</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="https://tilda.cc/pricing/" data-menu-item-number="1">Plans</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription" data-menu-item-number="2">Pricing and Payment</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#renew" data-menu-item-number="3">Cancel Automatic Subscription Renewal</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#confirm" data-menu-item-number="4">Payment Confirmation</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#personaltobusiness" data-menu-item-number="5"> Upgrade to Tilda Business Plan</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/subscription#special" data-menu-item-number="6">Special Plan</a> </div> </div> </div> <div class="t830m__list-item"> <div class="t830m__list-title t830m__list-title_toggle"> <div class="t830m__list-title-text t-descr t-menu__link-item t830m__list-title-text_opacity">For developers</div> </div> <div class="t830m__submenu t830m__submenu_close"> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/html" data-menu-item-number="1">Embed HTML Code</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/export" data-menu-item-number="2">Code Export</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/formswebhook" data-menu-item-number="3">Webhook</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/api" data-menu-item-number="4">Tilda API</a> </div> <div class="t830m__submenu-item"> <a class="t-menusub__link-item t-descr" href="/wordpress" data-menu-item-number="5">WordPress Plugin</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style>#rec49203293 .t830m{background-color:#ffffff;}#rec49203293 .t830m__close{background-color:#ffffff;}#rec49203293 .t830__panel{background-color:#ff8562;}@media screen and (max-width:1200px){#rec49203293 .t830m.t830m_bg{background-color:#ffffff;}#rec49203293 .t830m__close.t830m__close_bg{background-color:#ffffff;}#rec49203293 .t830__panel.t830__panel_bg{background-color:#ffffff;}}</style> <script>t_onReady(function() {var tildaSearchJS='https://static.tildacdn.com/js/tilda-search-';var s=document.createElement('script');s.src=tildaSearchJS + '1.2.min.js';s.async=true;s.onerror=function() {console.log('Error load Tilda Search in ME901');};if(document.querySelectorAll("script[src^='" + tildaSearchJS + "']").length===0&&document.querySelectorAll("script[src^='" + tildaSearchJS + "']").length===0) {document.head.appendChild(s);}});</script> <script>window.zero_window_width_hook='allrecords';t_onReady(function() {t_onFuncLoad('t830_init',function() {t830_init('49203293');});});</script> <style>#rec49203293 .t-menu__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;}#rec49203293 .t-menu__link-item.t-active:not(.t978__menu-link){color:#ff8562 !important;}#rec49203293 .t-menu__link-item:not(.t-active):not(.tooltipstered):hover{opacity:0.6 !important;}#rec49203293 .t-menu__link-item:not(.t-active):not(.tooltipstered):focus-visible{opacity:0.6 !important;}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec49203293 .t-menu__link-item,#rec49203293 .t-menu__link-item.t-active{opacity:1 !important;}}</style> <style>#rec49203293 .t-menusub__link-item{-webkit-transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:color 0.3s ease-in-out,opacity 0.3s ease-in-out;}#rec49203293 .t-menusub__link-item.t-active{color:#ff8562 !important;font-weight:400 !important;}#rec49203293 .t-menusub__link-item:not(.t-active):not(.tooltipstered):hover{opacity:0.6 !important;}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec49203293 .t-menusub__link-item,#rec49203293 .t-menusub__link-item.t-active{opacity:1 !important;}}</style> <style> #rec49203293 .t830__panel-text{color:#ffffff;font-weight:300;}#rec49203293 .t830__logo__text{color:#000000;font-weight:400;}#rec49203293 .t830m__list-title-text{color:#000000;font-weight:500;text-transform:uppercase;}#rec49203293 a.t830m__list-title-link{color:#000000;font-weight:500;text-transform:uppercase;}#rec49203293 a.t-menusub__link-item{font-size:15px;color:#000000;font-weight:400;}</style> <style> #rec49203293 .t830__logo{color:#000000;font-weight:400;}</style> </div> </header>  <div id="rec50524796" class="r t-rec t-rec_pt_120 t-rec_pb_180" style="padding-top:120px;padding-bottom:180px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="60" data-bg-color="#f5f5f5">  <div class="t050"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t050__uptitle t-uptitle t-uptitle_sm" field="subtitle"><a href="/">TILDA HELP CENTER</a></div> <h1 class="t050__title t-title t-title_xxl" field="title">How To Send Order Notifications</h1> <div class="t050__descr t-descr t-descr_xxl" field="descr">Setting up automatic customer notifications with order details.</div> </div> </div> </div> <style> #rec50524796 .t050__uptitle{text-transform:uppercase;}</style> </div> <div id="rec51102360" class="r t-rec t-rec_pt_75 t-rec_pb_15" style="padding-top:75px;padding-bottom:15px; " 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">When you sell products or services using a shopping cart, order notifications–such as emails informing customers when their payment has gone through–can be sent automatically. Clients who opt to pay cash on delivery will also receive an email notification.</div> </div> </div> </div> <style> #rec51102360 .t119__preface{opacity:0.7;}</style> </div> <div id="rec532724225" class="r t-rec t-rec_pt_45 t-rec_pb_30" style="padding-top:45px;padding-bottom:30px; " data-record-type="128">  <div class="t120"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t120__title t-heading t-heading_sm" field="title">There are two ways to send email notifications:</div> </div> </div> </div> <style> #rec532724225 .t120__title{font-weight:400;}@media screen and (min-width:480px){#rec532724225 .t120__title{font-size:28px;}}</style> </div> <div id="rec532724226" class="r t-rec t-rec_pt_30 t-rec_pb_90" style="padding-top:30px;padding-bottom:90px; " data-animationappear="off" data-record-type="650">  <div class="t650"> <div class="t650__container t-card__container t-container" data-columns-in-row="2"> <div class="t-card__col t-col t-col_6 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg t650__bottommargin" field="li_title__1489140994564"> <a href="#sendgrid" class="t-card__link" id="cardtitle1_532724226" aria-labelledby="cardtitle1_532724226 cardbtn1_532724226"> SendGrid </a> </div> <div class="t-card__descr t-text t-text_sm" field="li_descr__1489140994564"> Sending notifications using the SendGrid<br />(the free plan allows you to send 100 emails per day) </div> <style> #rec532724226 .t-card__title{font-size:24px;font-weight:400;}#rec532724226 .t-card__descr{font-size:16px;color:#404040;}</style> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn1_532724226" data-field="li_buttontitle__1489140994564" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1489140994564"> Learn more </div> </div> </div> </div> </div> <div class="t-card__col t-col t-col_6 t-align_left"> <div class="t650__inner-col" style="background-color:#ffffff;"> <div class="t650__text"> <div class="t-card__title t-name t-name_lg t650__bottommargin" field="li_title__1499783742209"> <a href="#smtp" class="t-card__link" id="cardtitle2_532724226" aria-labelledby="cardtitle2_532724226 cardbtn2_532724226"> Custom domain email address </a> </div> <div class="t-card__descr t-text t-text_sm" field="li_descr__1499783742209"> Sending notifications using your domain mail (SMTP) </div> <style> #rec532724226 .t-card__title{font-size:24px;font-weight:400;}#rec532724226 .t-card__descr{font-size:16px;color:#404040;}</style> </div> <div class="t650__btn-container"> <div class="t-card__btntext-wrapper"> <div class="t-card__btn-text t-btntext t-btntext_sm " id="cardbtn2_532724226" data-field="li_buttontitle__1499783742209" style="color:#ff8562;font-weight:400;" aria-hidden="true" data-buttonfieldset="li_button" data-lid="1499783742209"> Learn more </div> </div> </div> </div> </div> <div class="t650__separator" style=""></div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t650_init',function() {t650_init('532724226');});t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('532724226');});if(typeof jQuery!=='undefined') {$('.t650').on('displayChanged',function() {t650_unifyHeights('532724226');});} else {var rec=document.querySelector('#rec532724226');if(!rec) return;var wrapper=rec.querySelector('.t650');if(wrapper) {wrapper.addEventListener('displayChanged',function() {t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('532724226');});});}}});window.addEventListener('resize',t_throttle(function() {t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('532724226');});}));window.addEventListener('load',function() {t_onFuncLoad('t650_unifyHeights',function() {t650_unifyHeights('532724226');});});</script> <style>#rec532724226 .t650__inner-col {box-shadow:0px 0px 10px rgba(0,0,0,0.1);}</style> <style>#rec532724226 .t650 .t650__inner-col:hover,#rec532724226 .t650 .t-focusable .t650__inner-col,#rec532724226 .t650 .t-card__col_btnfocusable .t650__inner-col {box-shadow:0px 10px 10px rgba(0,0,0,0.1) !important;}</style> <style> #rec532724226 .t650__inner-col{border-radius:5px;}</style> </div> <div id="rec51102374" class="r t-rec" style=" " data-record-type="215"> <a name="sendgrid" style="font-size:0;"></a> </div> <div id="rec532724990" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="128">  <div class="t120"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t120__title t-heading t-heading_sm" field="title"><strong>How to send notifications using SendGrid</strong></div> </div> </div> </div> <style> #rec532724990 .t120__title{font-weight:400;}@media screen and (min-width:480px){#rec532724990 .t120__title{font-size:30px;}}</style> </div> <div id="rec532725145" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px; " 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 ">Sign up for <a href="https://sendgrid.com" target="_blank" rel="noreferrer noopener">SendGrid</a> or log in to the existing account if you already have one.</div> </div> </div> </div> <style> #rec532725145 .t-text{font-size:22px;font-weight:400;}</style> </div> <div id="rec532725147" class="r t-rec t-rec_pt_45 t-rec_pb_75" style="padding-top:45px;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/tild6264-3139-4136-a666-393361323230/__2021-09-20__111424.png"> <img class="t-img t-width t107__width t-width_9" src="https://thb.tildacdn.com/tild6264-3139-4136-a666-393361323230/-/empty/__2021-09-20__111424.png" data-original="https://static.tildacdn.com/tild6264-3139-4136-a666-393361323230/__2021-09-20__111424.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec51102376" 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 ">Create and copy the API key in the settings of your SendGrid account</div> </div> </div> </div> </div> <div id="rec512129669" class="r t-rec t-rec_pt_75 t-rec_pb_60" style="padding-top:75px;padding-bottom:60px; " data-animationappear="off" data-record-type="604">  <div class="t604"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__nocycle t-slds__arrow-nearpic"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_512129669" aria-disabled="false" aria-label="Предыдущий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_512129669" aria-disabled="false" aria-label="Следующий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_10 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast t-slds__witharrows" id="carousel_512129669" data-slider-transition="300" data-slider-with-cycle="false" data-slider-correct-height="false" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6565-6438-4539-b161-303564323732/__2021-09-17__155044.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6565-6438-4539-b161-303564323732/__2021-09-17__155044.png" style="background-image: url('https://thb.tildacdn.com/tild6565-6438-4539-b161-303564323732/-/resizeb/20x/__2021-09-17__155044.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500"></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 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3637-3732-4061-b938-616235323937/__2021-09-17__152630.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3637-3732-4061-b938-616235323937/__2021-09-17__152630.png" style="background-image: url('https://thb.tildacdn.com/tild3637-3732-4061-b938-616235323937/-/resizeb/20x/__2021-09-17__152630.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500"></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 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3930-6461-4534-b835-633365633735/__2021-09-17__160454.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3930-6461-4534-b835-633365633735/__2021-09-17__160454.png" style="background-image: url('https://thb.tildacdn.com/tild3930-6461-4534-b835-633365633735/-/resizeb/20x/__2021-09-17__160454.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500"></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 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3435-3761-4139-a335-643736323531/Screenshot_2022-11-0.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3435-3761-4139-a335-643736323531/Screenshot_2022-11-0.png" style="background-image: url('https://thb.tildacdn.com/tild3435-3761-4139-a335-643736323531/-/resizeb/20x/Screenshot_2022-11-0.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="500"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 1" aria-current="true" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 2" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 3" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 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=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__0">In SendGrid go to Settings → API Keys</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__1">Click on Create API key</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__2">Allow full access, click on Create & View</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=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__3">Copy the key</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t_sldsInit',function() {t_sldsInit('512129669');});t_onFuncLoad('t604_init',function() {t604_init('512129669');});t_onFuncLoad('t_slds_UpdateSliderHeight',function() {t_slds_UpdateSliderHeight('512129669');});t_onFuncLoad('t604__UpdateSliderArrowsHeight',function() {t604__UpdateSliderArrowsHeight('512129669');});});</script> <style>#rec512129669 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec512129669 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec53855646" 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 ">Return to Tilda → Site Settings → Payment Systems → General payment settings → Customer order notification settings</div> </div> </div> </div> </div> <div id="rec53855647" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " data-animationappear="off" data-record-type="604">  <div class="t604"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__nocycle t-slds__arrow-nearpic"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button type="button" class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg" aria-controls="carousel_53855647" aria-disabled="false" aria-label="Предыдущий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button type="button" class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg" aria-controls="carousel_53855647" aria-disabled="false" aria-label="Следующий слайд" style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" stroke="#000000" stroke-linejoin="butt" stroke-linecap="butt" stroke-width="1" points="0.5,0.5 8.5,8.5 0.5,16.5" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_10 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__nocycle t-slds_animated-fast t-slds__witharrows" id="carousel_53855647" data-slider-transition="300" data-slider-with-cycle="false" data-slider-correct-height="false" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel" aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="1 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6636-6433-4965-b130-663562353736/Screenshot_2022-11-0.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6636-6433-4965-b130-663562353736/Screenshot_2022-11-0.png" style="background-image: url('https://thb.tildacdn.com/tild6636-6433-4965-b130-663562353736/-/resizeb/20x/Screenshot_2022-11-0.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="550"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="2 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3830-6663-4837-b732-626233663734/Group_73.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3830-6663-4837-b732-626233663734/Group_73.png" style="background-image: url('https://thb.tildacdn.com/tild3830-6663-4837-b732-626233663734/-/resizeb/20x/Group_73.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="550"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3" role="group" aria-roledescription="slide" aria-hidden="false" aria-label="3 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3064-6334-4566-b163-306364313634/Screenshot_2022-11-0.png"> <div class="t604__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3064-6334-4566-b163-306364313634/Screenshot_2022-11-0.png" style="background-image: url('https://thb.tildacdn.com/tild3064-6334-4566-b163-306364313634/-/resizeb/20x/Screenshot_2022-11-0.png');"></div> <div class="t604__separator" data-slider-image-width="860" data-slider-image-height="550"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 1" aria-current="true" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 2" style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 3" style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__0">Settings → Payment Systems → General payment systems settings → Settings for customer notification about an order</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__1">Select the checkbox confirming that you have created a special mailbox for notifications</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-toolbar="no" field="gi_descr__2">Select "SendGrid" and paste the API key from your SendGrid account</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t_sldsInit',function() {t_sldsInit('53855647');});t_onFuncLoad('t604_init',function() {t604_init('53855647');});t_onFuncLoad('t_slds_UpdateSliderHeight',function() {t_slds_UpdateSliderHeight('53855647');});t_onFuncLoad('t604__UpdateSliderArrowsHeight',function() {t604__UpdateSliderArrowsHeight('53855647');});});</script> <style>#rec53855647 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec53855647 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec53855648" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px; " 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 ">Edit subject and content of the email.<br /><br />You may use four dynamic variables:<br />{{order_number}}<br />{{amount}}<br />{{order_date}}<br />{{order_details}}<br /><br />Order information will appear inside the curly brackets.<br /><br />Save the settings.<br /><br />Following a successful payment (or selecting "Cash on delivery"), a customer will receive an email notification about the transaction.</div> </div> </div> </div> </div> <div id="rec532726161" class="r t-rec" style=" " data-record-type="215"> <a name="smtp" style="font-size:0;"></a> </div> <div id="rec532726210" class="r t-rec t-rec_pt_45 t-rec_pb_60" style="padding-top:45px;padding-bottom:60px; " data-record-type="128">  <div class="t120"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t120__title t-heading t-heading_sm" field="title"><strong>How to send notifications using a custom domain email address</strong></div> </div> </div> </div> <style> #rec532726210 .t120__title{font-weight:400;}@media screen and (min-width:480px){#rec532726210 .t120__title{font-size:30px;}}</style> </div> <div id="rec51102363" 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 ">Make sure that the shopping cart has an <strong>email</strong> input field.<br /><br />Go to the Site Settings → Payment Systems → General payment settings → Edit Settings</div> </div> </div> </div> </div> <div id="rec51102364" 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/tild6265-3264-4464-b563-646136346136/Screenshot_2021-09-0.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild6265-3264-4464-b563-646136346136/-/empty/Screenshot_2021-09-0.png" data-original="https://static.tildacdn.com/tild6265-3264-4464-b563-646136346136/Screenshot_2021-09-0.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec51102365" class="r t-rec t-rec_pt_0 t-rec_pb_60" style="padding-top:0px;padding-bottom:60px; " data-record-type="296">  <div class="t265"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t265__wrapper" style="background: #EBEBEB;"> <div class="t265__icon"> <svg role="img" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;"> <circle style="fill:#ff0000;" cx="12.125" cy="12.125" r="12"/> <g> <path style="fill: #fff;" d="M10.922,6.486c0-0.728,0.406-1.091,1.217-1.091s1.215,0.363,1.215,1.091c0,0.347-0.102,0.617-0.304,0.81 c-0.202,0.193-0.507,0.289-0.911,0.289C11.328,7.585,10.922,7.219,10.922,6.486z M13.252,17.792h-2.234V9.604h2.234V17.792z"/> </g> </svg> </div> <div class="t265__text t-descr t-descr_xs" field="text"><div style="font-size: 22px;" data-customstyle="yes"><span style="font-size: 22px;">Create a new email address where you'd like to receive these notifications.</span></div></div> </div> </div> </div> </div> </div> <div id="rec532726318" class="r t-rec t-rec_pt_45 t-rec_pb_45" style="padding-top:45px;padding-bottom:45px; " data-record-type="374">  <div class="t374"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <a class="t374__link" href="https://help.tilda.cc/mail-domain" 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">How To Create a Custom Domain Mail</div> </div> </div> </a> </div> </div> </div> </div> <div id="rec51102366" 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 "><br />It is important to create a new mailbox for notifications because we do not want to have access to your personal email.<br /><br />If you created a domain email address using Google Workspace, you need to generate a separate application password using the link: <a href="https://myaccount.google.com/apppasswords" target="_blank" rel="noreferrer noopener">https://myaccount.google.com/apppasswords</a><br /><br />Then use the generated password for configuring settings on Tilda.</div> </div> </div> </div> </div> <div id="rec532878196" class="r t-rec t-rec_pt_45 t-rec_pb_45" style="padding-top:45px;padding-bottom:45px; " 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_532878196" aria-disabled="false" aria-label="Предыдущий слайд" style="width: 40px; height: 40px;background-color: rgba(235,235,235,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 10px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 10.6 18" 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="2" points="1,1 9,9 1,17" /> </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_532878196" aria-disabled="false" aria-label="Следующий слайд" style="width: 40px; height: 40px;background-color: rgba(235,235,235,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 10px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 10.6 18" 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="2" points="1,1 9,9 1,17" /> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none" id="carousel_532878196" 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 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3166-3632-4134-b562-366332363832/Screenshot_2022-12-2.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3166-3632-4134-b562-366332363832/Screenshot_2022-12-2.png" style="background-image: url('https://thb.tildacdn.com/tild3166-3632-4134-b562-366332363832/-/resizeb/20x/Screenshot_2022-12-2.png');"></div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550"></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 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6466-6334-4165-b761-656233633562/Screenshot_2022-12-2.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6466-6334-4165-b761-656233633562/Screenshot_2022-12-2.png" style="background-image: url('https://thb.tildacdn.com/tild6466-6334-4165-b761-656233633562/-/resizeb/20x/Screenshot_2022-12-2.png');"></div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550"></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 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6231-3232-4163-b835-343233376530/Screenshot_2022-12-2.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6231-3232-4163-b835-343233376530/Screenshot_2022-12-2.png" style="background-image: url('https://thb.tildacdn.com/tild6231-3232-4163-b835-343233376530/-/resizeb/20x/Screenshot_2022-12-2.png');"></div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550"></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 из 4"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3938-3766-4536-a262-376166333233/Group_1_3.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3938-3766-4536-a262-376166333233/Group_1_3.png" style="background-image: url('https://thb.tildacdn.com/tild3938-3766-4536-a262-376166333233/-/resizeb/20x/Group_1_3.png');"></div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 1" aria-current="true" style="background-color: #dbdbdb;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 2" style="background-color: #dbdbdb;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 3" style="background-color: #dbdbdb;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button type="button" class="t-slds__bullet_body" aria-label="Перейти к слайду 4" style="background-color: #dbdbdb;"></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">Select "Other" in the list</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">Specify any easy-to-understand title for the password and click "Generate"</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">Copy the password</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">Use the created password for configuring notifications</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('532878196',false);});});</script> <style>#rec532878196 .t-slds__bullet_active .t-slds__bullet_body{background-color:#000000 !important;}#rec532878196 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#000000 !important;}</style> <style> #rec532878196 .t-slds__descr{font-size:16px;color:#000000;}</style> </div> <div id="rec51102367" class="r t-rec t-rec_pt_45 t-rec_pb_45" style="padding-top:45px;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/tild6430-3164-4636-a131-343237383537/Group_73.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild6430-3164-4636-a131-343237383537/-/empty/Group_73.png" data-original="https://static.tildacdn.com/tild6430-3164-4636-a131-343237383537/Group_73.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec51102368" 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 ">Fill in the input fields:<br /><br /><strong>Outgoing mail server (SMTP): </strong>you can find information on the email port and security type in the mail service's references. For <strong>Gmail,</strong> these are smtp.gmail.com, 465, and SSL.<br /><br /><strong>Email (from)</strong> is the email address notifications will be sent from.<br /><br /><strong>Subject and email template</strong> are the content of an email notification. You may use four dynamic variables:<br />{{order_number}}<br />{{amount}}<br />{{order_date}}<br />{{order_details}}</div> </div> </div> </div> </div> <div id="rec51102369" 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 "><strong>Example</strong><br /><br />Let's use "notifications@support.info" as an example:</div> </div> </div> </div> </div> <div id="rec51102370" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="3">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3331-3036-4534-a361-633931386339/Group_8_2.png"> <img class="t-img t-width t107__width t-width_10" src="https://thb.tildacdn.com/tild3331-3036-4534-a361-633931386339/-/empty/Group_8_2.png" data-original="https://static.tildacdn.com/tild3331-3036-4534-a361-633931386339/Group_8_2.png" imgfield="img" alt=""> </div> </div> </div> <div id="rec51102371" class="r t-rec t-rec_pt_45 t-rec_pb_15" style="padding-top:45px;padding-bottom:15px; " 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 ">Save changes and send a test email.<br /></div> </div> </div> </div> </div> <div id="rec51102373" 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 ">Following a successful payment (or selecting "Cash on delivery"), a customer will receive an email notification about the transaction.</div> </div> </div> </div> </div>  <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6518" data-tilda-page-id="62096" data-tilda-formskey="0bbdd5272d658d3de5798b262a4fe80b" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec747695050" class="r t-rec t-rec_pt_120 t-rec_pb_60" style="padding-top:120px;padding-bottom:60px;background-color:#f5f5f5; " data-record-type="65" data-bg-color="#f5f5f5">  <div class="t056"> <div class="t-container t-align_left"> <div class="t-col t-col_12 "> <div class="t056__title t-name t-name_xl" field="title">Guides By Category:</div> </div> </div> </div> <style> #rec747695050 .t056__title{font-weight:500;}</style> </div> <div id="rec747687355" class="r t-rec t-rec_pt_0 t-rec_pb_120" style="padding-top:0px;padding-bottom:120px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="344" data-bg-color="#f5f5f5">  <div class="t344"> <div class="t-container t-align_left"> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr"><ul><li><a href="https://help.tilda.cc/getstarted">How Tilda Works</a></li><li><a href="/settings">Site Settings</a></li><li><a href="https://help.tilda.cc/page">Page Editing</a></li><li><a href="https://help.tilda.cc/search-engine">Guide To SEO</a></li></ul></div> </div> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr2"><ul><li><a href="https://help.tilda.cc/domainandhttps">Domain And HTTPS</a></li><li><a href="https://help.tilda.cc/online-store-payments">Online Store & Payments</a></li><li><a href="https://help.tilda.cc/forms">Data Capture Forms</a></li><li><a href="https://help.tilda.cc/statistics">Website Statistics</a></li></ul></div> </div> <div class="t344__floatbeaker_lr3"></div> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr3"><ul><li><a href="https://help.tilda.cc/zero">Zero Block</a></li><li><a href="https://help.tilda.cc/email-campaign-builder">Email Campaign Builder</a></li><li><a href="https://help.tilda.cc/subscription">Pricing And Payment</a></li></ul></div> </div> <div class="t344__col t-col t-col_3"> <div class="t344__descr t-descr t-descr_xxs" field="descr4"><ul><li><a href="https://help.tilda.cc/feedsandnews">Feeds And News</a></li><li><a href="https://help.tilda.cc/membership">Memberships & User Accounts</a></li><li><a href="https://help.tilda.cc/fordevelopers">For Developers</a></li></ul></div> </div> </div> </div> <style>#rec747687355 .t344__title{color:#525252;}#rec747687355 .t344__descr{color:#ffffff;}</style> <style> #rec747687355 .t344__title{color:#000000;text-transform:uppercase;}#rec747687355 .t344__descr{font-size:18px;color:#000000;}</style> </div> <div id="rec747662976" class="r t-rec t-rec_pt_105 t-rec_pb_105" style="padding-top:105px;padding-bottom:105px;background-color:#e8e8e8; " data-animationappear="off" data-record-type="396" data-bg-color="#e8e8e8">  <style>#rec747662976 .t396__artboard {height:390px;background-color:#E8E8E8;}#rec747662976 .t396__filter {height:390px;}#rec747662976 .t396__carrier{height:390px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:330px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:330px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:535px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec747662976 .t396__artboard,#rec747662976 .t396__filter,#rec747662976 .t396__carrier {height:535px;}#rec747662976 .t396__filter {}#rec747662976 .t396__carrier {background-attachment:scroll;}}#rec747662976 .tn-elem[data-elem-id="1619019713628"]{color:#000000;z-index:2;top:5px;left:calc(50% - 600px + 339px);width:70px;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 480px + 253px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 320px + 135px);width:57px;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 240px + 72px);width:49px;}#rec747662976 .tn-elem[data-elem-id="1619019713628"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019713628"] {top:5px;left:calc(50% - 160px + 9px);}}#rec747662976 .tn-elem[data-elem-id="1619019754582"]{color:#000000;z-index:3;top:5px;left:calc(50% - 600px + 456px);width:135px;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 480px + 348px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 320px + 213px);width:109px;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 240px + 141px);width:98px;}#rec747662976 .tn-elem[data-elem-id="1619019754582"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019754582"] {top:5px;left:calc(50% - 160px + 71px);width:101px;}}#rec747662976 .tn-elem[data-elem-id="1619019777299"]{color:#000000;z-index:4;top:5px;left:calc(50% - 600px + 639px);width:129px;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 480px + 508px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 320px + 343px);width:107px;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 240px + 261px);width:90px;}#rec747662976 .tn-elem[data-elem-id="1619019777299"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019777299"] {top:5px;left:calc(50% - 160px + 178px);width:89px;}}#rec747662976 .tn-elem[data-elem-id="1619019804011"]{color:#000000;z-index:5;top:5px;left:calc(50% - 600px + 816px);width:45px;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom{color:#000000;font-size:20px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 480px + 662px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 320px + 471px);width:34px;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 240px + 374px);width:33px;}#rec747662976 .tn-elem[data-elem-id="1619019804011"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019804011"] {top:5px;left:calc(50% - 160px + 281px);}}#rec747662976 .tn-elem[data-elem-id="1691586016953"]{z-index:6;top:81px;left:calc(50% - 600px + 442px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:76px;left:calc(50% - 480px + 322px);}#rec747662976 .tn-elem[data-elem-id="1691586016953"] .tn-atom {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:230px;left:calc(50% - 320px + 511px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:85px;left:calc(50% - 240px + 270px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1691586016953"] {top:73px;left:calc(50% - 160px + 190px);}}#rec747662976 .tn-elem[data-elem-id="1619019903098"]{z-index:7;top:81px;left:calc(50% - 600px + 552px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1619019903098"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:76px;left:calc(50% - 480px + 432px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:230px;left:calc(50% - 320px + 376px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:85px;left:calc(50% - 240px + 135px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903098"] {top:73px;left:calc(50% - 160px + 55px);}}#rec747662976 .tn-elem[data-elem-id="1619019903111"]{z-index:8;top:81px;left:calc(50% - 600px + 497px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1619019903111"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:76px;left:calc(50% - 480px + 377px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:230px;left:calc(50% - 320px + 331px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:85px;left:calc(50% - 240px + 90px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903111"] {top:73px;left:calc(50% - 160px + 10px);}}#rec747662976 .tn-elem[data-elem-id="1619020045180"]{color:#000000;z-index:9;top:211px;left:calc(50% - 600px + 80px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom{color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:200px;left:calc(50% - 480px + 30px);width:220px;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom{font-size:17px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:97px;left:calc(50% - 320px + 10px);width:310px;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom{font-size:17px;line-height:1.3;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:163px;left:calc(50% - 240px + 90px);width:377px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020045180"] {top:161px;left:calc(50% - 160px + 10px);width:297px;}#rec747662976 .tn-elem[data-elem-id="1619020045180"] .tn-atom{line-height:1.2;}}#rec747662976 .tn-elem[data-elem-id="1619020045187"]{color:#6c6c6c;z-index:10;top:264px;left:calc(50% - 600px + 80px);width:310px;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom{color:#6c6c6c;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:235px;left:calc(50% - 480px + 30px);width:280px;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:128px;left:calc(50% - 320px + 10px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020045187"] .tn-atom{font-size:14px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:199px;left:calc(50% - 240px + 90px);width:267px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020045187"] {top:192px;left:calc(50% - 160px + 10px);width:269px;}}#rec747662976 .tn-elem[data-elem-id="1619020084939"]{color:#000000;z-index:11;top:211px;left:calc(50% - 600px + 434px);width:361px;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom{color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:200px;left:calc(50% - 480px + 330px);width:312px;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom{font-size:17px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:97px;left:calc(50% - 320px + 330px);width:310px;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom{font-size:17px;line-height:1.3;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:290px;left:calc(50% - 240px + 90px);width:377px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020084939"] {top:288px;left:calc(50% - 160px + 11px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020084939"] .tn-atom{line-height:1.2;}}#rec747662976 .tn-elem[data-elem-id="1619020084961"]{color:#6c6c6c;z-index:12;top:264px;left:calc(50% - 600px + 435px);width:330px;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom{color:#6c6c6c;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:235px;left:calc(50% - 480px + 330px);width:303px;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:128px;left:calc(50% - 320px + 330px);width:299px;}#rec747662976 .tn-elem[data-elem-id="1619020084961"] .tn-atom{font-size:14px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:326px;left:calc(50% - 240px + 90px);width:298px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020084961"] {top:319px;left:calc(50% - 160px + 11px);width:296px;}}#rec747662976 .tn-elem[data-elem-id="1619020118297"]{color:#000000;z-index:13;top:211px;left:calc(50% - 600px + 821px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom{color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:200px;left:calc(50% - 480px + 660px);width:271px;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom{font-size:17px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:218px;left:calc(50% - 320px + 10px);width:310px;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom{font-size:17px;line-height:1.3;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:417px;left:calc(50% - 240px + 90px);width:378px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020118297"] {top:415px;left:calc(50% - 160px + 11px);width:299px;}#rec747662976 .tn-elem[data-elem-id="1619020118297"] .tn-atom{line-height:1.2;}}#rec747662976 .tn-elem[data-elem-id="1619020118304"]{color:#6c6c6c;z-index:14;top:264px;left:calc(50% - 600px + 821px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom{color:#6c6c6c;font-size:15px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:235px;left:calc(50% - 480px + 660px);width:276px;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom{font-size:14px;}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:253px;left:calc(50% - 320px + 10px);width:300px;}#rec747662976 .tn-elem[data-elem-id="1619020118304"] .tn-atom{font-size:14px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:454px;left:calc(50% - 240px + 90px);width:297px;}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619020118304"] {top:446px;left:calc(50% - 160px + 11px);width:297px;}}#rec747662976 .tn-elem[data-elem-id="1691585962458"]{z-index:15;top:81px;left:calc(50% - 600px + 607px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1691585962458"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:76px;left:calc(50% - 480px + 487px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:230px;left:calc(50% - 320px + 421px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:85px;left:calc(50% - 240px + 180px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1691585962458"] {top:73px;left:calc(50% - 160px + 100px);}}#rec747662976 .tn-elem[data-elem-id="1676641922926"]{z-index:16;top:81px;left:calc(50% - 600px + 662px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1676641922926"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1676641922926"] {top:76px;left:calc(50% - 480px + 542px);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1676641922926"] {top:230px;left:calc(50% - 320px + 466px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1676641922926"] {top:85px;left:calc(50% - 240px + 225px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1676641922926"] {top:73px;left:calc(50% - 160px + 145px);}}#rec747662976 .tn-elem[data-elem-id="1619019903084"]{z-index:17;top:81px;left:calc(50% - 600px + 717px);width:40px;}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:76px;left:calc(50% - 480px + 597px);}#rec747662976 .tn-elem[data-elem-id="1619019903084"] .tn-atom {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:959px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:230px;left:calc(50% - 320px + 556px);width:30px;}}@media screen and (max-width:639px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:85px;left:calc(50% - 240px + 315px);}}@media screen and (max-width:479px) {#rec747662976 .tn-elem[data-elem-id="1619019903084"] {top:73px;left:calc(50% - 160px + 235px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="747662976" data-artboard-screens="320,480,640,960,1200" data-artboard-height="390" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="535" data-artboard-height-res-480="535" data-artboard-height-res-640="330" data-artboard-height-res-960="330"> <div class="t396__carrier" data-artboard-recid="747662976"></div> <div class="t396__filter" data-artboard-recid="747662976"></div> <div class='t396__elem tn-elem tn-elem__7476629761619019713628' data-elem-id='1619019713628' data-elem-type='text' data-field-top-value="5" data-field-left-value="339" data-field-width-value="70" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="9" data-field-top-res-480-value="5" data-field-left-res-480-value="72" data-field-width-res-480-value="49" data-field-top-res-640-value="5" data-field-left-res-640-value="135" data-field-width-res-640-value="57" data-field-top-res-960-value="5" data-field-left-res-960-value="253"> <div class='tn-atom'><a href="https://tilda.cc/?lang=en"target="_blank"style="color: inherit">Tilda.cc</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019754582' data-elem-id='1619019754582' data-elem-type='text' data-field-top-value="5" data-field-left-value="456" data-field-width-value="135" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="71" data-field-width-res-320-value="101" data-field-top-res-480-value="5" data-field-left-res-480-value="141" data-field-width-res-480-value="98" data-field-top-res-640-value="5" data-field-left-res-640-value="213" data-field-width-res-640-value="109" data-field-top-res-960-value="5" data-field-left-res-960-value="348"> <div class='tn-atom'><a href="https://tilda.education/en"target="_blank"style="color: inherit">Tilda Education</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019777299' data-elem-id='1619019777299' data-elem-type='text' data-field-top-value="5" data-field-left-value="639" data-field-width-value="129" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="178" data-field-width-res-320-value="89" data-field-top-res-480-value="5" data-field-left-res-480-value="261" data-field-width-res-480-value="90" data-field-top-res-640-value="5" data-field-left-res-640-value="343" data-field-width-res-640-value="107" data-field-top-res-960-value="5" data-field-left-res-960-value="508"> <div class='tn-atom'><a href="https://www.youtube.com/channel/UCbuvN3YQrc2dISGcestWLgw"target="_blank"style="color: inherit">Video Tutorials</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019804011' data-elem-id='1619019804011' data-elem-type='text' data-field-top-value="5" data-field-left-value="816" data-field-width-value="45" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="281" data-field-top-res-480-value="5" data-field-left-res-480-value="374" data-field-width-res-480-value="33" data-field-top-res-640-value="5" data-field-left-res-640-value="471" data-field-width-res-640-value="34" data-field-top-res-960-value="5" data-field-left-res-960-value="662"> <div class='tn-atom'><a href="http://blog-en.tilda.cc/"target="_blank"style="color: inherit">Blog</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761691586016953' data-elem-id='1691586016953' data-elem-type='image' data-field-top-value="81" data-field-left-value="442" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-top-res-320-value="73" data-field-left-res-320-value="190" data-field-top-res-480-value="85" data-field-left-res-480-value="270" data-field-top-res-640-value="230" data-field-left-res-640-value="511" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="322"> <a class='tn-atom' href="https://www.instagram.com/tilda.cc/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3532-3661-4937-a133-633564323066/Tilda_Icons_26sn_ins.svg' alt='' imgfield='tn_img_1691586016953' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019903098' data-elem-id='1619019903098' data-elem-type='image' data-field-top-value="81" data-field-left-value="552" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-top-res-320-value="73" data-field-left-res-320-value="55" data-field-top-res-480-value="85" data-field-left-res-480-value="135" data-field-top-res-640-value="230" data-field-left-res-640-value="376" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="432"> <a class='tn-atom' href="https://twitter.com/TildaPublishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6333-3763-4639-b462-346161393037/Tilda_Icons_26sn_twi.svg' alt='' imgfield='tn_img_1619019903098' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019903111' data-elem-id='1619019903111' data-elem-type='image' data-field-top-value="81" data-field-left-value="497" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-top-res-320-value="73" data-field-left-res-320-value="10" data-field-top-res-480-value="85" data-field-left-res-480-value="90" data-field-top-res-640-value="230" data-field-left-res-640-value="331" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="377"> <a class='tn-atom' href="https://www.youtube.com/channel/UCbuvN3YQrc2dISGcestWLgw" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3065-3838-4131-a362-356636653562/Tilda_Icons_26sn_you.svg' alt='' imgfield='tn_img_1619019903111' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020045180' data-elem-id='1619020045180' data-elem-type='text' data-field-top-value="211" data-field-left-value="80" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="161" data-field-left-res-320-value="10" data-field-width-res-320-value="297" data-field-top-res-480-value="163" data-field-left-res-480-value="90" data-field-width-res-480-value="377" data-field-top-res-640-value="97" data-field-left-res-640-value="10" data-field-width-res-640-value="310" data-field-top-res-960-value="200" data-field-left-res-960-value="30" data-field-width-res-960-value="220"> <div class='tn-atom'field='tn_text_1619020045180'>Report abuse</div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020045187' data-elem-id='1619020045187' data-elem-type='text' data-field-top-value="264" data-field-left-value="80" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="192" data-field-left-res-320-value="10" data-field-width-res-320-value="269" data-field-top-res-480-value="199" data-field-left-res-480-value="90" data-field-width-res-480-value="267" data-field-top-res-640-value="128" data-field-left-res-640-value="10" data-field-width-res-640-value="300" data-field-top-res-960-value="235" data-field-left-res-960-value="30" data-field-width-res-960-value="280"> <div class='tn-atom'field='tn_text_1619020045187'>If you believe that any website made on Tilda is violating your rights, file a compliant by filling out this <a href="https://tilda.cc/abuse/" target="_blank" rel="noreferrer noopener" style="color: rgb(252, 103, 61); font-weight: 500;">form</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020084939' data-elem-id='1619020084939' data-elem-type='text' data-field-top-value="211" data-field-left-value="434" data-field-width-value="361" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="288" data-field-left-res-320-value="11" data-field-width-res-320-value="300" data-field-top-res-480-value="290" data-field-left-res-480-value="90" data-field-width-res-480-value="377" data-field-top-res-640-value="97" data-field-left-res-640-value="330" data-field-width-res-640-value="310" data-field-top-res-960-value="200" data-field-left-res-960-value="330" data-field-width-res-960-value="312"> <div class='tn-atom'field='tn_text_1619020084939'>How to contact our support</div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020084961' data-elem-id='1619020084961' data-elem-type='text' data-field-top-value="264" data-field-left-value="435" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="319" data-field-left-res-320-value="11" data-field-width-res-320-value="296" data-field-top-res-480-value="326" data-field-left-res-480-value="90" data-field-width-res-480-value="298" data-field-top-res-640-value="128" data-field-left-res-640-value="330" data-field-width-res-640-value="299" data-field-top-res-960-value="235" data-field-left-res-960-value="330" data-field-width-res-960-value="303"> <div class='tn-atom'field='tn_text_1619020084961'>To find out more about the platform features, use the feedback form in your Tilda account, or contact us via email <a href="mailto:team@tilda.cc" target="_blank" rel="noreferrer noopener" style="font-weight: 500;">team@tilda.cc</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020118297' data-elem-id='1619020118297' data-elem-type='text' data-field-top-value="211" data-field-left-value="821" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="415" data-field-left-res-320-value="11" data-field-width-res-320-value="299" data-field-top-res-480-value="417" data-field-left-res-480-value="90" data-field-width-res-480-value="378" data-field-top-res-640-value="218" data-field-left-res-640-value="10" data-field-width-res-640-value="310" data-field-top-res-960-value="200" data-field-left-res-960-value="660" data-field-width-res-960-value="271"> <div class='tn-atom'field='tn_text_1619020118297'>Accounting docs</div> </div> <div class='t396__elem tn-elem tn-elem__7476629761619020118304' data-elem-id='1619020118304' data-elem-type='text' data-field-top-value="264" data-field-left-value="821" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="446" data-field-left-res-320-value="11" data-field-width-res-320-value="297" data-field-top-res-480-value="454" data-field-left-res-480-value="90" data-field-width-res-480-value="297" data-field-top-res-640-value="253" data-field-left-res-640-value="10" data-field-width-res-640-value="300" data-field-top-res-960-value="235" data-field-left-res-960-value="660" data-field-width-res-960-value="276"> <div class='tn-atom'field='tn_text_1619020118304'>To get the supporting documentation and proof of payment, send your request to <a href="mailto:docs@tilda.cc" rel="noreferrer noopener" target="_blank" style="font-weight: 500;">docs@tilda.cc</a></div> </div> <div class='t396__elem tn-elem tn-elem__7476629761691585962458' data-elem-id='1691585962458' data-elem-type='image' data-field-top-value="81" data-field-left-value="607" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="98" data-field-fileheight-value="98" data-field-top-res-320-value="73" data-field-left-res-320-value="100" data-field-top-res-480-value="85" data-field-left-res-480-value="180" data-field-top-res-640-value="230" data-field-left-res-640-value="421" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="487"> <a class='tn-atom' href="https://t.me/tilda_global" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6662-6365-4563-a534-376633333630/Tilda_Icons_26sn_tel.svg' alt='' imgfield='tn_img_1691585962458' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761676641922926' data-elem-id='1676641922926' data-elem-type='image' data-field-top-value="81" data-field-left-value="662" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="73" data-field-left-res-320-value="145" data-field-top-res-480-value="85" data-field-left-res-480-value="225" data-field-top-res-640-value="230" data-field-left-res-640-value="466" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="542"> <a class='tn-atom' href="https://www.tiktok.com/@tilda.publishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild3365-3735-4431-b961-356331326337/Tilda_Icons_26sn_tik.svg' alt='' imgfield='tn_img_1676641922926' /> </a> </div> <div class='t396__elem tn-elem tn-elem__7476629761619019903084' data-elem-id='1619019903084' data-elem-type='image' data-field-top-value="81" data-field-left-value="717" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="100" data-field-fileheight-value="100" data-field-top-res-320-value="73" data-field-left-res-320-value="235" data-field-top-res-480-value="85" data-field-left-res-480-value="315" data-field-top-res-640-value="230" data-field-left-res-640-value="556" data-field-width-res-640-value="30" data-field-top-res-960-value="76" data-field-left-res-960-value="597"> <a class='tn-atom' href="https://www.facebook.com/tildapublishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.com/tild6137-6639-4765-b435-343737636461/Tilda_Icons_26sn_fac.svg' alt='' imgfield='tn_img_1619019903084' /> </a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('747662976');});});</script>  </div> <div id="rec747663345" class="r t-rec" style=" " data-animationappear="off" data-record-type="131">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <script> t_onReady(function() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://geo.tildacdn.com/geo/country/', true); xhr.onload = function() { if (xhr.status >= 200 && xhr.status < 400) { var data = xhr.responseText; if (data === 'RU') { // скрываются иконки Instagram, Facebook по геолокации var icons = document.querySelectorAll('#rec747662976 [data-elem-id="1691586016953"], #rec747662976 [data-elem-id="1619019903084"]'); icons.forEach(function (icon) { icon.style.display = 'none'; }); } } }; xhr.send(); }); </script>  </div> </div> </div> </div> </footer>  </div>  <div class="t-tildalabel " id="tildacopy" data-tilda-sign="6518#2638206"><a href="https://tilda.cc/" class="t-tildalabel__link"><div class="t-tildalabel__wrapper"><div class="t-tildalabel__txtleft">Made on </div><div class="t-tildalabel__wrapimg"><img src="https://static.tildacdn.com/img/tildacopy.png" class="t-tildalabel__img" fetchpriority="low" alt=""></div><div class="t-tildalabel__txtright">Tilda</div></div></a></div>  <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';} window.tildastatcookie='no';window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'914414f8f763e0b0e2bd67efc7504302','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> </body> </html>