Umbraco Product Update

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0"> <title>Umbraco Product Update - August 2024</title> <meta property="og:title" content="Umbraco Product Update - August 2024"> <meta name="twitter:title" content="Umbraco Product Update - August 2024"> <meta name="description" content="Explore the latest Umbraco updates! Discover new features and enhancements across our entire product portfolio in our latest blog post." /> <meta property="og:description" content="Explore the latest Umbraco updates! Discover new features and enhancements across our entire product portfolio in our latest blog post."> <meta name="twitter:description" content="Explore the latest Umbraco updates! Discover new features and enhancements across our entire product portfolio in our latest blog post."> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@umbraco"> <meta property="og:image" content="https://umbraco.com/media/ivpf3x4z/product-update-q3-2024-some_1200x628px.jpg?width=1200&height=628&v=1db03bbe75f1ee0"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"> <meta name="twitter:image" content="https://umbraco.com/media/ivpf3x4z/product-update-q3-2024-some_1200x628px.jpg?width=1200&height=628&v=1db03bbe75f1ee0"> <link rel="canonical" href="https://umbraco.com/blog/umbraco-product-update-august-2024/" /> <meta property="og:url" content="https://umbraco.com/blog/umbraco-product-update-august-2024/"> <script id="gtmScript" data-nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg=" nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg=">(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = "https://load.sst.umbraco.com/1tsxmrrbeo.js?" + i; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'evkn1fvu=aWQ9R1RNLVQ2VEtNVDI%3D&apiKey=f8823aac');</script> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <link rel="stylesheet" nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg=" href="/assets/_index-8-pLBwRP.css" /> <link rel="stylesheet" href="/assets/_blog-ocmusWnH.css" /> </head> <body class="document-blogPost top-banner"> <noscript><iframe src="https://load.sst.umbraco.com/ns.html?id=GTM-T6TKMT2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="top-banner__container" style="--top-banner-background: #f5c1bc; --top-banner-color: #3544b1;"> <div class="top-banner__content"> <span class="top-banner__tag">Webinar</span> <p>How to choose the right CMS for your organization?</p> <a href="https://umbraco.com/webinar-how-to-choose-the-right-cms-for-your-organization/?utm_content=top-banner" target="_self" title="Sign up today!">Sign up today! →</a> </div> </div> <div class="nav-header__pointer"></div> <dc-header class="nav-header"> <header class="header"> <div class="nav"> <div class="nav-mobile-bg"> <div class="nav-mobile__item cta-btn"> <a href="https://calendly.com/d/2wd-q6x-vg2" class="btn arrow cta is-blue" target="_blank" title="Book a discovery call">Book a discovery call<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path id="Vector" d="M6.41675 6.41663H15.5834V15.5833" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path id="Vector_2" d="M6.41675 15.5833L15.5834 6.41663" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></g></svg></a> </div> </div> <div class="nav-start"> <a href="/" title="Umbraco" class="logo-link"> <span class="logo-container"> <svg width="187" height="50" viewBox="0 0 187 50" fill="none" xmlns="http://www.w3.org/2000/svg" class="logo"> <path d="M1.49169e-05 24.9701C0.0149492 11.1559 11.2306 -0.0149193 25.0299 1.49568e-05C38.8292 0.0149492 50.0149 11.2306 50 25.0299C49.9851 38.8292 38.7993 50 25 50C11.1858 49.9851 -0.0149194 38.7844 1.49169e-05 24.9701ZM24.4922 33.5275C22.5508 33.5872 20.6093 33.408 18.7127 33.0048C17.3089 32.721 16.129 31.7802 15.5466 30.466C14.9791 29.1667 14.7103 27.1505 14.7252 24.4325C14.7402 23.0138 14.8298 21.595 14.994 20.1912C15.1583 18.8172 15.3226 17.6822 15.4719 16.7862L15.6362 15.905C15.6362 15.8752 15.6362 15.8602 15.6362 15.8304C15.6362 15.5765 15.457 15.3674 15.2181 15.3226L11.9922 14.8148H11.9474C11.7085 14.8148 11.5143 14.9791 11.4546 15.2031C11.3949 15.4122 11.365 15.5615 11.2754 16.0544C11.0962 17.0102 10.917 17.9361 10.7378 19.2802C10.5436 20.7437 10.4241 22.2222 10.3793 23.7007C10.3047 24.7312 10.3047 25.7617 10.3793 26.7921C10.454 29.5251 10.9319 31.7204 11.7832 33.3483C12.6344 34.9761 14.1129 36.1559 16.1738 36.8728C18.2348 37.5896 21.1022 37.948 24.7909 37.9331H25.2539C28.9427 37.948 31.81 37.6045 33.871 36.8728C35.9319 36.1559 37.3955 34.9761 38.2617 33.3483C39.1278 31.7055 39.5908 29.5251 39.6655 26.7921C39.7402 25.7617 39.7402 24.7312 39.6655 23.7007C39.6207 22.2222 39.5012 20.7437 39.3071 19.2802C39.1129 17.951 38.9486 17.0251 38.7694 16.0544C38.6798 15.5615 38.635 15.4122 38.5902 15.2031C38.5305 14.9791 38.3363 14.8148 38.0974 14.8148H38.0078L34.782 15.3226C34.543 15.3674 34.3638 15.5765 34.3638 15.8304C34.3638 15.8602 34.3638 15.8752 34.3638 15.905L34.543 16.7862C34.7073 17.6822 34.8716 18.8172 35.0359 20.1762C35.2001 21.5801 35.2897 22.9988 35.3047 24.4176C35.3345 27.1356 35.0508 29.1368 34.4833 30.451C33.9158 31.7503 32.7509 32.6912 31.362 32.9898C29.4654 33.3931 27.5239 33.5723 25.5824 33.5126L24.4922 33.5275Z" fill="#283A97" id="circle-logo" /> <path d="M171.774 27.046C171.774 22.058 173.208 18.5484 178.973 18.5484C184.737 18.5484 186.171 22.058 186.171 27.046C186.171 32.0341 184.737 35.5436 178.973 35.5436C173.208 35.5436 171.774 32.0341 171.774 27.046ZM182.512 27.046C182.512 23.5813 182.064 21.595 178.987 21.595C175.911 21.595 175.463 23.5813 175.463 27.046C175.463 30.5108 175.926 32.497 178.987 32.497C182.049 32.497 182.512 30.4958 182.512 27.046Z" fill="#283A97" /> <path d="M72.0131 34.9014C72.1027 35.0507 72.2521 35.1403 72.4313 35.1403H73.7754C74.0442 35.1403 74.2533 34.9313 74.2533 34.6624V19.4145C74.2533 19.1457 74.0442 18.9366 73.7754 18.9366H71.0872C70.8184 18.9366 70.6093 19.1457 70.6093 19.4145V31.5113C69.4594 32.1535 68.1601 32.482 66.8459 32.4522C65.1284 32.4522 64.2772 31.7055 64.2772 30.0478V19.4145C64.2772 19.1457 64.0681 18.9366 63.7993 18.9366H61.126C60.8572 18.9366 60.6481 19.1457 60.6481 19.4145V30.3763C60.6481 33.4826 62.1117 35.5286 66.2186 35.5286C68.1003 35.5137 69.9373 34.9163 71.4755 33.8411L71.9534 34.9163L72.0131 34.9014Z" fill="#283A97" /> <path d="M102.27 23.7007C102.27 20.6243 100.747 18.5484 96.9086 18.5484C95.0567 18.5484 93.2497 19.1159 91.7115 20.1464C91.0245 19.1458 89.7252 18.5484 87.5597 18.5484C85.7975 18.5783 84.08 19.1756 82.6613 20.236L82.1834 19.1607C82.0938 19.0114 81.9444 18.9068 81.7652 18.9068H80.4211C80.1523 18.9068 79.9432 19.1159 79.9432 19.3847V34.6326C79.9432 34.9014 80.1523 35.1105 80.4211 35.1105H83.1093C83.3781 35.1105 83.5872 34.9014 83.5872 34.6326V22.5657C84.6177 21.9534 85.7975 21.6249 86.9922 21.6249C88.4558 21.6249 89.2921 22.1625 89.2921 23.7157V34.6774C89.2921 34.9462 89.5012 35.1553 89.77 35.1553H92.4582C92.727 35.1553 92.9361 34.9462 92.9361 34.6774V22.5657C93.9516 21.9385 95.1463 21.6099 96.3411 21.6099C97.7748 21.6099 98.641 22.1476 98.641 23.7007V34.6625C98.641 34.9313 98.85 35.1404 99.1189 35.1404H101.807C102.076 35.1404 102.285 34.9313 102.285 34.6625L102.27 23.7007Z" fill="#283A97" /> <path d="M110.573 33.856C112.097 34.9761 113.934 35.5735 115.83 35.5436C120.565 35.5436 122.312 32.3626 122.312 27.046C122.312 21.7294 120.565 18.5484 115.83 18.5484C114.292 18.5633 112.784 18.9964 111.484 19.8178V14.9044C111.484 14.6356 111.275 14.4265 111.007 14.4265H108.318C108.05 14.4265 107.841 14.6356 107.841 14.9044V34.6625C107.841 34.9313 108.05 35.1404 108.318 35.1404H109.662C109.842 35.1404 109.991 35.0508 110.081 34.9014L110.573 33.856ZM114.979 32.4522C113.754 32.4522 112.545 32.1386 111.484 31.5113V22.5657C112.545 21.9534 113.754 21.6248 114.979 21.6248C118.16 21.6248 118.638 24.0591 118.638 27.0311C118.638 30.003 118.16 32.4522 114.979 32.4522Z" fill="#283A97" /> <path d="M135.738 21.7294C135.32 21.6697 134.901 21.6398 134.468 21.6547C133.02 21.595 131.586 21.9385 130.317 22.6254V34.6625C130.317 34.9313 130.108 35.1404 129.839 35.1404H127.151C126.882 35.1404 126.673 34.9313 126.673 34.6625V19.4146C126.673 19.1458 126.882 18.9367 127.151 18.9367H128.495C128.674 18.9367 128.823 19.0263 128.913 19.1756L129.391 20.2509C130.869 19.1308 132.676 18.5335 134.528 18.5633C134.946 18.5633 135.379 18.5932 135.798 18.6679C136.051 18.6679 136.246 19.0711 136.246 19.325V21.2664C136.246 21.5352 136.036 21.7443 135.768 21.7443L135.738 21.7294Z" fill="#283A97" /> <path d="M145.027 27.6583C143.429 27.8525 142.458 28.4648 142.458 30.1523C142.458 31.3919 142.996 32.5568 144.952 32.5568C146.192 32.5717 147.401 32.1983 148.417 31.4815V27.285L145.027 27.6583ZM149.313 33.856C147.924 34.9463 146.207 35.5436 144.429 35.5436C140.248 35.5436 138.859 32.9451 138.859 30.3465C138.859 26.8369 141.129 25.3584 144.788 25.0598L148.432 24.776V23.9696C148.432 22.3118 147.655 21.6697 145.251 21.6697C143.743 21.6697 142.249 21.9236 140.83 22.4015C140.786 22.4164 140.726 22.4164 140.681 22.4015C140.412 22.4015 140.203 22.1924 140.203 21.9236V19.773C140.203 19.5639 140.323 19.3847 140.517 19.3101C142.13 18.7724 143.817 18.5036 145.52 18.5036C150.836 18.5036 152.061 20.8334 152.061 24.2832V34.6326C152.061 34.9014 151.852 35.1105 151.583 35.1105H150.239C150.06 35.1105 149.91 35.0209 149.821 34.8716L149.313 33.856Z" fill="#283A97" /> <path d="M167.802 31.81C167.846 31.81 167.906 31.81 167.951 31.81C168.22 31.81 168.429 32.0191 168.429 32.2879V34.4384C168.429 34.6326 168.309 34.8118 168.13 34.8865C166.801 35.3644 165.382 35.6033 163.964 35.5734C158.214 35.5734 156.452 32.1386 156.452 27.0758C156.452 22.0131 158.214 18.5782 163.964 18.5782C165.367 18.5484 166.786 18.7574 168.115 19.2353C168.294 19.31 168.414 19.4892 168.414 19.6834V21.8488C168.414 22.1177 168.205 22.3267 167.936 22.3267C167.876 22.3417 167.832 22.3417 167.772 22.3267C166.607 21.9534 165.382 21.7742 164.158 21.7891C161.007 21.7891 160.096 23.9396 160.096 27.0758C160.096 30.212 161.007 32.3626 164.158 32.3626C165.382 32.3775 166.607 32.1983 167.772 31.8249" fill="#283A97" /> </svg> </span> </a> </div> <nav class="nav-list"> <ul class="nav-list__list"> <li class="nav-item nav-item__has-dropdown" tabindex="1"> <button type="button" class="dropdown-button" aria-label="Products" title="Products"> Products <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L5 5L9 1" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <div class="nav-item__dropdown"> <ul class="nav-list__list nav-item__dropdown-list" style="grid-template-columns: 1fr 1fr;"> <li class="nav-item__dropdown-item "> <span>CMS Platform</span> <a href="/products/umbraco-cms/" title="CMS" class="has-caption"> <section> <img class="svg-icon" src="/media/nw1p2teb/layout-dashboard.svg" alt="CMS" width="24" height="24" /> <span> CMS <small>The flexible Umbraco CMS</small> </span> </section> </a> </li> <li class="nav-item__dropdown-item "> <span>Hosting</span> <a href="/products/umbraco-cloud/" title="Cloud" class="has-caption"> <section> <img class="svg-icon" src="/media/1phlany5/cloud.svg" alt="Cloud" width="24" height="24" /> <span> Cloud <small>Host with Umbraco Cloud</small> </span> </section> </a> </li> <li class="nav-item__dropdown-item "> <span>CMS Services</span> <a href="/products/support/" title="Support" class="has-caption"> <section> <img class="svg-icon" src="/media/yglft0yh/headset.svg" alt="Support" width="24" height="24" /> <span> Support <small>Fast Support available</small> </span> </section> </a> <a href="/products/umbraco-heartcore/" title="Heartcore" class="has-caption"> <section> <img class="svg-icon" src="/media/nolhvn5q/heart.svg" alt="Heartcore" width="24" height="24" /> <span> Heartcore <small>Headless Umbraco SaaS</small> </span> </section> </a> </li> <li class="nav-item__dropdown-item "> <span>Integrations</span> <a href="/products/add-ons/" title="Add-ons" class="has-caption"> <section> <img class="svg-icon" src="/media/icfeaaz0/blocks.svg" alt="Add-ons" width="24" height="24" /> <span> Add-ons <small>Add more features</small> </span> </section> </a> <a href="https://marketplace.umbraco.com/" title="Marketplace" class="has-caption"> <section> <img class="svg-icon" src="/media/qz5npdo5/puzzle.svg" alt="Marketplace" width="24" height="24" /> <span> Marketplace <small>Explore the ecosystem</small> </span> </section> </a> </li> </ul> </div> </li> <li class="nav-item nav-item__has-dropdown" tabindex="2"> <button type="button" class="dropdown-button" aria-label="Customers" title="Customers"> Customers <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L5 5L9 1" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <div class="nav-item__dropdown"> <ul class="nav-list__list nav-item__dropdown-list" style="grid-template-columns: 1fr 1fr;"> <li class="nav-item__dropdown-item "> <span>Partners</span> <a href="/partners/find-a-solution-partner/" title="Find a Partner" class="has-caption"> <section> <img class="svg-icon" src="/media/344f14nl/user-search.svg" alt="Find a Partner" width="24" height="24" /> <span> Find a Partner <small>Umbraco Partner Ecosystem</small> </span> </section> </a> <a href="/partners/become-an-umbraco-solution-partner/" title="Become a Partner" class="has-caption"> <section> <img class="svg-icon" src="/media/sokfjnb5/handshake.svg" alt="Become a Partner" width="24" height="24" /> <span> Become a Partner <small>Join our Partner Program</small> </span> </section> </a> <a href="/sign-in/" title="Log in" class="has-caption"> <section> <img class="svg-icon" src="/media/rcjeyjb4/log-in.svg" alt="Log in" width="24" height="24" /> <span> Log in <small>Umbraco Partner Login</small> </span> </section> </a> </li> <li class="nav-item__dropdown-item "> <span>Enterprise</span> <a href="/case-studies-testimonials/" title="Case Studies" class=""> <section> <img class="svg-icon" src="/media/h3jfbuwc/notebook-pen.svg" alt="Case Studies" width="24" height="24" /> <span> Case Studies </span> </section> </a> <a href="/umbraco-by-industry/" title="Umbraco by Industry" class=""> <section> <img class="svg-icon" src="/media/hvdp2ude/building-2.svg" alt="Umbraco by Industry" width="24" height="24" /> <span> Umbraco by Industry </span> </section> </a> </li> </ul> </div> </li> <li class="nav-item nav-item__has-dropdown" tabindex="3"> <button type="button" class="dropdown-button" aria-label="Resources" title="Resources"> Resources <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L5 5L9 1" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <div class="nav-item__dropdown"> <ul class="nav-list__list nav-item__dropdown-list" style="grid-template-columns: 1fr 1fr 1fr;"> <li class="nav-item__dropdown-item "> <span>Learn</span> <a href="/products/knowledge-center/" title="Knowledge Center" class=""> <section> <img class="svg-icon" src="/media/mmnfzyt2/lightbulb.svg" alt="Knowledge Center" width="24" height="24" /> <span> Knowledge Center </span> </section> </a> <a href="/blog/" title="Blog" class=""> <section> <img class="svg-icon" src="/media/iivos0a0/library-big.svg" alt="Blog" width="24" height="24" /> <span> Blog </span> </section> </a> <a href="/training/book-courses/" title="Courses" class=""> <section> <img class="svg-icon" src="/media/ctehbdfg/graduation-cap.svg" alt="Courses" width="24" height="24" /> <span> Courses </span> </section> </a> </li> <li class="nav-item__dropdown-item "> <span>Develop</span> <a href="https://docs.umbraco.com/welcome" title="Documentation" class=""> <section> <img class="svg-icon" src="/media/jpujglgd/square-library.svg" alt="Documentation" width="24" height="24" /> <span> Documentation </span> </section> </a> <a href="/training/" title="Training" class=""> <section> <img class="svg-icon" src="/media/3n0hi23b/book-open-text.svg" alt="Training" width="24" height="24" /> <span> Training </span> </section> </a> <a href="https://github.com/umbraco" title="GitHub" class=""> <section> <img class="svg-icon" src="/media/jcgmfoll/github.svg" alt="GitHub" width="24" height="24" /> <span> GitHub </span> </section> </a> </li> <li class="nav-item__dropdown-item "> <span>Connect</span> <a href="https://community.umbraco.com/" title="Community" class=""> <section> <img class="svg-icon" src="/media/codh4hvw/users-round.svg" alt="Community" width="24" height="24" /> <span> Community </span> </section> </a> <a href="https://community.umbraco.com/get-involved/community-discord-server/" title="Discord" class=""> <section> <img class="svg-icon" src="/media/qencmdbw/message-square-more.svg" alt="Discord" width="24" height="24" /> <span> Discord </span> </section> </a> </li> </ul> </div> </li> <li class="nav-item nav-item__has-dropdown" tabindex="4"> <button type="button" class="dropdown-button" aria-label="Company" title="Company"> Company <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L5 5L9 1" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <div class="nav-item__dropdown"> <ul class="nav-list__list nav-item__dropdown-list" style="grid-template-columns: 1fr 1fr;"> <li class="nav-item__dropdown-item "> <span>Get to know us</span> <a href="/about-us/" title="About Us" class=""> <section> <img class="svg-icon" src="/media/hvdp2ude/building-2.svg" alt="About Us" width="24" height="24" /> <span> About Us </span> </section> </a> <a href="/about-us/mission-and-vision/" title="Mission and Vision" class=""> <section> <img class="svg-icon" src="/media/z4tlnc3a/eye.svg" alt="Mission and Vision" width="24" height="24" /> <span> Mission and Vision </span> </section> </a> <a href="/about-us/values/" title="Our Values" class=""> <section> <img class="svg-icon" src="/media/xw0jsquq/message-square-heart.svg" alt="Our Values" width="24" height="24" /> <span> Our Values </span> </section> </a> </li> <li class="nav-item__dropdown-item "> <span>Get in touch</span> <a href="/contact-us/" title="Contact us" class=""> <section> <img class="svg-icon" src="/media/tqmb0jta/user-pen.svg" alt="Contact us" width="24" height="24" /> <span> Contact us </span> </section> </a> <a href="/work-at-umbraco/" title="Work at Umbraco" class=""> <section> <img class="svg-icon" src="/media/gzzbrvzs/briefcase.svg" alt="Work at Umbraco" width="24" height="24" /> <span> Work at Umbraco </span> </section> </a> </li> </ul> </div> </li> </ul> </nav> <div class="nav-end"> <div class="nav-end__item search-btn"> <button type="button" class="icon-btn" aria-label="Search"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-search"> <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M21 21L16.7 16.7" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <form method="GET" action="/search/"> <input type="text" name="q" placeholder="What are you looking for?" autofocus /> <button type="button" class="icon-btn" aria-label="Search"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="search-icon"> <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#333333" stroke-opacity="0.5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5303 9.53033C15.8232 9.23744 15.8232 8.76256 15.5303 8.46967C15.2374 8.17678 14.7626 8.17678 14.4697 8.46967L12 10.9393L9.53033 8.46967C9.23744 8.17678 8.76256 8.17678 8.46967 8.46967C8.17678 8.76256 8.17678 9.23744 8.46967 9.53033L10.9393 12L8.46967 14.4697C8.17678 14.7626 8.17678 15.2374 8.46967 15.5303C8.76256 15.8232 9.23744 15.8232 9.53033 15.5303L12 13.0607L14.4697 15.5303C14.7626 15.8232 15.2374 15.8232 15.5303 15.5303C15.8232 15.2374 15.8232 14.7626 15.5303 14.4697L13.0607 12L15.5303 9.53033Z" fill="#333333" fill-opacity="0.5" /> </svg> </button> </form> </div> <div class="nav-mobile__item cta-btn"> <a href="https://calendly.com/d/2wd-q6x-vg2" class="btn arrow cta is-blue" target="_blank" title="Book a discovery call">Book a discovery call<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path id="Vector" d="M6.41675 6.41663H15.5834V15.5833" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path id="Vector_2" d="M6.41675 15.5833L15.5834 6.41663" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></g></svg></a> </div> </div> <div class="nav-mobile"> <a href="/" title="Umbraco" class="logo-link"> <span class="logo-container"> <svg width="187" height="50" viewBox="0 0 187 50" fill="none" xmlns="http://www.w3.org/2000/svg" class="logo"> <path d="M1.49169e-05 24.9701C0.0149492 11.1559 11.2306 -0.0149193 25.0299 1.49568e-05C38.8292 0.0149492 50.0149 11.2306 50 25.0299C49.9851 38.8292 38.7993 50 25 50C11.1858 49.9851 -0.0149194 38.7844 1.49169e-05 24.9701ZM24.4922 33.5275C22.5508 33.5872 20.6093 33.408 18.7127 33.0048C17.3089 32.721 16.129 31.7802 15.5466 30.466C14.9791 29.1667 14.7103 27.1505 14.7252 24.4325C14.7402 23.0138 14.8298 21.595 14.994 20.1912C15.1583 18.8172 15.3226 17.6822 15.4719 16.7862L15.6362 15.905C15.6362 15.8752 15.6362 15.8602 15.6362 15.8304C15.6362 15.5765 15.457 15.3674 15.2181 15.3226L11.9922 14.8148H11.9474C11.7085 14.8148 11.5143 14.9791 11.4546 15.2031C11.3949 15.4122 11.365 15.5615 11.2754 16.0544C11.0962 17.0102 10.917 17.9361 10.7378 19.2802C10.5436 20.7437 10.4241 22.2222 10.3793 23.7007C10.3047 24.7312 10.3047 25.7617 10.3793 26.7921C10.454 29.5251 10.9319 31.7204 11.7832 33.3483C12.6344 34.9761 14.1129 36.1559 16.1738 36.8728C18.2348 37.5896 21.1022 37.948 24.7909 37.9331H25.2539C28.9427 37.948 31.81 37.6045 33.871 36.8728C35.9319 36.1559 37.3955 34.9761 38.2617 33.3483C39.1278 31.7055 39.5908 29.5251 39.6655 26.7921C39.7402 25.7617 39.7402 24.7312 39.6655 23.7007C39.6207 22.2222 39.5012 20.7437 39.3071 19.2802C39.1129 17.951 38.9486 17.0251 38.7694 16.0544C38.6798 15.5615 38.635 15.4122 38.5902 15.2031C38.5305 14.9791 38.3363 14.8148 38.0974 14.8148H38.0078L34.782 15.3226C34.543 15.3674 34.3638 15.5765 34.3638 15.8304C34.3638 15.8602 34.3638 15.8752 34.3638 15.905L34.543 16.7862C34.7073 17.6822 34.8716 18.8172 35.0359 20.1762C35.2001 21.5801 35.2897 22.9988 35.3047 24.4176C35.3345 27.1356 35.0508 29.1368 34.4833 30.451C33.9158 31.7503 32.7509 32.6912 31.362 32.9898C29.4654 33.3931 27.5239 33.5723 25.5824 33.5126L24.4922 33.5275Z" fill="#283A97" id="circle-logo" /> <path d="M171.774 27.046C171.774 22.058 173.208 18.5484 178.973 18.5484C184.737 18.5484 186.171 22.058 186.171 27.046C186.171 32.0341 184.737 35.5436 178.973 35.5436C173.208 35.5436 171.774 32.0341 171.774 27.046ZM182.512 27.046C182.512 23.5813 182.064 21.595 178.987 21.595C175.911 21.595 175.463 23.5813 175.463 27.046C175.463 30.5108 175.926 32.497 178.987 32.497C182.049 32.497 182.512 30.4958 182.512 27.046Z" fill="#283A97" /> <path d="M72.0131 34.9014C72.1027 35.0507 72.2521 35.1403 72.4313 35.1403H73.7754C74.0442 35.1403 74.2533 34.9313 74.2533 34.6624V19.4145C74.2533 19.1457 74.0442 18.9366 73.7754 18.9366H71.0872C70.8184 18.9366 70.6093 19.1457 70.6093 19.4145V31.5113C69.4594 32.1535 68.1601 32.482 66.8459 32.4522C65.1284 32.4522 64.2772 31.7055 64.2772 30.0478V19.4145C64.2772 19.1457 64.0681 18.9366 63.7993 18.9366H61.126C60.8572 18.9366 60.6481 19.1457 60.6481 19.4145V30.3763C60.6481 33.4826 62.1117 35.5286 66.2186 35.5286C68.1003 35.5137 69.9373 34.9163 71.4755 33.8411L71.9534 34.9163L72.0131 34.9014Z" fill="#283A97" /> <path d="M102.27 23.7007C102.27 20.6243 100.747 18.5484 96.9086 18.5484C95.0567 18.5484 93.2497 19.1159 91.7115 20.1464C91.0245 19.1458 89.7252 18.5484 87.5597 18.5484C85.7975 18.5783 84.08 19.1756 82.6613 20.236L82.1834 19.1607C82.0938 19.0114 81.9444 18.9068 81.7652 18.9068H80.4211C80.1523 18.9068 79.9432 19.1159 79.9432 19.3847V34.6326C79.9432 34.9014 80.1523 35.1105 80.4211 35.1105H83.1093C83.3781 35.1105 83.5872 34.9014 83.5872 34.6326V22.5657C84.6177 21.9534 85.7975 21.6249 86.9922 21.6249C88.4558 21.6249 89.2921 22.1625 89.2921 23.7157V34.6774C89.2921 34.9462 89.5012 35.1553 89.77 35.1553H92.4582C92.727 35.1553 92.9361 34.9462 92.9361 34.6774V22.5657C93.9516 21.9385 95.1463 21.6099 96.3411 21.6099C97.7748 21.6099 98.641 22.1476 98.641 23.7007V34.6625C98.641 34.9313 98.85 35.1404 99.1189 35.1404H101.807C102.076 35.1404 102.285 34.9313 102.285 34.6625L102.27 23.7007Z" fill="#283A97" /> <path d="M110.573 33.856C112.097 34.9761 113.934 35.5735 115.83 35.5436C120.565 35.5436 122.312 32.3626 122.312 27.046C122.312 21.7294 120.565 18.5484 115.83 18.5484C114.292 18.5633 112.784 18.9964 111.484 19.8178V14.9044C111.484 14.6356 111.275 14.4265 111.007 14.4265H108.318C108.05 14.4265 107.841 14.6356 107.841 14.9044V34.6625C107.841 34.9313 108.05 35.1404 108.318 35.1404H109.662C109.842 35.1404 109.991 35.0508 110.081 34.9014L110.573 33.856ZM114.979 32.4522C113.754 32.4522 112.545 32.1386 111.484 31.5113V22.5657C112.545 21.9534 113.754 21.6248 114.979 21.6248C118.16 21.6248 118.638 24.0591 118.638 27.0311C118.638 30.003 118.16 32.4522 114.979 32.4522Z" fill="#283A97" /> <path d="M135.738 21.7294C135.32 21.6697 134.901 21.6398 134.468 21.6547C133.02 21.595 131.586 21.9385 130.317 22.6254V34.6625C130.317 34.9313 130.108 35.1404 129.839 35.1404H127.151C126.882 35.1404 126.673 34.9313 126.673 34.6625V19.4146C126.673 19.1458 126.882 18.9367 127.151 18.9367H128.495C128.674 18.9367 128.823 19.0263 128.913 19.1756L129.391 20.2509C130.869 19.1308 132.676 18.5335 134.528 18.5633C134.946 18.5633 135.379 18.5932 135.798 18.6679C136.051 18.6679 136.246 19.0711 136.246 19.325V21.2664C136.246 21.5352 136.036 21.7443 135.768 21.7443L135.738 21.7294Z" fill="#283A97" /> <path d="M145.027 27.6583C143.429 27.8525 142.458 28.4648 142.458 30.1523C142.458 31.3919 142.996 32.5568 144.952 32.5568C146.192 32.5717 147.401 32.1983 148.417 31.4815V27.285L145.027 27.6583ZM149.313 33.856C147.924 34.9463 146.207 35.5436 144.429 35.5436C140.248 35.5436 138.859 32.9451 138.859 30.3465C138.859 26.8369 141.129 25.3584 144.788 25.0598L148.432 24.776V23.9696C148.432 22.3118 147.655 21.6697 145.251 21.6697C143.743 21.6697 142.249 21.9236 140.83 22.4015C140.786 22.4164 140.726 22.4164 140.681 22.4015C140.412 22.4015 140.203 22.1924 140.203 21.9236V19.773C140.203 19.5639 140.323 19.3847 140.517 19.3101C142.13 18.7724 143.817 18.5036 145.52 18.5036C150.836 18.5036 152.061 20.8334 152.061 24.2832V34.6326C152.061 34.9014 151.852 35.1105 151.583 35.1105H150.239C150.06 35.1105 149.91 35.0209 149.821 34.8716L149.313 33.856Z" fill="#283A97" /> <path d="M167.802 31.81C167.846 31.81 167.906 31.81 167.951 31.81C168.22 31.81 168.429 32.0191 168.429 32.2879V34.4384C168.429 34.6326 168.309 34.8118 168.13 34.8865C166.801 35.3644 165.382 35.6033 163.964 35.5734C158.214 35.5734 156.452 32.1386 156.452 27.0758C156.452 22.0131 158.214 18.5782 163.964 18.5782C165.367 18.5484 166.786 18.7574 168.115 19.2353C168.294 19.31 168.414 19.4892 168.414 19.6834V21.8488C168.414 22.1177 168.205 22.3267 167.936 22.3267C167.876 22.3417 167.832 22.3417 167.772 22.3267C166.607 21.9534 165.382 21.7742 164.158 21.7891C161.007 21.7891 160.096 23.9396 160.096 27.0758C160.096 30.212 161.007 32.3626 164.158 32.3626C165.382 32.3775 166.607 32.1983 167.772 31.8249" fill="#283A97" /> </svg> </span> </a> <div class="nav-mobile__buttons"> <div class="nav-end__item search-btn"> <button type="button" class="icon-btn" aria-label="Search"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-search"> <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M21 21L16.7 16.7" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <form method="GET" action="/search/"> <input type="text" name="q" placeholder="What are you looking for?" autofocus /> <button type="button" class="icon-btn" aria-label="Search"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="search-icon"> <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#333333" stroke-opacity="0.5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5303 9.53033C15.8232 9.23744 15.8232 8.76256 15.5303 8.46967C15.2374 8.17678 14.7626 8.17678 14.4697 8.46967L12 10.9393L9.53033 8.46967C9.23744 8.17678 8.76256 8.17678 8.46967 8.46967C8.17678 8.76256 8.17678 9.23744 8.46967 9.53033L10.9393 12L8.46967 14.4697C8.17678 14.7626 8.17678 15.2374 8.46967 15.5303C8.76256 15.8232 9.23744 15.8232 9.53033 15.5303L12 13.0607L14.4697 15.5303C14.7626 15.8232 15.2374 15.8232 15.5303 15.5303C15.8232 15.2374 15.8232 14.7626 15.5303 14.4697L13.0607 12L15.5303 9.53033Z" fill="#333333" fill-opacity="0.5" /> </svg> </button> </form> </div> <button type="button" class="nav-mobile__item menu-btn" id="menuBtn" title="Menu"> <div class="icon-btn"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-menu"> <g id="menu 1"> <path id="Vector" d="M4 12H20" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path id="Vector_2" d="M4 6H20" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path id="Vector_3" d="M4 18H20" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </g> </svg> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-close"> <path d="M18 6L6 18" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> <path d="M6 6L18 18" stroke="#283A97" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </button> </div> </div> </div> </header> </dc-header> <div class="nav-header__overlay"></div> <main> <header class="hero has-background " id="KrkMB"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #KrkMB { --background-color: var(--color-white); --text-color: #162335; } </style> <div class="hero-overlay"></div> <img src="/media/4rfcz50r/product-update-q3-2024-hero_1665x438px.jpg?width=800&height=200&v=1db004564b63dd0&format=webp" class="hero-image" alt="" /> <div class="hero-content"> <div class="hero-header"> <h1>Umbraco Product Update - August 2024</h1> <h2></h2> </div> </div> </header> <section> <div class="blog-main"> <div class="avatar"> <img src="/media/h4zj0dkh/tn0_5-ak_400x400.jpg?width=100&height=100&format=webp" alt="Filip Bech-Larsen" /> <div class="author-description small"> <span>Written by</span> <span>Filip Bech-Larsen</span> </div> </div> <div class="teaser"><p>Our key focus this year has been on providing greater flexibility to build how you want to build. This has resulted in features across the entire product portfolio, and ensuring our products are fully aligned with the new frontend architecture released earlier this year with Umbraco 14. It’s exciting to see a more cohesive and efficient experience emerge, and we’re even expanding with a brand new addition to the product line-up. Dive into the details below to see how these can help you build, deliver, and work with the Umbraco platform.</p></div> <div class="dc-block-list"> <div class="dc-text-block justify- " id="hOkCF"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #hOkCF { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p>Overview:</p> <ul> <li><a href="#cms" data-anchor="#cms">Umbraco CMS</a></li> <li><a href="#cloud" data-anchor="#cloud">Umbraco Cloud</a></li> <li><a href="#heartcore" data-anchor="#heartcore">Umbraco Heartcore</a></li> <li><a href="#Commerce" data-anchor="#Commerce">Umbraco Commerce</a></li> <li><a href="#workflow" data-anchor="#workflow">Umbraco Workflow</a></li> <li><a href="#forms" data-anchor="#forms">Umbraco Forms</a><a href="https://docs.google.com/document/d/1U32XK82d5Ud5pwKzioG6ysTpNpSdsdRQRxgWCafKDBg/edit#heading=h.am79dqcsk8gm"></a></li> <li><a href="#ui" data-anchor="#ui">Umbraco UI Builder</a><a href="https://docs.google.com/document/d/1U32XK82d5Ud5pwKzioG6ysTpNpSdsdRQRxgWCafKDBg/edit#heading=h.knng1ovgu32l"></a></li> <li><a href="#deploy" data-anchor="#deploy">Umbraco Deploy</a><a href="https://docs.google.com/document/d/1U32XK82d5Ud5pwKzioG6ysTpNpSdsdRQRxgWCafKDBg/edit#heading=h.vzsu1k41rb"></a></li> <li><a href="#news" data-anchor="#news">In other news…</a><a href="https://docs.google.com/document/d/1U32XK82d5Ud5pwKzioG6ysTpNpSdsdRQRxgWCafKDBg/edit#heading=h.760dqxwi9n9j"></a></li> <li><a href="#look" data-anchor="#look">Until next time… Let’s look ahead!</a></li> </ul> <h2 id="cms" class="is-ultralarge">Umbraco CMS</h2> <p>At the end of May, we shipped Umbraco 14 with a new backoffice implementation (aka. Bellissima). Since then we've shipped versions 14.1 and 14.2. While most of the changes have been adding polish and fixing bugs after the major release, some smaller features have been finalized. Here are a couple of notable changes that we think you'll enjoy: </p> <h3>Umbraco Flavored Markdown</h3> <p>In Umbraco 14.1, we introduced Umbraco Flavored Markdown (UFM) to enhance property descriptions and advanced labels in block editors and collection view columns. Currently, we support basic label values and localized components, with more features on the way. You can already implement your own custom UFM and render it within your web components. Find out how in the <a href="https://docs.umbraco.com/umbraco-cms/reference/umbraco-flavored-markdown">documentation for Umbraco Flavored Markdown</a>.</p> <h3>Custom Views for Blocks</h3> <p>Umbraco 14.2 introduces <a href="https://docs.umbraco.com/umbraco-cms/tutorials/creating-custom-views-for-blocklist">Custom Views for blocks</a> which enables complete control over how content is represented and edited in the backoffice. Prior to Umbraco 14, this used to be a configuration in the Backoffice. Now it is a Backoffice Extension Type where registration is done via code. It's also worth noting, that where previous views were written as AngularJs templates, they are now based on web components.</p> <h3>Umbraco CMS: Coming up</h3> <p>For the upcoming release of Umbraco 14.3, you continue to see a decent amount of bug fixes, as well as some smaller features that didn’t make it to Umbraco 14 yet: Expect to see Media Library Preview Extensions, Import/Export of Document- and Media Types, and hopefully also the Clipboard service (copy/paste).</p> <p>For Umbraco 15 we are currently working on three main things:</p> <ul> <li style="font-weight: 400;" aria-level="1">Lazy Loaded Content Cache. This project is internally split into three sub-projects; one for navigation, one for routing, and one for the actual cache handling. When it's done, you'll be able to utilize a hybrid cache and benefit from better performance during boot time and in general benefit from more flexibility related to cache. <br /><br /></li> <li style="font-weight: 400;" aria-level="1">Block Level Variants will let you have blocks that are related to a specific language.<br /><br /></li> <li style="font-weight: 400;" aria-level="1">Client Credentials, to ensure system-to-system integrations to the management API and the content delivery API based on Client ID and Client Credentials</li> </ul> <p>Aside from the standard versioned releases, we've done some updates to the "dotnet new"-template, to make it quicker to get started in the way you want to build. You can now enable the Content Delivery API, set a Runtime Mode, set the Models Builder mode, install the starter kit, and add a Docker file. For Docker, we've made a docker compose template, so it's just a matter of firing the command "docker compose up", and you have your image running in Docker.</p></div> </div> <div class="dc-text-block justify- " id="YPUoq"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #YPUoq { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><h2 id="cloud" class="is-ultralarge">Umbraco Cloud</h2> <h3>Sustainability Dashboard</h3> <p>As environmental responsibility becomes increasingly important, we are committed to providing tools that empower you to make informed decisions about your digital infrastructure.</p> <p>This is the first step to help you track, analyze, and report carbon emissions associated with your Umbraco Cloud projects. The dashboard provides clear metrics, helping you understand the environmental impact of your cloud usage.</p></div> </div> <div class="dc-image-block " id="UTFBg"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #UTFBg { --block-background-color: transparent; } </style> <div class="dc-image-wrapper"> <img srcset="/media/xbvloejy/sustainability-dashboard-umbraco-cloud_1551x476px.jpg?rmode=pad&width=680&v=1db00453b06b3c0&format=webp 662w, /media/xbvloejy/sustainability-dashboard-umbraco-cloud_1551x476px.jpg?rmode=pad&width=1360&v=1db00453b06b3c0&format=webp 1360w" sizes="(max-width: 698px) 662px, 1360px" src="/media/xbvloejy/sustainability-dashboard-umbraco-cloud_1551x476px.jpg?rmode=pad&width=1360&v=1db00453b06b3c0&format=webp" alt="he image is a screenshot of a "Sustainability Dashboard" from Umbraco Cloud, focusing on carbon emissions data. "Carbon Emission Report" is displayed in a green banner at the top of the dashboard. The report states that CO2 data has been available since July 7th, 2024. There is also a link for additional information on the methodology used, indicated by the word "here." A small illustration of trees and clouds is shown on the green banner to symbolize environmental sustainability." class="dc-image" loading="lazy" /> </div> </div> <div class="dc-text-block justify- " id="gzspA"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #gzspA { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p>The Sustainability Dashboard shipped last month to all Umbraco Cloud organizations. It is part of our ongoing commitment to empower users and customers to create more sustainable solutions. You can read more about how it works in the <a href="https://docs.umbraco.com/umbraco-cloud/getting-started/the-umbraco-cloud-portal/sustainability-dashboard">Sustainability Dashboard documentation</a>.</p> <h3>Enhanced UI and UX in Umbraco Cloud</h3> <p>The user experience within the Umbraco Cloud portal has also seen significant enhancements, designed to make managing your projects smoother and more intuitive.</p> <p>The new Project History and Upgrade Details pages offer clearer insights into your project’s development. Track changes over time with the Project History page, and stay informed about specific upgrades with detailed logs.</p></div> </div> <div class="dc-image-block " id="CttWU"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #CttWU { --block-background-color: transparent; } </style> <div class="dc-image-wrapper"> <img srcset="/media/0uobjnvm/new-project-page-umbraco-cloud_1558x652px.jpg?rmode=pad&width=680&v=1db00455589cfc0&format=webp 662w, /media/0uobjnvm/new-project-page-umbraco-cloud_1558x652px.jpg?rmode=pad&width=1360&v=1db00455589cfc0&format=webp 1360w" sizes="(max-width: 698px) 662px, 1360px" src="/media/0uobjnvm/new-project-page-umbraco-cloud_1558x652px.jpg?rmode=pad&width=1360&v=1db00455589cfc0&format=webp" alt="" class="dc-image" loading="lazy" /> </div> </div> <div class="dc-text-block justify- " id="WKdqm"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #WKdqm { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p>Navigating your projects is now easier than ever with the Improved Search functionality on the Projects Dashboard. Quickly find the projects you need with more accurate and faster search capabilities, saving you time and streamlining your workflow.</p> <p>The updated New Project page with real-time updates and a dynamic content loading feature ensures you're always informed of the latest project changes. The UI's consistent design across devices enhances your workflow on any platform. Additionally, Long-Running Activities are now more transparently managed, allowing you to track and monitor extended tasks.</p> <h3>New Database Features</h3> <p>We’ve introduced several powerful updates to Umbraco Cloud, including the new Import Database feature, alongside the previously released Export Database and Upload Custom Database functionalities.</p> <h4>Export Database with Point-In-Time Recovery (PITR)</h4> <p>The PITR feature allows you to easily export backups of your Umbraco database from Azure, perfect for securing data before updates or reverting changes. Organized backups can be downloaded or deleted as needed, providing peace of mind during project management.</p> <h4>Upload and Import Database</h4> <p>Building on PITR, the Upload Custom Database feature lets you upload your own Umbraco database to the cloud. Now, with the new Import Database capability, you can seamlessly import and swap databases across environments, making it easier to manage and restore specific database states.</p> <h3>Umbraco Cloud: Coming Up</h3> <h4>The first step for more Flexible Environments</h4> <p>We are introducing the Flexible Environments feature, designed to give users more control over their environment and workflows. Traditionally, Umbraco Cloud environments (such as Development, Staging, and Live) were predefined and fixed. This new feature will allow users to create, customize, and manage additional environments tailored to their specific project needs. The first part of this feature will be the ability to add a Feature Environment which is only connected with the left-most environment. We are also giving you the ability to name the environments, meaning the mandatory Development, Staging, and Live terminology will disappear.</p> <h4>Custom Login Provider feedback </h4> <p>Umbraco Cloud is introducing a feature that allows users to enable their own login providers. This enhancement gives organizations the flexibility to integrate their preferred identity providers, such as Azure AD, Google, or custom OAuth solutions, directly into their Umbraco Cloud projects. This feature empowers users to customize authentication in Umbraco Cloud, aligning with their security and operational requirements.</p> <p>We are in the early stages of feature development and are looking for more conversations with current and future users and customers to help make this feature the best possible. If you want to influence the new feature you can reach out to reach out to <a href="mailto:kec@umbraco.dk">Kristian Egebæk-Carlsen</a>, Head of Cloud at Umbraco, on his email <a href="mailto:kec@umbraco.dk">kec@umbraco.dk</a> and set up a short 15-minute meeting to discuss how you would like to bring your own login provider to Umbraco Cloud.</p> <h4>Stay Up-to-date</h4> <p>For more details on the features released over the last several months head over to the <a href="https://docs.umbraco.com/umbraco-cloud/release-notes/overview-2024"><em>Umbraco Cloud release notes</em></a>. Release notes for Umbraco Cloud are added roughly every month, or when larger new features are released. </p> <h2 id="heartcore" class="is-ultralarge">Umbraco Heartcore</h2> <h3>Webhook enhancements</h3> <p>We recently updated the webhook functionality in Heartcore. Our goals were to bring it more in line with the core CMS, but still fire hooks from the delivery platform so that all the retries, delivery guarantees, and other current Heartcore-specific capabilities are still supported.</p></div> </div> <div class="dc-image-block " id="oAQaN"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #oAQaN { --block-background-color: transparent; } </style> <div class="dc-image-wrapper"> <img srcset="/media/ihhbjl2g/web-enhancements-umbraco-heartcore_1440x900px.jpg?rmode=pad&width=680&v=1db004555201170&format=webp 662w, /media/ihhbjl2g/web-enhancements-umbraco-heartcore_1440x900px.jpg?rmode=pad&width=1360&v=1db004555201170&format=webp 1360w" sizes="(max-width: 698px) 662px, 1360px" src="/media/ihhbjl2g/web-enhancements-umbraco-heartcore_1440x900px.jpg?rmode=pad&width=1360&v=1db004555201170&format=webp" alt="" class="dc-image" loading="lazy" /> </div> </div> <div class="dc-text-block justify- " id="iazUl"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #iazUl { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p>As a result of this refresh, you’ll also see some expanded functionality in Heartcore webhooks. For example, it is now possible to specify custom headers to send along with the payload. You’ll be able to select multiple content types and trigger events where before you had to manage many hooks for the same purpose.</p> <h3>Core dependency upgrade - existing sites</h3> <p>Back in October of 2023, we announced a <a href="/blog/umbraco-heartcore-update-october-2023/">major technology upgrade for Heartcore</a>. This upgrade came with some concrete benefits, such as making the Block Grid editor available in Heartcore and increasing the responsiveness of the backoffice.</p> <p>In <a href="/blog/umbraco-product-update-february-2024/">February this year</a>, we made that the default for all new sites. Since then we’ve been busy rolling out the upgrade to all existing sites so that they too can benefit from these enhancements.</p> <p>Check out the <a href="https://docs.umbraco.com/umbraco-heartcore/release-notes">release notes</a> for all the juicy details.</p> <h3>Umbraco Heartcore: Coming up</h3> <h4>Persisted GraphQL Queries</h4> <p>Have you ever wished that Umbraco Heartcore supported more fine-grained access control to content? Well, wish no longer, because persisted queries will soon be here.</p> <p>Persisted queries are to GraphQL what stored procedures are to SQL. They will allow you to save your query up-front and then execute it by name afterward. Furthermore, you’ll have the ability to put your GraphQL API into persisted query-only mode, meaning that GraphQL will only return specific responses you’ve specified in your queries. Gone are the days when GraphQL will unequivocally return everything in the tree - unless, of course, you want it to do that.</p> <p>One other advantage of persisted queries is performance. Since it is no longer necessary to send a large blob of query text with every request which means that the API can immediately start executing your persisted queries rather than waiting for the payload.</p> <h2 id="commerce" class="is-ultralarge">Umbraco Commerce</h2> <p>We’re excited to announce that Umbraco Commerce is fully compatible with Umbraco 14. Our team has worked hard to align the product and all associated packages, including payment and shipping providers, with Umbraco 14’s new backoffice architecture. 👏 </p> <h3>Key Features in Umbraco Commerce 14</h3> <p>With this release, we’ve not only ensured compatibility but also embraced the new extension-first architecture, converting the old UI config system to the new manifest system. This brings added flexibility and new features that make it easier for you to extend and customize Umbraco Commerce.</p> <ul> <li style="font-weight: 400;" aria-level="1">Umbraco Commerce 14 comes with <em>backoffice localization</em>, giving you the freedom to introduce any given language to the backoffice. <br /><br /></li> <li style="font-weight: 400;" aria-level="1">The <em>Management API </em>is introduced in Umbraco Commerce 14. One key thought whilst developing this API has been to ensure external developers might use this to build other UI's for Umbraco Commerce such as a dedicated mobile app and so we've tried to ensure there are no "special" endpoints just for the Umbraco CMS UI. <br /><br /></li> <li style="font-weight: 400;" aria-level="1">More flexibility to handle orders the way you want<br /><br /></li> <li style="font-weight: 400;" aria-level="1">You can store any data you want against orders and display the exact information needed for managing your orders<br /><br /></li> <li style="font-weight: 400;" aria-level="1">When editing customer details you can create custom properties to extend customer and payment details or display them elsewhere within the order overview. A significant upgrade from Umbraco 13 where properties only were possible on the order line and info box.<br /><br /></li> <li style="font-weight: 400;" aria-level="1">Quick Actions, such as Change Status, Send Email, Print Order, can now be defined and made custom.<br /><br /></li> <li style="font-weight: 400;" aria-level="1">Bulk Actions has gotten an improved API for the bulk actions in the order overview to give a smoother experience when extending</li> <li style="font-weight: 400;" aria-level="1">Finally,<em> Analytics Widgets</em> are updated for better and more defined extensions 🎉</li> </ul> <p><br />Read the full <a href="https://docs.umbraco.com/umbraco-commerce/release-notes">release note</a> for all the details and info on breaking changes.</p></div> </div> <div class="dc-image-block " id="ESbgC"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #ESbgC { --block-background-color: transparent; } </style> <div class="dc-image-wrapper"> <img srcset="/media/h0je2lyl/config-code-umbraco-commerce_786x470px.jpg?rmode=pad&width=680&v=1db00453d70aee0&format=webp 662w, /media/h0je2lyl/config-code-umbraco-commerce_786x470px.jpg?rmode=pad&width=1360&v=1db00453d70aee0&format=webp 1360w" sizes="(max-width: 698px) 662px, 1360px" src="/media/h0je2lyl/config-code-umbraco-commerce_786x470px.jpg?rmode=pad&width=1360&v=1db00453d70aee0&format=webp" alt="" class="dc-image" loading="lazy" /> </div> </div> <div class="dc-text-block justify- " id="iVWJT"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #iVWJT { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p><em>Config code introducing color picker on the order line, and the UI will look like…</em></p></div> </div> <div class="dc-image-block " id="IvUic"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #IvUic { --block-background-color: transparent; } </style> <div class="dc-image-wrapper"> <img srcset="/media/4q1aohrl/color-picker-umbraco-commerce_1549x765px.jpg?rmode=pad&width=680&v=1db00453c483470&format=webp 662w, /media/4q1aohrl/color-picker-umbraco-commerce_1549x765px.jpg?rmode=pad&width=1360&v=1db00453c483470&format=webp 1360w" sizes="(max-width: 698px) 662px, 1360px" src="/media/4q1aohrl/color-picker-umbraco-commerce_1549x765px.jpg?rmode=pad&width=1360&v=1db00453c483470&format=webp" alt="" class="dc-image" loading="lazy" /> </div> </div> <div class="dc-text-block justify- " id="iBQMD"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #iBQMD { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p><em>…this! 👏</em></p> <h3>Umbraco Commerce: Coming soon</h3> <h4>Dynamic Tax Rates</h4> <p>If you’re managing a store with variable tax rates, especially in the US, you’ll love our upcoming advanced tax calculation feature. This new feature is designed to handle scenarios where a tax rate is unknown before the order is placed and can vary based on the purchase location (e.g. different US states). The new tax feature will calculate and apply the correct tax rate at checkout, and if needed, integrate seamlessly with third-party services to determine the exact tax.</p> <p>You’ll also find a new backoffice UI that makes it easy to configure API credentials and define when tax calculations should be applied—just like the process you’re familiar with when integrating Payment and Shipping Providers into Umbraco Commerce.</p> <h4><em>Asynchronous APIs</em> </h4> <p>As we prepare for Umbraco version 15, we’re enhancing the performance of Umbraco Commerce by introducing asynchronous APIs. This update allows your system to handle tasks concurrently without waiting for API responses, leading to a more streamlined and efficient workflow.</p> <p>Adopting asynchronous APIs aligns with the best practices established by both Umbraco CMS and Umbraco Commerce. Starting with Umbraco 15, all provided endpoints will be asynchronous, so make sure to plan accordingly for upgrading your Umbraco Commerce projects.</p> <h2 id="workflow" class="is-ultralarge">Umbraco Workflow</h2> <h3>Recent big features? 🤔 Yes, Umbraco 14! </h3> <p>Umbraco Workflow is fully compatible with Umbraco 14. While you won’t notice any visible changes in your favorite backoffice editor tool, this update ensures that Workflow is aligned with the latest frontend architecture of Umbraco 14, and is a great foundation to build new features and enhancements.</p> <h4>Exciting Enhancements Coming to Umbraco Workflow</h4> <p>Umbraco Workflow is set to expand the selection of editor tools with new features designed to streamline your content management:</p> <ul> <li style="font-weight: 400;" aria-level="1">Bundle and Schedule Content Nodes: You’ll soon be able to group content nodes into Release Sets, schedule them, and route them through your defined approval flow.</li> <li style="font-weight: 400;" aria-level="1"><strong>Enhanced UI Overview:</strong> The updated user interface will offer a comprehensive view of your scheduled Release Sets, their statuses, and additional task lists related to each set, such as social media material and partner communications.</li> </ul> <p>We’re excited to introduce these improvements and enhance your content scheduling experience with Umbraco Workflow.</p></div> </div> <div class="dc-image-block " id="WsJja"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #WsJja { --block-background-color: transparent; } </style> <div class="dc-image-wrapper"> <img srcset="/media/izbpujxq/release-sets-umbraco-workflow.jpg?rmode=pad&width=680&v=1db00453cc8d620&format=webp 662w, /media/izbpujxq/release-sets-umbraco-workflow.jpg?rmode=pad&width=1360&v=1db00453cc8d620&format=webp 1360w" sizes="(max-width: 698px) 662px, 1360px" src="/media/izbpujxq/release-sets-umbraco-workflow.jpg?rmode=pad&width=1360&v=1db00453cc8d620&format=webp" alt="" class="dc-image" loading="lazy" /> </div> </div> <div class="dc-text-block justify- " id="uXqtc"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #uXqtc { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p><em>Bundle content into versions and work specifically with upcoming releases or campaigns, ensuring no interference with already published content</em></p></div> </div> <div class="dc-image-block " id="PwmpI"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #PwmpI { --block-background-color: transparent; } </style> <div class="dc-image-wrapper"> <img srcset="/media/tmvmw52e/release-calendar-umbraco-workflow.jpg?rmode=pad&width=680&v=1db00454ccae3b0&format=webp 662w, /media/tmvmw52e/release-calendar-umbraco-workflow.jpg?rmode=pad&width=1360&v=1db00454ccae3b0&format=webp 1360w" sizes="(max-width: 698px) 662px, 1360px" src="/media/tmvmw52e/release-calendar-umbraco-workflow.jpg?rmode=pad&width=1360&v=1db00454ccae3b0&format=webp" alt="" class="dc-image" loading="lazy" /> </div> </div> <div class="dc-text-block justify- " id="YfOtQ"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #YfOtQ { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p><em>Visual overview of your current and planned release plan.</em></p> <h2 id="forms" class="is-ultralarge">Umbraco Forms</h2> <h3>Enhance Your Forms Workflow with New Form Data Features </h3> <p>With the <a href="https://docs.umbraco.com/umbraco-forms/release-notes">latest update in Forms 13 and 14</a>, you can now include additional data when rendering forms, which will be saved with each submission. This new capability allows you to easily customize workflows to better suit your needs. For example, you can send notification emails to different addresses based on data you provide, or use the data as another source for "<a href="https://docs.umbraco.com/umbraco-forms/developer/magic-strings">magic strings</a>". These updates give you more flexibility to make your forms work smarter for your specific requirements. </p> <h2 id="ui" class="is-ultralarge">Umbraco UI Builder</h2> <h3>Umbraco UI Builder 14 Alpha Release Coming Soon</h3> <p>We’re excited to announce that the alpha release of Umbraco UI Builder 14 is just around the corner! Your feedback on this new alpha release is invaluable, and we look forward to hearing your thoughts. </p> <p>The biggest change in UI Builder is the implementation of the new Umbraco 14 backoffice architecture. And though Umbraco CMS has moved to a front-end pattern for registration of backoffice features, with UI Builder, you can continue to use the same server-side patterns you are used to. Behind the scenes, we translate the configuration you provide into the necessary backoffice extensions. </p> <p>Additionally, Umbraco UI Builder can save you time when updating your custom backoffice UIs to Umbraco 14. By building your custom UIs with Umbraco UI Builder, you can smoothly migrate to the new backoffice architecture, streamlining your upgrade process and making it more efficient.</p></div> </div> <div class="dc-image-block " id="pvsSA"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #pvsSA { --block-background-color: transparent; } </style> <div class="dc-image-wrapper"> <img srcset="/media/0sknidp4/csharp-sections-and-collections-umbraco-ui-builder.jpg?rmode=pad&width=680&v=1db00453ac516e0&format=webp 662w, /media/0sknidp4/csharp-sections-and-collections-umbraco-ui-builder.jpg?rmode=pad&width=1360&v=1db00453ac516e0&format=webp 1360w" sizes="(max-width: 698px) 662px, 1360px" src="/media/0sknidp4/csharp-sections-and-collections-umbraco-ui-builder.jpg?rmode=pad&width=1360&v=1db00453ac516e0&format=webp" alt="" class="dc-image" loading="lazy" /> </div> </div> <div class="dc-text-block justify- " id="NhBFJ"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #NhBFJ { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p><em>C# config for adding a section with a couple of collections in the default dashboard. </em></p> <h2 id="deploy" class="is-ultralarge">Umbraco Deploy</h2> <p>All features and improvements for Umbraco Deploy are included with your Umbraco Cloud projects and are available for Deploy On-premises.</p> <h3>Supporting Migration from Legacy Grid Layout to Block Grid </h3> <p>The <a href="https://docs.umbraco.com/umbraco-deploy/deployment-workflow/import-export">import/export feature</a> in Umbraco Deploy now supports the migration of content and schema from the legacy Grid Layout (introduced in version 7) to the Block Grid (introduced in version 10.3).</p> <p>Imagine you’re moving to a new home and hiring a moving truck to help. You pack everything up, but some boxes are heavier and more complex to move around than others. In your Umbraco project, the Grid Layout property editor is one of those heavy, complex boxes when upgrading from one version to another. Think of Umbraco Deploy as your moving company, with the import/export feature as the truck, and this new migration support as the movers handling that heavy box. They’ll carry it from your old project and unpack it into your new project using the Block Grid property editor—almost no lifting required on your part! Hurrah! 📦🎉</p> <p>You can find <a href="https://docs.umbraco.com/umbraco-deploy/deployment-workflow/import-export/import-with-migrations">all available migrators with the import/export feature of Umbraco Deploy here</a>. If you are curious for more, you can <a href="https://www.youtube.com/watch?v=4VoQHyzZTaM">watch the talk <em>“Umbraco Deploy, a deep-dive into migrating between major versions”</em> from Codegarden 2024</a>. </p> <h3>Upcoming features in Umbraco Deploy</h3> <p>This autumn, you can look forward to new features in Umbraco Deploy that will enhance the experience for both the developers and editors.</p> <h4>Schema Comparison Overview Updates and Configuration Options </h4> <p>As a developer, you’ll now have the ability to actively work with the schema comparison view in the Deploy settings dashboard. This update allows you to perform:</p> <ul> <li style="font-weight: 400;" aria-level="1">Existing update functionalities on individual schemas (whether these exist in your Umbraco database or UDA file on disk) </li> <li style="font-weight: 400;" aria-level="1">Individually delete schema in either the Umbraco database or UDA file on disk.</li> <li style="font-weight: 400;" aria-level="1">Additionally, we’re introducing a configuration option that allows for automatic deletion of schemas that don’t exist as an entity in your Umbraco database and as UDA file on disk. </li> </ul> <h4>Enhanced Export Options</h4> <p>Exporting content between environments from your Umbraco backoffice is about to become more flexible, with new export options designed to give you greater control over content export:</p> <ul> <li style="font-weight: 400;" aria-level="1">Export queued items: Select individual content items from the content tree, add to the queue, and export them - rather than exporting separate content (including all descendants).</li> <li style="font-weight: 400;" aria-level="1">Export all schema: This includes the ability to export schema independently of any content references, such as dictionary items.</li> <li style="font-weight: 400;" aria-level="1">Export of Umbraco Members: If configured, you’ll also be able to include Umbraco Members in your Deloy export. This feature ensures that members are seamlessly transferred when moving between environments or upgrading major versions, saving you time. </li> </ul> <h2 id="news" class="is-ultralarge">In other news…</h2> <h3>Welcome, <strong>uMarketingSuite!</strong> 🎉</h3> <p>In case you haven’t heard, <a href="/blog/umbraco-acquires-umarketingsuite/">Umbraco has acquired uMarketingSuite</a>, bringing powerful analytics, A/B testing, and personalization tools to your Umbraco projects.</p></div> </div> <div class="dc-image-block " id="BvtiP"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #BvtiP { --block-background-color: transparent; } </style> <div class="dc-image-wrapper"> <img srcset="/media/3uyfpcur/umbraco-acquires-umarketingsuite_some_1200x628px.jpg?rmode=pad&width=680&v=1db00454d78d6f0&format=webp 662w, /media/3uyfpcur/umbraco-acquires-umarketingsuite_some_1200x628px.jpg?rmode=pad&width=1360&v=1db00454d78d6f0&format=webp 1360w" sizes="(max-width: 698px) 662px, 1360px" src="/media/3uyfpcur/umbraco-acquires-umarketingsuite_some_1200x628px.jpg?rmode=pad&width=1360&v=1db00454d78d6f0&format=webp" alt="" class="dc-image" loading="lazy" /> </div> </div> <div class="dc-text-block justify- " id="QpXwG"> <style nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> #QpXwG { --block-background-color: transparent; --block-text-color: #162335; --link-color: var(--color-blue); } </style> <div class="dc-text-block__content"><p>We're currently fine-tuning this new product to ensure you have an Umbraco-supported solution later this year, aligning it with Umbraco versioning, and onboarding support and sales teams🤝</p> <p>Check out the <a href="/blog/umbraco-acquires-umarketingsuite/" title="Umbraco acquires uMarketingSuite">announcement blog post for more details</a>.</p> <h3>Security & Privacy Community Team</h3> <p>A new Security & Privacy Community Team has been formed and the first meeting is in the books. It’s an awesome group of very skilled personalities. Expect to hear more from this team, but until then, <a href="https://community.umbraco.com/the-community-blog/security-privacy-team-presentation/">read about the team members in this blog post</a>. </p> <h3>CMS Advisory Board</h3> <p>The CMS Advisory Board has existed for more than two years and they decided it is time to open for renewals to ensure openness and provide opportunities to a wider audience. <a href="https://community.umbraco.com/the-community-blog/cms-advisory-board-renewal/">Read about the new members in this blog post</a>. </p> <h3>Umbraco 8 EOL on the Horizon</h3> <p>Just a reminder that <strong>Umbraco 8 will reach its End-of-Life (EOL) on February 24, 2025</strong>. After this date, it will no longer be supported with security patches and updates<strong>. </strong>Umbraco 8 will continue to work after the EOL date but we encourage you to consider rebuilding or upgrading to a supported version of Umbraco.</p> <p>You can read more about Umbraco 8 EOL and the options available, including a free EOL session, in the <a href="/products/knowledge-center/long-term-support-and-end-of-life/umbraco-8-end-of-life-eol/">Product Knowledge Center</a>.</p> <h2 id="look" class="is-ultralarge">Until next time… Let’s look ahead!</h2> <p>As always, we are committed to keeping you informed and involved in the evolution of Umbraco. Remember that you can stay updated on what we’re working on by checking out the <a href="/products/knowledge-center/roadmap/">Umbraco Product Roadmap</a>, where you’ll find our current, upcoming, and recently completed projects. It’s a great way to see how your feedback directly influences the future of Umbraco.</p> <p>Speaking of staying informed, I will be publishing an article on the Four Lighthouses of Umbraco in the next edition of the Umbraco Newsletter (out Tuesday, September 2). This article will delve into the areas we see are the most influential in the CMS space. They help steer our decision-making process and shape the direction of our products. It’s a must-read for anyone interested in the strategic thinking behind Umbraco’s products and features.</p> <p>To ensure you don’t miss out on this and more articles from Umbraco HQ, <a href="#newsletter-form" data-anchor="#newsletter-form">sign up for the Umbraco Newsletter</a>. It’s the best way to receive the latest news, expert tips, and exclusive content directly in your inbox - every month.</p> <p>Thank you for your continued support and feedback—it’s what drives us to keep improving and innovating. If you have any questions, feature requests, or issues, don’t hesitate to reach out to us at <a href="mailto:product@umbraco.com">product@umbraco.com</a> or through our<a href="https://github.com/umbraco"> Github issue trackers</a>.</p></div> </div> </div> </div> <div class="blog-sidebar"> <div class="sidebar-card"> <ul class="list-unstyled sidebar-list"> <li><strong>Published:</strong> August 28, 2024</li> <li><strong>Read time:</strong> 17 min. read</li> <li><strong>Category:</strong> <a href="/blog/category/products/">Products</a></li> <li> <ul class="tag-list"> <li><a href="../?tag=Commerce">Commerce</a></li> <li><a href="../?tag=Deploy">Deploy</a></li> <li><a href="../?tag=Forms">Forms</a></li> <li><a href="../?tag=Product Update">Product Update</a></li> <li><a href="../?tag=UI Builder">UI Builder</a></li> <li><a href="../?tag=Umbraco 14">Umbraco 14</a></li> <li><a href="../?tag=umbraco cloud">umbraco cloud</a></li> <li><a href="../?tag=umbraco heartcore">umbraco heartcore</a></li> <li><a href="../?tag=workflow">workflow</a></li> </ul> </li> </ul> </div> </div> </section> <section class="relative related-story"> <div class="hero-overlay"></div> <img src="/media/lsinssxy/umbraco-14-launch-thumbnail.jpg" class="hero-image" loading="lazy" /> <div class="related-blog-content"> <header class="flex flex-wrap space-between align-center mb-md"> <h3 class="mr-md">Related story</h3> <div class="avatar"> <img src="/media/t35ooyrq/bjarke.jpg?width=100&height=100&format=webp" alt="Bjarke Berg" /> <div class="author-description small"> <span>Written by</span> <span>Bjarke Berg</span> </div> </div> </header> <a href="/blog/umbraco-14-release/" class="text-underline"><h4>Umbraco 14 Release</h4></a> <div><p>A new major and another big milestone for the Umbraco ecosystem has been reached today. Umbraco 14 comes with some big changes to standardize and improve on customizability and extendability of the platform. Along with this comes improved tooling, testing, performance, scalability, and not least a future-proof backoffice built from the ground up to provide an improved experience for developers and editors alike! Read on to learn what the architectural changes and the new tech stack can help you achieve.</p></div> </div> </section> </main> <footer class="sticky-footer"> <div class="footer-inner"> <div class="footer-inner__logo"> <svg width="187" height="50" viewBox="0 0 187 50" fill="none" xmlns="http://www.w3.org/2000/svg" class="logo"> <path d="M1.49169e-05 24.9701C0.0149492 11.1559 11.2306 -0.0149193 25.0299 1.49568e-05C38.8292 0.0149492 50.0149 11.2306 50 25.0299C49.9851 38.8292 38.7993 50 25 50C11.1858 49.9851 -0.0149194 38.7844 1.49169e-05 24.9701ZM24.4922 33.5275C22.5508 33.5872 20.6093 33.408 18.7127 33.0048C17.3089 32.721 16.129 31.7802 15.5466 30.466C14.9791 29.1667 14.7103 27.1505 14.7252 24.4325C14.7402 23.0138 14.8298 21.595 14.994 20.1912C15.1583 18.8172 15.3226 17.6822 15.4719 16.7862L15.6362 15.905C15.6362 15.8752 15.6362 15.8602 15.6362 15.8304C15.6362 15.5765 15.457 15.3674 15.2181 15.3226L11.9922 14.8148H11.9474C11.7085 14.8148 11.5143 14.9791 11.4546 15.2031C11.3949 15.4122 11.365 15.5615 11.2754 16.0544C11.0962 17.0102 10.917 17.9361 10.7378 19.2802C10.5436 20.7437 10.4241 22.2222 10.3793 23.7007C10.3047 24.7312 10.3047 25.7617 10.3793 26.7921C10.454 29.5251 10.9319 31.7204 11.7832 33.3483C12.6344 34.9761 14.1129 36.1559 16.1738 36.8728C18.2348 37.5896 21.1022 37.948 24.7909 37.9331H25.2539C28.9427 37.948 31.81 37.6045 33.871 36.8728C35.9319 36.1559 37.3955 34.9761 38.2617 33.3483C39.1278 31.7055 39.5908 29.5251 39.6655 26.7921C39.7402 25.7617 39.7402 24.7312 39.6655 23.7007C39.6207 22.2222 39.5012 20.7437 39.3071 19.2802C39.1129 17.951 38.9486 17.0251 38.7694 16.0544C38.6798 15.5615 38.635 15.4122 38.5902 15.2031C38.5305 14.9791 38.3363 14.8148 38.0974 14.8148H38.0078L34.782 15.3226C34.543 15.3674 34.3638 15.5765 34.3638 15.8304C34.3638 15.8602 34.3638 15.8752 34.3638 15.905L34.543 16.7862C34.7073 17.6822 34.8716 18.8172 35.0359 20.1762C35.2001 21.5801 35.2897 22.9988 35.3047 24.4176C35.3345 27.1356 35.0508 29.1368 34.4833 30.451C33.9158 31.7503 32.7509 32.6912 31.362 32.9898C29.4654 33.3931 27.5239 33.5723 25.5824 33.5126L24.4922 33.5275Z" fill="#283A97" id="circle-logo" /> <path d="M171.774 27.046C171.774 22.058 173.208 18.5484 178.973 18.5484C184.737 18.5484 186.171 22.058 186.171 27.046C186.171 32.0341 184.737 35.5436 178.973 35.5436C173.208 35.5436 171.774 32.0341 171.774 27.046ZM182.512 27.046C182.512 23.5813 182.064 21.595 178.987 21.595C175.911 21.595 175.463 23.5813 175.463 27.046C175.463 30.5108 175.926 32.497 178.987 32.497C182.049 32.497 182.512 30.4958 182.512 27.046Z" fill="#283A97" /> <path d="M72.0131 34.9014C72.1027 35.0507 72.2521 35.1403 72.4313 35.1403H73.7754C74.0442 35.1403 74.2533 34.9313 74.2533 34.6624V19.4145C74.2533 19.1457 74.0442 18.9366 73.7754 18.9366H71.0872C70.8184 18.9366 70.6093 19.1457 70.6093 19.4145V31.5113C69.4594 32.1535 68.1601 32.482 66.8459 32.4522C65.1284 32.4522 64.2772 31.7055 64.2772 30.0478V19.4145C64.2772 19.1457 64.0681 18.9366 63.7993 18.9366H61.126C60.8572 18.9366 60.6481 19.1457 60.6481 19.4145V30.3763C60.6481 33.4826 62.1117 35.5286 66.2186 35.5286C68.1003 35.5137 69.9373 34.9163 71.4755 33.8411L71.9534 34.9163L72.0131 34.9014Z" fill="#283A97" /> <path d="M102.27 23.7007C102.27 20.6243 100.747 18.5484 96.9086 18.5484C95.0567 18.5484 93.2497 19.1159 91.7115 20.1464C91.0245 19.1458 89.7252 18.5484 87.5597 18.5484C85.7975 18.5783 84.08 19.1756 82.6613 20.236L82.1834 19.1607C82.0938 19.0114 81.9444 18.9068 81.7652 18.9068H80.4211C80.1523 18.9068 79.9432 19.1159 79.9432 19.3847V34.6326C79.9432 34.9014 80.1523 35.1105 80.4211 35.1105H83.1093C83.3781 35.1105 83.5872 34.9014 83.5872 34.6326V22.5657C84.6177 21.9534 85.7975 21.6249 86.9922 21.6249C88.4558 21.6249 89.2921 22.1625 89.2921 23.7157V34.6774C89.2921 34.9462 89.5012 35.1553 89.77 35.1553H92.4582C92.727 35.1553 92.9361 34.9462 92.9361 34.6774V22.5657C93.9516 21.9385 95.1463 21.6099 96.3411 21.6099C97.7748 21.6099 98.641 22.1476 98.641 23.7007V34.6625C98.641 34.9313 98.85 35.1404 99.1189 35.1404H101.807C102.076 35.1404 102.285 34.9313 102.285 34.6625L102.27 23.7007Z" fill="#283A97" /> <path d="M110.573 33.856C112.097 34.9761 113.934 35.5735 115.83 35.5436C120.565 35.5436 122.312 32.3626 122.312 27.046C122.312 21.7294 120.565 18.5484 115.83 18.5484C114.292 18.5633 112.784 18.9964 111.484 19.8178V14.9044C111.484 14.6356 111.275 14.4265 111.007 14.4265H108.318C108.05 14.4265 107.841 14.6356 107.841 14.9044V34.6625C107.841 34.9313 108.05 35.1404 108.318 35.1404H109.662C109.842 35.1404 109.991 35.0508 110.081 34.9014L110.573 33.856ZM114.979 32.4522C113.754 32.4522 112.545 32.1386 111.484 31.5113V22.5657C112.545 21.9534 113.754 21.6248 114.979 21.6248C118.16 21.6248 118.638 24.0591 118.638 27.0311C118.638 30.003 118.16 32.4522 114.979 32.4522Z" fill="#283A97" /> <path d="M135.738 21.7294C135.32 21.6697 134.901 21.6398 134.468 21.6547C133.02 21.595 131.586 21.9385 130.317 22.6254V34.6625C130.317 34.9313 130.108 35.1404 129.839 35.1404H127.151C126.882 35.1404 126.673 34.9313 126.673 34.6625V19.4146C126.673 19.1458 126.882 18.9367 127.151 18.9367H128.495C128.674 18.9367 128.823 19.0263 128.913 19.1756L129.391 20.2509C130.869 19.1308 132.676 18.5335 134.528 18.5633C134.946 18.5633 135.379 18.5932 135.798 18.6679C136.051 18.6679 136.246 19.0711 136.246 19.325V21.2664C136.246 21.5352 136.036 21.7443 135.768 21.7443L135.738 21.7294Z" fill="#283A97" /> <path d="M145.027 27.6583C143.429 27.8525 142.458 28.4648 142.458 30.1523C142.458 31.3919 142.996 32.5568 144.952 32.5568C146.192 32.5717 147.401 32.1983 148.417 31.4815V27.285L145.027 27.6583ZM149.313 33.856C147.924 34.9463 146.207 35.5436 144.429 35.5436C140.248 35.5436 138.859 32.9451 138.859 30.3465C138.859 26.8369 141.129 25.3584 144.788 25.0598L148.432 24.776V23.9696C148.432 22.3118 147.655 21.6697 145.251 21.6697C143.743 21.6697 142.249 21.9236 140.83 22.4015C140.786 22.4164 140.726 22.4164 140.681 22.4015C140.412 22.4015 140.203 22.1924 140.203 21.9236V19.773C140.203 19.5639 140.323 19.3847 140.517 19.3101C142.13 18.7724 143.817 18.5036 145.52 18.5036C150.836 18.5036 152.061 20.8334 152.061 24.2832V34.6326C152.061 34.9014 151.852 35.1105 151.583 35.1105H150.239C150.06 35.1105 149.91 35.0209 149.821 34.8716L149.313 33.856Z" fill="#283A97" /> <path d="M167.802 31.81C167.846 31.81 167.906 31.81 167.951 31.81C168.22 31.81 168.429 32.0191 168.429 32.2879V34.4384C168.429 34.6326 168.309 34.8118 168.13 34.8865C166.801 35.3644 165.382 35.6033 163.964 35.5734C158.214 35.5734 156.452 32.1386 156.452 27.0758C156.452 22.0131 158.214 18.5782 163.964 18.5782C165.367 18.5484 166.786 18.7574 168.115 19.2353C168.294 19.31 168.414 19.4892 168.414 19.6834V21.8488C168.414 22.1177 168.205 22.3267 167.936 22.3267C167.876 22.3417 167.832 22.3417 167.772 22.3267C166.607 21.9534 165.382 21.7742 164.158 21.7891C161.007 21.7891 160.096 23.9396 160.096 27.0758C160.096 30.212 161.007 32.3626 164.158 32.3626C165.382 32.3775 166.607 32.1983 167.772 31.8249" fill="#283A97" /> </svg> </div> <div class="footer-inner__links"> <div class="footer-links__column"> <div class="footer-links__column-section"> <h2>Platform & Hosting</h2> <ul> <li><a href="/products/umbraco-cms/" target="_self" title="CMS">CMS</a></li> <li><a href="/products/umbraco-cloud/" target="_self" title="Cloud">Cloud</a></li> </ul> </div> <div class="footer-links__column-section"> <h2>CMS Services</h2> <ul> <li><a href="/products/add-ons/" target="_self" title="Add-ons">Add-ons</a></li> <li><a href="/products/umbraco-heartcore/" target="_self" title="Heartcore">Heartcore</a></li> <li><a href="/products/support/" target="_self" title="Support">Support</a></li> </ul> </div> </div> <div class="footer-links__column"> <div class="footer-links__column-section"> <h2>Enterprise</h2> <ul> <li><a href="/case-studies-testimonials/" target="_self" title="Case Studies">Case Studies</a></li> <li><a href="/umbraco-by-industry/" target="_self" title="Umbraco by Industry">Umbraco by Industry</a></li> </ul> </div> <div class="footer-links__column-section"> <h2>Partners</h2> <ul> <li><a href="/partners/find-a-solution-partner/" target="_self" title="Find a Partner">Find a Partner</a></li> <li><a href="/partners/become-an-umbraco-solution-partner/" target="_self" title="Become a Partner">Become a Partner</a></li> <li><a href="/partners/login/" target="_self" title="Partner Login">Partner Login</a></li> </ul> </div> </div> <div class="footer-links__column"> <div class="footer-links__column-section"> <h2>Learn</h2> <ul> <li><a href="/products/knowledge-center/" target="_self" title="Knowledge Center">Knowledge Center</a></li> <li><a href="/blog/" target="_self" title="Blog">Blog</a></li> </ul> </div> <div class="footer-links__column-section"> <h2>Develop</h2> <ul> <li><a href="https://marketplace.umbraco.com/" target="_self" title="Integrations">Integrations</a></li> <li><a href="https://docs.umbraco.com" target="_self" title="Documentation">Documentation</a></li> <li><a href="/training/" target="_self" title="Training">Training</a></li> <li><a href="https://github.com/umbraco/Umbraco-CMS" target="_self" title="GitHub">GitHub</a></li> </ul> </div> </div> <div class="footer-links__column"> <div class="footer-links__column-section"> <h2>Connect</h2> <ul> <li><a href="https://community.umbraco.com/" target="_self" title="Community">Community</a></li> <li><a href="https://codegarden.umbraco.com/" target="_self" title="Codegarden">Codegarden</a></li> <li><a href="https://community.umbraco.com/get-involved/community-discord-server/" target="_self" title="Discord">Discord</a></li> </ul> </div> <div class="footer-links__column-section"> <h2>Get to know us</h2> <ul> <li><a href="/about-us/" target="_self" title="About us">About us</a></li> <li><a href="/work-at-umbraco/" target="_self" title="Work at Umbraco">Work at Umbraco</a></li> <li><a href="/about-us/impact-report/" target="_self" title="Impact Report">Impact Report</a></li> <li><a href="/contact-us/" target="_self" title="Contact us">Contact us</a></li> <li><a href="/about-us/open-books/" target="_self" title="Open Books">Open Books</a></li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-bottom__bottom-links"> <ul> <li><a href="/terms-and-conditions/" target="_self" title="Terms & Conditions">Terms & Conditions</a></li> <li><a href="/trust-center/" target="_self" title="Trust Center">Trust Center</a></li> </ul> </div> <div class="footer-bottom__social-links"> <ul> <li> <a href="https://www.linkedin.com/company/umbraco" target="_self" title="LinkedIn"> <img src="/media/ia2brunt/linkedin.svg" width="24" height="24" alt="LinkedIn" /> </a> </li> <li> <a href="https://github.com/umbraco" target="_self" title="GitHub"> <img src="/media/jcgmfoll/github.svg" width="24" height="24" alt="GitHub" /> </a> </li> </ul> </div> </div> </footer> <script nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg=" src="/assets/_index-QN1xAaEH.js" type="module"></script> <script nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg=" src="/assets/_blog-J0wo3MFg.js" type="module"></script> <script type="application/ld+json" nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg=">{"@context":"https://schema.org","@type":"BlogPosting","name":"Umbraco Product Update - August 2024","description":"Explore the latest Umbraco updates! Discover new features and enhancements across our entire product portfolio in our latest blog post.","image":{"@type":"ImageObject","url":"https://umbraco.com/media/czrlyfnv/product-update-q3-2024-thumbnail_898x598px.jpg?v=1db00453b949be0","height":598,"width":898},"mainEntityOfPage":{"@type":"WebPage","@id":"https://umbraco.com/blog/umbraco-product-update-august-2024/","name":"Umbraco Product Update - August 2024"},"author":{"@type":"Person","name":"Filip Bech-Larsen"},"dateModified":"2024-09-10","datePublished":"2024-08-28","headline":"Umbraco Product Update - August 2024","publisher":{"@type":"Organization","name":"Umbraco","sameAs":["https://www.facebook.com/Umbraco/","https://twitter.com/umbraco","https://www.instagram.com/umbraco/","https://www.youtube.com/channel/UCcltXlJQ-U553MoOsP9p4wg","https://www.linkedin.com/company/umbraco/","https://en.wikipedia.org/wiki/Umbraco","https://github.com/umbraco"],"url":"https://umbraco.com/","address":[{"@type":"PostalAddress","addressCountry":"Denmark","addressLocality":"Odense","postalCode":"5000 C","streetAddress":"Buchwaldsgade 35, 2. sal"},{"@type":"PostalAddress","addressCountry":"USA","addressLocality":"Charlotte","postalCode":"NC 28211","streetAddress":"2115 Rexford Rd, Suite 470"},{"@type":"PostalAddress","addressCountry":"Netherlands","addressLocality":"AZ Tiel","postalCode":"4003","streetAddress":"Laan van Westroijen 6"}],"contactPoint":{"@type":"ContactPoint","availableLanguage":["English","Danish"],"contactType":"customer service","email":"contact@umbraco.com","telephone":"\u002B4570261162"}}}</script> <script type="application/ld+json" nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg=">{"@context":"https://schema.org","@type":"WebPage","name":"Umbraco Product Update - August 2024","alternateName":"Umbraco"}</script> <script defer nonce="gvJ4Nfm+r+3Po3TBekkms4exBSn2dNXy/QIS+R8/HNg="> window.currencyDictionary = [{"codes":"dk","currency":"dkk"},{"codes":"de, at, be, bg, hr, cy, cz, ee, fi, fr, gr, hu, ie, it, lv, lt, lu, mt, nl, pl, pt, ro, sk, si, es, se, is, li, no, ch, al, ba, md, me, mk, rs, tr, ua, ad, by, mc, ru, sm, va, au","currency":"eur"},{"codes":"gb","currency":"gbp"},{"codes":"us","currency":"usd"}] </script> <dc-intercom></dc-intercom> </body> </html>

CINXE.COM

Umbraco Product Update - August 2024