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

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ā€2

3. Search for ā€œWPCodeā€ Plugin

In the search bar, type ā€œWPCodeā€.

Look for the plugin named:  
ā€œWPCode – Insert Headers and Footers + Custom Code Snippetsā€3

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

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

7. Paste the MagicBlocks Embed Code in the Footer Section

In the Footer section of the code editor:

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

8 
Your AI Agent Is Live! šŸŽ‰

Visit your website and you’ll see the MagicBlocks chat icon in the bottom right of your website.

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

10

 

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.

 


This workflow was created with Supademo.

Was this article helpful?