Blocksy tutorial: a comprehensive analysis of the use of each header element and settings

Blocksy As a powerful and flexible WordPress theme, its header builder (Header Builder) function is particularly outstanding. Whether it is an e-commerce, blog, enterprise official website, or content-based website, you can easily realize professional, clear and interactive navigation design through a rich combination of header elements.

In this article, we will introduce the common elements of Blocksy header builder and its function settings one by one, to help you quickly master how to build your own customized header.

Account element (Account)

This element provides visitors with access to account-related actions:

Unregistered status: Show login/registration pop-ups

logged in: access to profile pages, dashboards, and other backend pages

Support for adding icons, labels, and controlling device-side visibility.The Pro version also supports integration of CAPTCHA, security plug-ins, and WooCommerce Registration form.

The button element (Button)

Ideal for adding actionable buttons such as "Buy Now", "Contact Customer Service", etc:

• Support icon, size, text customization
• Customization can be added CSS class, linked to the plugin

• Bindable trigger for popups created by Content Blocks.

Shopping Cart Element (Cart)

When the site is enabled WooCommerce The element is automatically activated after the

• Provide multiple shopping cart styles (including icon style and sidebar pop-up)

• Support for product quantity adjustment (available for Pro users)
• All settings are centralized in the design panel for quick customization

Contacts element

It is used to display basic information such as company address, phone number, e-mail address, etc. It is especially suitable for local business and official corporate website scenarios.

Divider element (Divider)

A purely visual support element used to separate functional modules in a menu or header to give the page a more hierarchical feel.

HTML Block

Insert customization HTML, CSS,JavaScript Code or shortcode for users with special typographic, button, and embedding needs.

Multi-language switching (Languages)

Only if a multilingual plug-in is detected (e.g. WPML maybe Polylang) is displayed, provides language switching drop-down menu, and supports icon display and style switching.

Logo Element (Logo)

Display the website logo:

• Support for uploading multi-state Logos (default, sticky, transparent, etc.)

• Logo size control, sticky state scaling support

• Logo can be hidden, use site title instead

Menu element (Menu)

navigatormenuThe core components of the

• Provides four styles and rich drop-down menu designs

• Support click to expand, animation effects, hover behavior settings

• Pro version supports coexistence of multiple menu modules for complex header layouts or mobile menu switching

Search element (Search)

Supports two types of search presentation:

Simple Search Icon: Click to bring up the search box
Input Box Style: Permanent search bar

Supports limited search types (articles, products, etc.) and has a live search function (Live Search).

Socials

Used to display social media links, support icon customized sorting and platform selection. Customized social platforms can be added to meet diversified connection needs.

Menu Trigger

Mainly used for mobile menus (Off-canvas style), supports click to open collapsed menus and allows embedding widgets.

Widget Area

Demonstrate any WordPress Widget content, support Gutenberg Widget system. Can be used to embed forms, categories, tag clouds and more.

Wishlist element (Wishlist)

combining WooCommerce and Wishlist plugins are used to allow users to quickly favorite products for e-commerce type websites.

summarize

Blocksy Blocksy's Header Builder offers a complete set of header solutions, with every element highly customizable. Whether it's branding, navigation, or interactive features, you can find the right combination in Blocksy. By utilizing these elements, you can build beautiful and functional site headers, even if you don't have a basic knowledge of programming.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off