{"id":81456,"date":"2024-10-12T10:49:12","date_gmt":"2024-10-12T10:49:12","guid":{"rendered":"https:\/\/sales-ai-agents.com\/?post_type=docs&#038;p=81456"},"modified":"2024-10-12T10:50:52","modified_gmt":"2024-10-12T10:50:52","password":"","slug":"hero-screen-and-topbar-quick-guide","status":"publish","type":"docs","link":"https:\/\/sales-ai-agents.com\/tr\/guides\/client-portal\/hero-screen-and-topbar-quick-guide\/","title":{"rendered":"Hero screen and Topbar &#8211; Quick guide"},"content":{"rendered":"\n<p>In this guide, we will explain how to customize the appearance of your portal by editing the <strong>Hero screen<\/strong> and the <strong>top bar<\/strong>.<\/p>\n\n\n\n<p><strong>Top bar<\/strong> is the area containing your logo and a list of links at the top of your portal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1024x544.png\" alt=\"\" class=\"wp-image-81461\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1024x544.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-300x159.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-768x408.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1536x816.png 1536w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1200x637.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-600x319.png 600w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31.png 1706w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Hero screen<\/strong> is the top section of your portal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-30-1024x544.png\" alt=\"\" class=\"wp-image-81458\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-30-1024x544.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-30-300x159.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-30-768x408.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-30-1536x816.png 1536w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-30-1200x637.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-30-600x319.png 600w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-30.png 1706w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Editing the Top Bar<\/strong><\/h2>\n\n\n\n<p>1) Go to the portal customizer.<\/p>\n\n\n\n<p>2) Hover your mouse over the top bar and click <strong>Edit<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-32-1024x509.png\" alt=\"\" class=\"wp-image-81465\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-32-1024x509.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-32-300x149.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-32-768x381.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-32-1200x596.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-32-600x298.png 600w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-32.png 1351w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>3) The settings consist of three sections:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Header<\/strong> \u2013 Here, you can change the alignment of the links in the top bar.<\/li>\n\n\n\n<li><strong>Content<\/strong> \u2013 This section allows you to manage the content of the top bar.<\/li>\n\n\n\n<li><strong>Style<\/strong> \u2013 Here, you can modify the appearance of the top bar.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-33-1024x515.png\" alt=\"\" class=\"wp-image-81468\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-33-1024x515.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-33-300x151.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-33-768x386.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-33-1536x773.png 1536w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-33-2048x1030.png 2048w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-33-1200x604.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-33-1980x996.png 1980w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-33-600x302.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Header section<\/h3>\n\n\n\n<p>Click on <strong>Change<\/strong> to select a different layout for the links in the top bar.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/screencast-demoportal_nimbusweb_me-2024_10_12-14_40_59.webm\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Content section<\/h3>\n\n\n\n<p>Here, you can change the logo: select a different one, adjust its size, or disable it entirely if needed.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/logo.webm\"><\/video><\/figure>\n\n\n\n<p>You can also manage the links in the top bar. To disable a all links, simply click on the <strong>Minus<\/strong> icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"413\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-34-1024x413.png\" alt=\"\" class=\"wp-image-81479\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-34-1024x413.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-34-300x121.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-34-768x310.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-34-1536x619.png 1536w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-34-2048x826.png 2048w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-34-1200x484.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-34-1980x798.png 1980w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-34-600x242.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If you want to add or remove links, click on <strong>Manage<\/strong>. From there, you can add a new link or page to the top bar, or remove any unnecessary links.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-35-1024x439.png\" alt=\"\" class=\"wp-image-81482\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-35-1024x439.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-35-300x129.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-35-768x329.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-35-1536x658.png 1536w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-35-2048x878.png 2048w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-35-1200x514.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-35-1980x849.png 1980w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-35-600x257.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-37-1024x422.png\" alt=\"\" class=\"wp-image-81488\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-37-1024x422.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-37-300x124.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-37-768x316.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-37-1536x633.png 1536w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-37-2048x844.png 2048w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-37-1200x494.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-37-1980x816.png 1980w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-37-600x247.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-36-1024x438.png\" alt=\"\" class=\"wp-image-81485\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-36-1024x438.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-36-300x128.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-36-768x329.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-36-1536x658.png 1536w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-36-2048x877.png 2048w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-36-1200x514.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-36-1980x848.png 1980w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-36-600x257.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can also quickly enable or disable the search icon and the notification panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-38-1024x460.png\" alt=\"\" class=\"wp-image-81492\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-38-1024x460.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-38-300x135.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-38-768x345.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-38-1536x690.png 1536w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-38-2048x920.png 2048w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-38-1200x539.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-38-1980x889.png 1980w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-38-600x270.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Style section<\/h3>\n\n\n\n<p>In this section, you can change the color of the links, their background, and the background of the top bar itself.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Style section\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/MGXrCwW5s-c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Hero screen<\/h2>\n\n\n\n<p>In the <strong>Hero screen<\/strong> settings, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Change the background image or color.<\/li>\n\n\n\n<li>Edit the title, subtitle, or any text displayed on the Hero screen.<\/li>\n\n\n\n<li>Adjust the layout, such as the position of the text or any call-to-action buttons.<\/li>\n\n\n\n<li>Customize any overlay or visual effects for the Hero section.<\/li>\n<\/ul>\n\n\n\n<p>To edit the <strong>Hero screen<\/strong>, hover over it with your mouse and click <strong>Edit<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-39-1024x544.png\" alt=\"\" class=\"wp-image-81498\" srcset=\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-39-1024x544.png 1024w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-39-300x159.png 300w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-39-768x408.png 768w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-39-1536x816.png 1536w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-39-1200x637.png 1200w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-39-600x319.png 600w, https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-39.png 1706w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The Hero screen is divided into three sections:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Hero Type<\/strong> \u2013 Here, you can choose the structure type for the Hero screen.<\/li>\n\n\n\n<li><strong>Content<\/strong> \u2013 This section allows you to modify the content of the Hero, such as text, images, or buttons.<\/li>\n\n\n\n<li><strong>Style<\/strong> \u2013 In this section, you can adjust the size of the Hero, change its background, and customize other visual elements.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Hero type section<\/h3>\n\n\n\n<p>Here, you can select the type of <strong>Hero section<\/strong>. FuseBase offers a wide variety of Hero layouts, so you can always find one that suits your preferences. We even offer options with a gallery in the Hero section, providing more dynamic visual layouts for your portal.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Hero Type\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/1CcvpaetBFk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Content section<\/h3>\n\n\n\n<p>Here, you can modify the appearance of the welcome text and portal description (or disable them entirely). You can also customize the text inside the search bar or disable it if it&#8217;s not needed.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Content section\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/puR1DLITNxM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>In the Wrapper section, you can change the background of the Hero section and manage its padding to adjust the spacing around the content.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Wrapper\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/5qo10amR8VE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Style section<\/h3>\n\n\n\n<p>In this section, you can update the background color or image for the entire top part of the portal. You can also select the size of the entire <strong>Hero<\/strong> section here, adjusting it to fit your desired layout.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Style section\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/zYfjN2RBmUc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>After making the necessary changes, don&#8217;t forget to save them by clicking the <strong>Publish<\/strong> button.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this guide, we will explain how to customize the appearance of your portal by editing the Hero screen and the top bar. Top bar is the area containing your logo and a list of links at the top of your portal. Hero screen is the top section of your portal. Editing the Top Bar [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"doc_category":[12],"doc_tag":[],"class_list":["post-81456","docs","type-docs","status-publish","hentry","doc_category-client-portal"],"acf":[],"year_month":"2026-04","word_count":559,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Kuzma Safonov","author_nicename":"kuzmasaf","author_url":"https:\/\/sales-ai-agents.com\/tr\/blog\/author\/kuzmasaf\/"},"doc_category_info":[{"term_name":"Portals","term_url":"https:\/\/sales-ai-agents.com\/guides\/client-portal\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hero screen and Topbar - Quick guide - Sales AI Agents<\/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:\/\/sales-ai-agents.com\/tr\/guides\/client-portal\/hero-screen-and-topbar-quick-guide\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hero screen and Topbar - Quick guide - Sales AI Agents\" \/>\n<meta property=\"og:description\" content=\"In this guide, we will explain how to customize the appearance of your portal by editing the Hero screen and the top bar. Top bar is the area containing your logo and a list of links at the top of your portal. Hero screen is the top section of your portal. Editing the Top Bar [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sales-ai-agents.com\/guides\/\" \/>\n<meta property=\"og:site_name\" content=\"Sales AI Agents\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-12T10:50:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nimbusweb.me\/wp-content\/uploads\/2025\/05\/og-2025.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/client-portal\/hero-screen-and-topbar-quick-guide\/\",\"url\":\"https:\/\/sales-ai-agents.com\/guides\/\",\"name\":\"Hero screen and Topbar - Quick guide - Sales AI Agents\",\"isPartOf\":{\"@id\":\"https:\/\/sales-ai-agents.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1024x544.png\",\"datePublished\":\"2024-10-12T10:49:12+00:00\",\"dateModified\":\"2024-10-12T10:50:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sales-ai-agents.com\/guides\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#primaryimage\",\"url\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1024x544.png\",\"contentUrl\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1024x544.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sales-ai-agents.com\/guides\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Guides\",\"item\":\"https:\/\/sales-ai-agents.com\/guides\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hero screen and Topbar &#8211; Quick guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sales-ai-agents.com\/#website\",\"url\":\"https:\/\/sales-ai-agents.com\/\",\"name\":\"FuseBase\",\"description\":\"Sales AI Agents - Free Online Collaboration Software for Remote Teams. Build your wikis, client portals and more with the Nimbus Platform collaboration tool ? A perfect space for online work\",\"publisher\":{\"@id\":\"https:\/\/sales-ai-agents.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sales-ai-agents.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sales-ai-agents.com\/#organization\",\"name\":\"FuseBase\",\"url\":\"https:\/\/sales-ai-agents.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/sales-ai-agents.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2023\/11\/icon-7.svg\",\"contentUrl\":\"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2023\/11\/icon-7.svg\",\"width\":128,\"height\":128,\"caption\":\"FuseBase\"},\"image\":{\"@id\":\"https:\/\/sales-ai-agents.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hero screen and Topbar - Quick guide - Sales AI Agents","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:\/\/sales-ai-agents.com\/tr\/guides\/client-portal\/hero-screen-and-topbar-quick-guide\/","og_locale":"tr_TR","og_type":"article","og_title":"Hero screen and Topbar - Quick guide - Sales AI Agents","og_description":"In this guide, we will explain how to customize the appearance of your portal by editing the Hero screen and the top bar. Top bar is the area containing your logo and a list of links at the top of your portal. Hero screen is the top section of your portal. Editing the Top Bar [&hellip;]","og_url":"https:\/\/sales-ai-agents.com\/guides\/","og_site_name":"Sales AI Agents","article_modified_time":"2024-10-12T10:50:52+00:00","og_image":[{"url":"https:\/\/nimbusweb.me\/wp-content\/uploads\/2025\/05\/og-2025.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sales-ai-agents.com\/guides\/client-portal\/hero-screen-and-topbar-quick-guide\/","url":"https:\/\/sales-ai-agents.com\/guides\/","name":"Hero screen and Topbar - Quick guide - Sales AI Agents","isPartOf":{"@id":"https:\/\/sales-ai-agents.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sales-ai-agents.com\/guides\/#primaryimage"},"image":{"@id":"https:\/\/sales-ai-agents.com\/guides\/#primaryimage"},"thumbnailUrl":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1024x544.png","datePublished":"2024-10-12T10:49:12+00:00","dateModified":"2024-10-12T10:50:52+00:00","breadcrumb":{"@id":"https:\/\/sales-ai-agents.com\/guides\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sales-ai-agents.com\/guides\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/sales-ai-agents.com\/guides\/#primaryimage","url":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1024x544.png","contentUrl":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2024\/10\/image-31-1024x544.png"},{"@type":"BreadcrumbList","@id":"https:\/\/sales-ai-agents.com\/guides\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Guides","item":"https:\/\/sales-ai-agents.com\/guides\/"},{"@type":"ListItem","position":2,"name":"Hero screen and Topbar &#8211; Quick guide"}]},{"@type":"WebSite","@id":"https:\/\/sales-ai-agents.com\/#website","url":"https:\/\/sales-ai-agents.com\/","name":"FuseBase","description":"Sales AI Agents - Free Online Collaboration Software for Remote Teams. Build your wikis, client portals and more with the Nimbus Platform collaboration tool ? A perfect space for online work","publisher":{"@id":"https:\/\/sales-ai-agents.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sales-ai-agents.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/sales-ai-agents.com\/#organization","name":"FuseBase","url":"https:\/\/sales-ai-agents.com\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/sales-ai-agents.com\/#\/schema\/logo\/image\/","url":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2023\/11\/icon-7.svg","contentUrl":"https:\/\/sales-ai-agents.com\/wp-content\/uploads\/2023\/11\/icon-7.svg","width":128,"height":128,"caption":"FuseBase"},"image":{"@id":"https:\/\/sales-ai-agents.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/docs\/81456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/comments?post=81456"}],"version-history":[{"count":17,"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/docs\/81456\/revisions"}],"predecessor-version":[{"id":81510,"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/docs\/81456\/revisions\/81510"}],"wp:attachment":[{"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/media?parent=81456"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/doc_category?post=81456"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sales-ai-agents.com\/tr\/wp-json\/wp\/v2\/doc_tag?post=81456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}