> ## Documentation Index
> Fetch the complete documentation index at: https://docs.echowp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Shortcode

> How to Use the EchoAI Shortcode in the Classic Editor

The EchoAI shortcode allows you to easily add the AI assistant to any page or post when using the Classic Editor in WordPress. You can quickly embed the assistant by inserting the shortcode where you’d like it to appear within your content.

## How to Use

<Steps>
  <Step title="Edit a Page or Post">
    Open the Classic Editor for the page or post where you want to add the assistant.
  </Step>

  <Step title="Insert the Shortcode">
    Insert the shortcode `[echo_ai]` where you’d like the assistant to appear.
  </Step>
</Steps>

## Set Height of the Assistant

You can set the height of the assistant by adding the `height` attribute to the shortcode. For example: `[echo_ai height="400"]`. The default height is 400px.

<CardGroup>
  <Card title="Settings" icon="sliders" href="/manual/settings">
    Customize the assistant

    >
  </Card>

  <Card title="Gutenberg Block" icon="rectangles-mixed" href="/manual/gutenberg">
    Read how to use the Gutenberg block.

    >
  </Card>

  <Card title="Floating Button" icon="message-smile" href="/manual/floating-button">
    Read how floating button works.
  </Card>
</CardGroup>