> 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.

![](/files/oKVTzrO3NYo8XN2totIB)

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.

![](/files/J27tArBqM9mSHmljYEgB)![](/files/gFzmvPJyzq3mgXO89TAJ)

## 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.