Embed to WordPress websites
Ready to bring your AI Agent to your WordPress site? With the WPCode plugin, you can embed your Agent in just a few clicks, no coding or theme editing required.
š§ What Youāll Need Before You Start
To complete this setup, make sure you have:
ā A published AI Agent in MagicBlocks
ā Your MagicBlocks Embed Code (check here for the step-by-step to get the code Go Live: Embedding Your Al Agent to a Website)
ā Admin access to your WordPress site
š Step-by-Step: How to Embed Your AI Agent on WordPress
1. Copy the Embed Code from MagicBlocks
Start in your MagicBlocks dashboard:
Go to Agents
Select the Agent you want to go live with
Navigate to the Go Live
Copy the code to Embed.
This is the script youāll paste into WordPress to activate the Agent on your site.
š„ This video will explain the step-by-step process on how to embed your AI Agent on Wordpress:
2. Log in to WordPress
From your WordPress admin dashboard:
Click on āPluginsā in the sidebar
Then click āAdd New Pluginā
3. Search for āWPCodeā Plugin
In the search bar, type āWPCodeā.
Look for the plugin named:
āWPCode ā Insert Headers and Footers + Custom Code Snippetsā
4. Install & Activate
Once youāve located WPCode, click Install Now to begin installation. After installation, the button will change to āActivateā click it to enable the plugin.
6. Go to WPCode > Code Snippets > Header & Footer
In your WordPress dashboard sidebar:
Click āCode Snippetsā (under the new WPCode menu)
Then select āHeader & Footerā
This opens a simple editor to paste custom code into your siteās footer.
7. Paste the MagicBlocks Embed Code in the Footer Section
In the Footer section of the code editor:
Paste the embed code you copied from MagicBlocks
8. Click āSave Changesā
Scroll down and hit Save Changes to apply the code site-wide.
ā Your Agent is now active across your WordPress website.
Your AI Agent Is Live! š
Visit your website and youāll see the MagicBlocks chat icon in the bottom right of your website.
Start Chatting & Testing
Click on the chat icon and test your lead capture flow. Make sure your Agent responds correctly and matches your tone, brand, and objectives.

Go Live: Embed Your AI Agent on WordPress
Author: MagicBlocks
Steps: 1
Source: Supademo
1. To go live and embed your AI Agent on WordPress, click to copy the code to embed.