---
title: Search Bar Block
description: "The PublishPress \"Search Bar\" block is available in the [PublishPress Blocks](https://publishpress.com/links/blocks) plugin. This allows you to add a very customizable search form into Gutenberg. You can change the colors, icons, width and text of your search bar. --- ## How…"
url: "https://publishpress.com/knowledge-base/search-bar-block/"
updated: "2025-05-14"
category: PublishPress Blocks / PublishPress Blocks
---

# Search Bar Block

The PublishPress "Search Bar" block is available in the [PublishPress Blocks](https://publishpress.com/links/blocks) plugin. This allows you to add a very customizable search form into Gutenberg. You can change the colors, icons, width and text of your search bar.

---

## How to add a Search Bar block

You can create a search textbox on by clicking the "Search Bar - PublishPress"** **button in the [PublishPress Blocks](https://publishpress.com/links/blocks) category.

![](https://publishpress.com/wp-content/uploads/2022/10/Screen-Shot-2022-10-05-at-17.53.30.png)

---

## Settings for the Search Bar block

You can adjust the PublishPress Search Bar settings on the right panel.

- **Styles:** there are 2 predefined styles: Default and Classic
- **Search Bar State**
  - Full width: On/Off
  - Width
- **Search Icon Settings**
  - Search icon on the right: On/Off
  - Search icon

![](https://publishpress.com/wp-content/uploads/2022/10/Screen-Shot-2022-10-05-at-17.54.15.png)

- **Search Input Settings**
  - Search placeholder
  - Input Color: Background and Text color

![](https://publishpress.com/wp-content/uploads/2020/06/search-input-settings.png)

- **Search Button Settings**
  - Show submit button: On/Off
  - Search button on the left: On/Off
  - Background and Text color
  - Border radius
- **Hover Colors: **Background, Text and Shadow color
- **Hover Shadow: **Opacity, Transition speed and Shadow (H (horizontal) offset, V (vertical) offset, blur, spread)

![](https://publishpress.com/wp-content/uploads/2020/06/search-button-settings-1.png)