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

# WordPress Integration

> Integrate Support Unicorn with WordPress

## Video Walkthrough

<iframe width="560" height="315" src="https://www.youtube.com/embed/hCgl33Si6mI" title="WordPress Integration Walkthrough" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

## How to Add the Widget Script

There are two ways to add the Support Unicorn widget to your WordPress site.

### Option 1: Using a Plugin (Recommended)

Install a plugin like **WPCode** (formerly "Insert Headers and Footers"). This ensures your scripts persist even if you change themes.

1. Install and activate the **WPCode** plugin from the WordPress plugin directory.

2. Go to **Code Snippets > Header & Footer**.

3. Copy your widget script from your agent's **Channels** page at [supportunicorn.com](https://supportunicorn.com) and paste it into the **Footer** section.

4. Click **Save Changes**.

### Option 2: Editing the Theme File

1. Go to **Appearance > Theme File Editor**.
2. Open `header.php` (or `footer.php`).
3. Paste the widget script before the closing `</head>` or `</body>` tag.

<Warning>
  Theme file edits will be lost if you switch or update your theme. Use the plugin method for a more durable setup.
</Warning>

<Note>
  If you use a page builder like **Elementor**, use the **Custom Code** section in the Elementor dashboard instead.
</Note>

## Next Steps

<Card title="Widget Configuration" icon="settings" href="/widget/configuration">
  Customize widget appearance and behavior
</Card>