> For the complete documentation index, see [llms.txt](https://docs.convogrid.ai/convogrid/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.convogrid.ai/convogrid/integration/convo-connector/wordpress-integration.md).

# WordPress Integration

If you are looking to integrate your website with WordPress, you have 3 methods:

### Method 1. Include in the Site Footer in your Theme Builder (Easy)

Theme builders such as Elementor Pro or Divi provide the option to add code to the site footer.

#### Elementor Pro Theme Builder

<figure><img src="https://2237611715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZPuj2DFIeQCdQHItzpv2%2Fuploads%2F9bwyzrASsmPT8CQiLKDb%2Fimage.png?alt=media&amp;token=2041bfb8-a961-459b-a62d-9d44f018c25d" alt=""><figcaption><p>Elementor Custom Code</p></figcaption></figure>

#### Divi Theme Builder

<figure><img src="https://2237611715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZPuj2DFIeQCdQHItzpv2%2Fuploads%2Ff0Ydc2fDisgTcIjrfxNY%2Fimage.png?alt=media&amp;token=f125985d-748f-4374-97c9-bf9a19356382" alt=""><figcaption><p>Divi Theme Options >Integration</p></figcaption></figure>

Simply add the provided script tag to your website’s HTML footer using your theme builder.

```javascript
 <script id="convobot_extension" fallback-to-default="true" right-margin="3vw" bottom-margin="3vh"  src="https://content-beta.convogrid.ai/script/extension.v.0.1.1.min.js"></script>
```

### Method 2. Using a code editor plugin (Easy)

By using plugins like Code Snippets or WP Code, you will be able to add the snippet directly to the site footer.

<figure><img src="https://2237611715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZPuj2DFIeQCdQHItzpv2%2Fuploads%2F6L3GqTAAb4nY6MsrF1nr%2Fimage.png?alt=media&amp;token=8e4dd7ec-6dde-4011-bf12-e51ab97d939a" alt=""><figcaption><p>Code Snippets</p></figcaption></figure>

Simply add the script tag to your website’s HTML footer using your code plugin.

```javascript
 <script id="convobot_extension" fallback-to-default="true" right-margin="3vw" bottom-margin="3vh"  src="https://content-beta.convogrid.ai/script/extension.v.0.1.1.min.js"></script>
```

### Method 3. Edit the `Functions.php` file in your WP theme (Advanced)

You can also use this PHP script to embed the widget directly into the site through the functions.php file. Make sure to have a child theme to avoid data deletion when updating the theme.

<figure><img src="https://2237611715-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZPuj2DFIeQCdQHItzpv2%2Fuploads%2F50Gjq9aZwUXxQ4Yidzz8%2Fimage.png?alt=media&amp;token=9f162ac9-a068-4b00-b00e-5c7cd0e12126" alt=""><figcaption><p>Child Theme Functions.php file</p></figcaption></figure>

Add the function below to the file using the theme file editor, or by manually editing the PHP file through your file manager.

{% code title="Functions.php" overflow="wrap" %}

```php
function embed_convobot_script() {
    $script = '<script id="convobot_extension" fallback-to-default="true" right-margin="3vw" bottom-margin="3vh"  src="https://content-beta.convogrid.ai/script/extension.v.0.1.1.min.js"></script>';
    echo $script;
}

add_action( 'wp_footer', 'embed_convobot_script' );
```

{% endcode %}

Looking for styling options? Please refer [Convo Connector](/convogrid/integration/convo-connector.md).