> For the complete documentation index, see [llms.txt](https://documentation.ajaxsearchpro.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.ajaxsearchpro.com/getting-started/gutenberg-elementor-divi-other-page-editors.md).

# Gutenberg and Other Page Editors

For better access both default editor shortcodes and Visual Composer shortcodes are provided.

## Gutenberg  Editor - Add Search Bar

On Gutenberg use the "+" button to add a new block, the search for *Ajax Search Pro*, click on the Block to add a new search element.

![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2FnqMxB1wvPGKA9KB8EYCC%2Fimage.png?alt=media\&token=6ce6c834-b018-4299-b9b0-9e7bc197a7fb)

You can also use the [search shortcodes](/getting-started/search-shortcodes.md) within a shortcode or a paragraph block.

## Elementor - Oxygen Builder - WPBakery - Divi Builder and Other builder shortcodes

For page builders, use the shortcode or a simple content element, and place the [plugin search shortcodes](/getting-started/search-shortcodes.md) there.

![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2FYshsSH4BDISMGnNDnezT%2Fimage.png?alt=media\&token=1ac43df1-b0ca-453b-9258-8fa9b074db4c)![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2F2CWPQ6jocibJBBmpuMwR%2Fimage.png?alt=media\&token=629f30d9-3d22-4420-8f40-06bdbeb55bb2)

## Classic Editor Shortcodes

You can easily access every shortcode in the post editor, by clicking on the ASP button.

![](http://i.imgur.com/VTIczca.png)

You can also add the [search shortcodes](/getting-started/search-shortcodes.md) manually, simply copy/paste them to the content.