{"id":2367,"date":"2021-05-26T10:30:05","date_gmt":"2021-05-26T07:30:05","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=2367"},"modified":"2024-04-17T15:56:51","modified_gmt":"2024-04-17T12:56:51","slug":"header-builder-elements","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/header-builder-elements\/","title":{"rendered":"Getting Started with the Header elements"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Deep Dive with the Header Elements | Blocksy Customisation\" width=\"1290\" height=\"968\" src=\"https:\/\/www.youtube.com\/embed\/9msaIaHZHGo?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>Blocksy empowers you to craft a website header that perfectly reflects your brand and user experience. With a vast array of header elements at your disposal, you can build a personalised design that caters to your specific website needs.<\/p>\n\n\n\n<p>Each header element in Blocksy is meticulously designed to offer a wide range of customization options. From controlling general behavior to fine-tuning color, fonts, and styling, you have the power to tailor every element to match your vision. Whether you&#8217;re a seasoned designer or a complete beginner, Blocksy offers an intuitive interface with options suitable for all experience levels.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quick Look<\/h2>\n\n\n\n<p>While the list of available header elements is extensive, here&#8217;s a taste of what you can achieve with Blocksy:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/account\/\" target=\"_blank\" rel=\"noreferrer noopener\">Account<\/a>:<\/strong>&nbsp;Provide easy access to user accounts and login options.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Button<\/a>:<\/strong>&nbsp;Create clear calls to action and enhance user navigation.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/cart\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cart<\/a>:<\/strong>&nbsp;Offer a convenient way for users to view and manage their cart.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/colour-switch\/\" target=\"_blank\" rel=\"noreferrer noopener\">Colour Switch<\/a>:<\/strong>&nbsp;Allow visitors to personalise the overall website theme using the <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/extensions\/dark-mode\/\" target=\"_blank\" rel=\"noreferrer noopener\">Colour Switch extension<\/a>.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/compare\/\" target=\"_blank\" rel=\"noreferrer noopener\">Compare<\/a>:<\/strong>&nbsp;Facilitate product comparisons for a more informed shopping experience.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/contacts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contacts<\/a>:<\/strong>&nbsp;Display your contact information prominently.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/divider\/\" target=\"_blank\" rel=\"noreferrer noopener\">Divider<\/a>:<\/strong>&nbsp;Introduce visual separation and organise your header layout.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>:<\/strong>&nbsp;Integrate custom HTML code for even greater design flexibility.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/languages\/\" target=\"_blank\" rel=\"noreferrer noopener\">Languages<\/a>:<\/strong>&nbsp;Enable seamless language switching for multilingual websites.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/logo\/\" target=\"_blank\" rel=\"noreferrer noopener\">Logo<\/a>:<\/strong>&nbsp;Display your brand logo prominently.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/menu-desktop\/\" target=\"_blank\" rel=\"noreferrer noopener\">Menu<\/a>:<\/strong>&nbsp;Craft user-friendly navigation menus for intuitive website exploration.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/search\/\" target=\"_blank\" rel=\"noreferrer noopener\">Search<\/a>:<\/strong>&nbsp;Implement a powerful search function to help users find what they need quickly.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/search-box\/\" target=\"_blank\" rel=\"noreferrer noopener\">Search Box<\/a>:<\/strong>&nbsp;Highlight the search functionality for enhanced user experience.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/socials\/\" target=\"_blank\" rel=\"noreferrer noopener\">Socials<\/a>:<\/strong>&nbsp;Integrate your social media links for easy connection with your audience.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/trigger\/\" target=\"_blank\" rel=\"noreferrer noopener\">Trigger<\/a>:<\/strong>&nbsp;Trigger the mobile menu with a click.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/widget-area\/\" target=\"_blank\" rel=\"noreferrer noopener\">Widget Area<\/a>:<\/strong>&nbsp;Incorporate widgets for additional functionality within your header.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/wishlist\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wishlist<\/a>:<\/strong>&nbsp;Allow users to save products for future consideration.<\/li>\n<\/ul>\n\n\n\n<p>We encourage you to explore the detailed documentation for each header element to discover its full potential.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"duplicate-elements\">Duplicating Header Elements<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/04\/Screen-Recording-2024-04-17-at-14.32.37.mov\"><\/video><figcaption class=\"wp-element-caption\">Duplicating header elements.<\/figcaption><\/figure>\n\n\n\n<p>Upgrading to Blocksy Pro unlocks a powerful feature: the ability to <strong>duplicate<\/strong> certain header elements. This allows you to have multiple instances of an element within your header row, each with its own independent settings. This opens doors for even more creative and dynamic header designs.<\/p>\n\n\n\n<p>With Blocksy&#8217;s vast selection of customisable header elements, you have the freedom to design a header that not only looks stunning but also provides a user-friendly and engaging experience for your visitors.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blocksy empowers you to craft a website header that perfectly reflects your brand and user experience. With a vast array of header elements at your disposal, you can build a personalised design that caters to your specific website needs. Each header element in Blocksy is meticulously designed to offer a wide range of customization options. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[124],"class_list":["post-2367","documentation","type-documentation","status-publish","hentry","doc_categories-header-elements"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=2367"}],"version-history":[{"count":3,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2367\/revisions"}],"predecessor-version":[{"id":10216,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/2367\/revisions\/10216"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=2367"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=2367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}