{"id":709,"date":"2026-05-07T15:30:36","date_gmt":"2026-05-07T20:30:36","guid":{"rendered":"https:\/\/urbanmicro.com\/?p=709"},"modified":"2026-05-07T15:37:18","modified_gmt":"2026-05-07T20:37:18","slug":"commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon","status":"publish","type":"post","link":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/","title":{"rendered":"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon"},"content":{"rendered":"\n<div style=\"font-family: sans-serif; color: #0A0934; max-width: 800px; margin: auto; line-height: 1.6;\">\n\n  <section style=\"background-color: #0A0934; color: #ffffff; padding: 40px 20px; text-align: center; border-radius: 8px;\">\n    <h1 style=\"margin: 0; font-size: 28px;\">Master Your Storefront Messaging \ud83c\udfa8<\/h1>\n    <p style=\"font-size: 18px; opacity: 0.9;\">A guide for Commerce Cloud users on managing the Flatsome Top Marketing Ribbon.<\/p>\n    <a href=\"https:\/\/outlook.office365.com\/book\/Copy@urbanmicro.com\/?ismsaljsauthenabled=true\" style=\"display: inline-block; background-color: #FF6B35; color: white; padding: 12px 25px; text-decoration: none; border-radius: 5px; font-weight: bold; margin-top: 15px;\">Book Platform Training<\/a>\n  <\/section>\n\n  <section style=\"padding: 30px 10px;\">\n    <h2 style=\"color: #0A0934;\">Polishing the Customer Experience<\/h2>\n    <p>The &#8220;Top Marketing Ribbon&#8221; in the Flatsome theme is a high-visibility asset for your digital commerce engine. Whether you are announcing a flash sale or updating store hours, UrbanMicro empowers you to make these changes instantly through the theme customizer. This document provides a standardized workflow to ensure consistent branding across your grid layout.<\/p>\n  <\/section>\n\n  <section style=\"padding: 10px 10px;\">\n    <h3 style=\"color: #0A0934;\">How-To: Update Your Marketing Ribbon<\/h3>\n    \n    <div style=\"background-color: #f9f9f9; padding: 15px; border-radius: 8px; margin-bottom: 15px; border: 1px solid #ddd;\">\n      <h4 style=\"margin-top: 0;\">1. Launch the Header Builder<\/h4>\n      <p style=\"font-size: 14px;\">From your management dashboard, click your site name in the upper-left. Hover over <strong>Flatsome<\/strong> in the top bar, then navigate to <strong>Theme Options > Header > Sticky Header<\/strong>. This launches the Header Builder interface.<\/p>\n    <\/div>\n\n    <div style=\"background-color: #f9f9f9; padding: 15px; border-radius: 8px; margin-bottom: 15px; border: 1px solid #ddd;\">\n      <h4 style=\"margin-top: 0;\">2. Locate HTML 1<\/h4>\n      <p style=\"font-size: 14px;\">In the Header Builder &#8220;pop-up&#8221; window, click on the <strong>Html 1<\/strong> element. This will open the specific HTML options screen on the left side of your dashboard.<\/p>\n    <\/div>\n\n    <div style=\"background-color: #f9f9f9; padding: 15px; border-radius: 8px; margin-bottom: 15px; border: 1px solid #ddd;\">\n      <h4 style=\"margin-top: 0;\">3. Modify Content<\/h4>\n      <p style=\"font-size: 14px;\">Scroll down to the <strong>HTML 1 text box<\/strong>. Update your marketing text here or clear the box entirely to remove the ribbon from your homescreen.<\/p>\n    <\/div>\n\n    <div style=\"background-color: #f9f9f9; padding: 15px; border-radius: 8px; margin-bottom: 15px; border: 1px solid #ddd;\">\n      <h4 style=\"margin-top: 0;\">4. Save Changes<\/h4>\n      <p style=\"font-size: 14px;\">Once your changes are complete, click the <strong>Publish<\/strong> button at the top of the sidebar to push the updates to your live site.<\/p>\n    <\/div>\n  <\/section>\n\n  <section style=\"background-color: #f4f4f4; border-left: 5px solid #0A0934; padding: 20px; margin: 30px 0;\">\n    <p style=\"font-style: italic; margin: 0;\">\n      <strong>The UrbanMicro Edge:<\/strong> For high-performance commerce, messaging must be agile. We recommend using simple HTML tags for bolding or color changes within the ribbon to guide your customer&#8217;s eye toward your primary call-to-action.\n    <\/p>\n  <\/section>\n\n  <p style=\"text-align: center; margin-top: 40px; font-weight: bold; color: #707070;\">Scalable Commerce. Engineered Excellence. Recommended by UrbanMicro.<\/p>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Master Your Storefront Messaging \ud83c\udfa8 A guide for Commerce Cloud users on managing the Flatsome Top Marketing Ribbon. Book Platform Training Polishing the Customer Experience The &#8220;Top Marketing Ribbon&#8221; in the Flatsome theme is a high-visibility asset for your digital commerce engine. Whether you are announcing a flash sale or updating store hours, UrbanMicro empowers [&#8230;]\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[84,73],"tags":[],"class_list":["post-709","post","type-post","status-publish","format-standard","hentry","category-ecommerce","category-azure"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon - UrbanMicro.com | Technical Solutions<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon - UrbanMicro.com | Technical Solutions\" \/>\n<meta property=\"og:description\" content=\"Master Your Storefront Messaging \ud83c\udfa8 A guide for Commerce Cloud users on managing the Flatsome Top Marketing Ribbon. Book Platform Training Polishing the Customer Experience The &#8220;Top Marketing Ribbon&#8221; in the Flatsome theme is a high-visibility asset for your digital commerce engine. Whether you are announcing a flash sale or updating store hours, UrbanMicro empowers [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/\" \/>\n<meta property=\"og:site_name\" content=\"UrbanMicro.com | Technical Solutions\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/urbanmicro\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-07T20:30:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-07T20:37:18+00:00\" \/>\n<meta name=\"author\" content=\"Support Staff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@urbanmicro\" \/>\n<meta name=\"twitter:site\" content=\"@urbanmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Support Staff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/2026\\\/05\\\/07\\\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/2026\\\/05\\\/07\\\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\\\/\"},\"author\":{\"name\":\"Support Staff\",\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/#\\\/schema\\\/person\\\/86d279b1af3bafee4a7758798e3d289e\"},\"headline\":\"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon\",\"datePublished\":\"2026-05-07T20:30:36+00:00\",\"dateModified\":\"2026-05-07T20:37:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/2026\\\/05\\\/07\\\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\\\/\"},\"wordCount\":248,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/#organization\"},\"articleSection\":[\"eCommerce\",\"Microsoft Azure\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/2026\\\/05\\\/07\\\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/2026\\\/05\\\/07\\\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\\\/\",\"url\":\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/2026\\\/05\\\/07\\\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\\\/\",\"name\":\"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon - UrbanMicro.com | Technical Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/#website\"},\"datePublished\":\"2026-05-07T20:30:36+00:00\",\"dateModified\":\"2026-05-07T20:37:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/2026\\\/05\\\/07\\\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/2026\\\/05\\\/07\\\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/2026\\\/05\\\/07\\\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/urbanmicro.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/#website\",\"url\":\"https:\\\/\\\/urbanmicro.com\\\/\",\"name\":\"UrbanMicro.com | Technical Solutions\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/urbanmicro.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/#organization\",\"name\":\"UrbanMicro.com | Technical Solutions\",\"url\":\"https:\\\/\\\/urbanmicro.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/urbanmicro.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/um-logo.png\",\"contentUrl\":\"https:\\\/\\\/urbanmicro.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/um-logo.png\",\"width\":260,\"height\":90,\"caption\":\"UrbanMicro.com | Technical Solutions\"},\"image\":{\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/urbanmicro\",\"https:\\\/\\\/x.com\\\/urbanmicro\",\"https:\\\/\\\/instagram.com\\\/urbanmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/urbanmicro.com\\\/#\\\/schema\\\/person\\\/86d279b1af3bafee4a7758798e3d289e\",\"name\":\"Support Staff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1b75f438a0bbc246b9804aba702fff3c911725df8e633a34c21989e06d9b490d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1b75f438a0bbc246b9804aba702fff3c911725df8e633a34c21989e06d9b490d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1b75f438a0bbc246b9804aba702fff3c911725df8e633a34c21989e06d9b490d?s=96&d=mm&r=g\",\"caption\":\"Support Staff\"},\"sameAs\":[\"https:\\\/\\\/urbanmicro.com\"],\"url\":\"https:\\\/\\\/urbanmicro.com\\\/index.php\\\/author\\\/supportstaff\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon - UrbanMicro.com | Technical Solutions","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/","og_locale":"en_US","og_type":"article","og_title":"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon - UrbanMicro.com | Technical Solutions","og_description":"Master Your Storefront Messaging \ud83c\udfa8 A guide for Commerce Cloud users on managing the Flatsome Top Marketing Ribbon. Book Platform Training Polishing the Customer Experience The &#8220;Top Marketing Ribbon&#8221; in the Flatsome theme is a high-visibility asset for your digital commerce engine. Whether you are announcing a flash sale or updating store hours, UrbanMicro empowers [...]","og_url":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/","og_site_name":"UrbanMicro.com | Technical Solutions","article_publisher":"https:\/\/facebook.com\/urbanmicro","article_published_time":"2026-05-07T20:30:36+00:00","article_modified_time":"2026-05-07T20:37:18+00:00","author":"Support Staff","twitter_card":"summary_large_image","twitter_creator":"@urbanmicro","twitter_site":"@urbanmicro","twitter_misc":{"Written by":"Support Staff","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/#article","isPartOf":{"@id":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/"},"author":{"name":"Support Staff","@id":"https:\/\/urbanmicro.com\/#\/schema\/person\/86d279b1af3bafee4a7758798e3d289e"},"headline":"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon","datePublished":"2026-05-07T20:30:36+00:00","dateModified":"2026-05-07T20:37:18+00:00","mainEntityOfPage":{"@id":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/"},"wordCount":248,"commentCount":0,"publisher":{"@id":"https:\/\/urbanmicro.com\/#organization"},"articleSection":["eCommerce","Microsoft Azure"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/","url":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/","name":"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon - UrbanMicro.com | Technical Solutions","isPartOf":{"@id":"https:\/\/urbanmicro.com\/#website"},"datePublished":"2026-05-07T20:30:36+00:00","dateModified":"2026-05-07T20:37:18+00:00","breadcrumb":{"@id":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/urbanmicro.com\/index.php\/2026\/05\/07\/commerce-cloud-guide-managing-the-flatsome-top-marketing-ribbon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/urbanmicro.com\/"},{"@type":"ListItem","position":2,"name":"Commerce Cloud Guide: Managing the Flatsome Top Marketing Ribbon"}]},{"@type":"WebSite","@id":"https:\/\/urbanmicro.com\/#website","url":"https:\/\/urbanmicro.com\/","name":"UrbanMicro.com | Technical Solutions","description":"","publisher":{"@id":"https:\/\/urbanmicro.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/urbanmicro.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/urbanmicro.com\/#organization","name":"UrbanMicro.com | Technical Solutions","url":"https:\/\/urbanmicro.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/urbanmicro.com\/#\/schema\/logo\/image\/","url":"https:\/\/urbanmicro.com\/wp-content\/uploads\/2023\/11\/um-logo.png","contentUrl":"https:\/\/urbanmicro.com\/wp-content\/uploads\/2023\/11\/um-logo.png","width":260,"height":90,"caption":"UrbanMicro.com | Technical Solutions"},"image":{"@id":"https:\/\/urbanmicro.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/urbanmicro","https:\/\/x.com\/urbanmicro","https:\/\/instagram.com\/urbanmicro"]},{"@type":"Person","@id":"https:\/\/urbanmicro.com\/#\/schema\/person\/86d279b1af3bafee4a7758798e3d289e","name":"Support Staff","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/1b75f438a0bbc246b9804aba702fff3c911725df8e633a34c21989e06d9b490d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1b75f438a0bbc246b9804aba702fff3c911725df8e633a34c21989e06d9b490d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1b75f438a0bbc246b9804aba702fff3c911725df8e633a34c21989e06d9b490d?s=96&d=mm&r=g","caption":"Support Staff"},"sameAs":["https:\/\/urbanmicro.com"],"url":"https:\/\/urbanmicro.com\/index.php\/author\/supportstaff\/"}]}},"_links":{"self":[{"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/posts\/709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/comments?post=709"}],"version-history":[{"count":2,"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/posts\/709\/revisions"}],"predecessor-version":[{"id":711,"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/posts\/709\/revisions\/711"}],"wp:attachment":[{"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/media?parent=709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/categories?post=709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/urbanmicro.com\/index.php\/wp-json\/wp\/v2\/tags?post=709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}