Header & Footer Block

6 Docs

Social Icon

Last Updated: October 18, 2026

The Social Icon Block lets you display a row of linked social media icons on your website. Add multiple social links, configure their URLs and icons, choose global or individual colors, and customize button size, spacing, alignment, borders, radius, and hover effects. How to Add a Social Icon Block Step 1: Add the Social Icon…

Search

Last Updated: October 17, 2026

The Search Block lets visitors search your WordPress website using either a popup search interface or an inline search field. Customize the search title, placeholder text, icons, input field, submit button, popup overlay, typography, colors, and responsive sizing to match your website design. How to Add a Search Block Step 1: Add the Search Block…

Scroll Top

Last Updated: October 17, 2026

The Scroll Top Block adds a floating button that appears after visitors scroll down a page. When clicked, the button smoothly scrolls the page back to the top. You can customize the icon, visibility threshold, button position, size, colors, border, shadow, and spacing for different devices. How to Add a Scroll Top Block Step 1:…

Offcanvas

Last Updated: October 17, 2026

The Offcanvas Block lets you display a toggle button that opens a hidden panel containing a selected ShapeBlock Template. Choose between a classic side panel and a modern fullscreen-style panel, customize the opening position and width, and style the menu button, closing icon, and panel appearance. How to Add an Offcanvas Block Step 1: Add…

Menu

Last Updated: October 17, 2026

The Menu Block lets you create a responsive navigation menu with links, nested dropdowns, icons, and descriptions. You can add links manually or import an existing WordPress menu, customize menu orientation and spacing, control dropdown behavior, and style desktop and mobile navigation separately. How to Add a Menu Block Follow these steps to add the…

Breadcrumb

Last Updated: October 17, 2026

The Breadcrumb Block displays a navigation trail that helps visitors understand their current location within your website. You can customize the home icon and text, separator symbol, category path, current page title, alignment, typography, colors, borders, and spacing. How to Add a Breadcrumb Block Follow these steps to add the Breadcrumb Block to your page…