Workspaces

Tools & MCP

Snippets

Forms

Guardrails

Overview

Advanced

Jobs

CRMs

Quick Check

Embedding

Tasks

Dashboard

Goals

Make Your AI Agent More Human

General Knowledge

Actions

Custom Fields

Chat

Top 20 Q&As Knowledge

Key Facts

Testing

Playbook Knowledge

Embed to Shopify stores

Embed to Webflow sites

Install with Google Tag Manager

FAQs

Playbooks

Handovers

Rules

Glossary

Personas

Email

Expand Knowledge Base

Contact Details

Filtering

Connections

Webhooks

Sessions Reviewing

Google Analytics

Webhooks on Goals

High-Level Frameworks & Industry-Specific Sales Models

Journey Advanced

Robot Head Icon

Customer Data Platform (CDP)

Settings

Global Listening of Key Facts

Manually

Embed to Wix websites

Embed to Squarespace

Embed to WordPress websites

Agents

Knowledge

Dynamic Tokens

Persona

Calendars

Brain

Import & Send

Collections

Missing Knowledge

Effective Knowledge Base

Sessions

For users who just want to get live with minimal friction.

Get Started

Understand the core concepts that make MagicBlocks “magical”.

Core Concepts

Creating a “Brain” for your agents is essential for it to deliver smart answers that are totally about your brand.

Google Drive Knowledge

Best Practice

The core elements for assembling an agent.

Templates

General Settings

Journey

Contact Transfer

Embed your AI agent on your website and start converting visitors

Going Live

Social DM

Client Review

Add sophisticated features like forms, functions, and custom tasks

Advanced Features 

Task

Functions

Connect your AI Agent to CRMs, Calendars and other business tools

Integrations 

Human Takeover

Conversational Bookings

This is your customer data platform that operates across channels as a single source of truth

Contacts

Adding Data to Contact

How to properly review and audit sessions

Session Reviewing

Debugging

Store reusable information like forms and snippets to keep your agents consistent and fast to build

Library

Connect your AI agent to website chat and SMS so it can talk to customers anywhere

Channels

Monitor performance, manage contacts, and improve your AI agent over time

Measuring

Manage your workspace, team, billing, in one place

Access sales frameworks and industry playbooks to design conversations that convert

Strategy

<div data-lexical-raw-html="true"><meta name="description" content="Embed MagicBlocks AI agents effortlessly on top website platforms. Automate support, increase satisfaction, and convert visitors with frictionless AI integration.">
</div>Embedding a code for an AI Agent on a website means adding a small piece of code (provided by us) into your website's HTML (which is the back-end code of a website that determines its layout and function).This code will allow the chatbot to appear and function on the website, where your visitors and potential customers can interact with it.<h2 class="LexTKB__h2" dir="ltr">How to embed a published Agent on your website</h2>Once you're happy with the Agent and how it's working, it's time to embed it on your website! Here's how:1.&nbsp;To go live, click on "Agents".<img src="https://export.supademo.com/renders/wns8xdogsn/out.png" alt="3" class="lexical-inline-image position-full" style="z-index: 20;">2.&nbsp;Then select one of the AI Agents that you want to publish to a website.<img src="https://export.supademo.com/renders/y7rt3abjr9/out.png" alt="2" class="lexical-inline-image position-full" style="z-index: 20;">3.&nbsp;Make sure you've published the AI Agent.<img src="https://export.supademo.com/renders/uoirwjmpz8/out.png" alt="4" class="lexical-inline-image position-full" style="z-index: 20;">4.&nbsp;Then, click on "Go Live".<img src="https://export.supademo.com/renders/fk6dlkap61/out.png" alt="5" class="lexical-inline-image position-full" style="z-index: 20;">5. On the Go Live page, you can choose the appearance you want for your AI Agent, using the drop-down (these will be your saved appearances, or a default one)<img src="https://export.supademo.com/renders/1stsyj7jaf/out.png" alt="6" class="lexical-inline-image position-full" style="z-index: 20;">Choose whether you want a standard (small popup on right-hand side of an end user's) or a sidebar (whole right-hand side of the screen) for your agent.Add the website URLs you'd like the AI Agent displayed on. You can add as many as you like. Make sure you add individual pages of a website rather than just the home page if you want the bot displayed on multiple pages6. Click here to copy code to embed the AI Agent to your website.<img src="https://export.supademo.com/renders/z5ox52atl4/out.png" alt="6" class="lexical-inline-image position-full" style="z-index: 20;">6.&nbsp;Go to your website builder platform (e.g. Wordpress, Wix, or Squarespace) and access the HTML code or open your website HTML files.Find the spot in the code where you want to put the chatbot code. It's typically placed in the footer (so it appears on all pages), or just before the closing &lt;/head&gt; tag.<img src="https://export.supademo.com/renders/t3lvmfrvxj/out.png" alt="6" class="lexical-inline-image position-full" style="z-index: 20;">7.&nbsp;Click on "Save" and now your AI Agent is live on your website.<img src="https://export.supademo.com/renders/pgzsyjn8u9/out.png" alt="7" class="lexical-inline-image position-full" style="z-index: 20;">&nbsp; All done! Visit your site and interact with your AI Agent to confirm everything’s working perfectly.Watch the video tutorial here:<iframe data-lexical-youtube="j_Nr9yBgseg" data-lexical-endpoint="cookie" width="100%" height="315" src="https://www.youtube.com/embed/j_Nr9yBgseg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" title="YouTube video"></iframe> <h2 class="LexTKB__h2" dir="ltr">Related Articles</h2>Are you using a specific website builder platform? Check our tutorials to go live here:&nbsp;&nbsp;&nbsp;<ul class="LexTKB__ul"><li value="1" class="LexTKB__listItem"><a href="https://help.magicblocks.ai/en/article/embed-your-ai-agent-on-your-wix-website" target="_blank" rel="noopener noreferrer" class="LexTKB__link">Embed Your AI Agent on Your Wix Website</a></li><li value="2" class="LexTKB__listItem"><a href="https://help.magicblocks.ai/en/article/embed-your-ai-agent-on-your-wordpress-website" target="_blank" rel="noopener noreferrer" class="LexTKB__link">Embed Your AI Agent on Your WordPress Website</a>&nbsp;&nbsp;</li><li value="3" class="LexTKB__listItem"><a href="https://help.magicblocks.ai/en/article/embed-your-ai-agent-on-squarespace" target="_blank" rel="noopener noreferrer" class="LexTKB__link">Embed Your AI Agent on Squarespace</a>&nbsp;&nbsp;</li><li value="4" class="LexTKB__listItem"><a href="https://help.magicblocks.ai/en/article/embed-your-ai-agent-on-shopify" target="_blank" rel="noopener noreferrer" class="LexTKB__link">Embed Your AI Agent on Shopify</a>&nbsp;&nbsp;</li><li value="5" class="LexTKB__listItem"><a href="https://help.magicblocks.ai/en/article/embed-your-ai-agent-on-webflow" target="_blank" rel="noopener noreferrer" class="LexTKB__link">Embed Your AI Agent on Webflow</a>&nbsp;&nbsp;</li><li value="6" class="LexTKB__listItem"><a href="https://help.magicblocks.ai/en/article/embed-your-ai-agent-with-google-tag-manager" target="_blank" rel="noopener noreferrer" class="LexTKB__link">Embed Your AI Agent with Google Tag Manager</a></li></ul>

<div data-lexical-raw-html="true"><meta name="description" content="Set up SMS capabilities in MagicBlocks to reach users instantly. Automate notifications, confirmations, and communications for higher engagement and conversion.">
</div>MagicBlocks makes it easy to deploy AI Agents that can send SMS messages through Twilio. Follow this guide to set up your Twilio SMS integration, specifically for users based in Australia.<h2 class="LexTKB__h2" dir="ltr">What You’ll Need</h2>• An email address • A mobile phone (for Twilio verification) • A payment method (optional, for full access)<h2 class="LexTKB__h2" dir="ltr">Step 1: Create a Twilio Account</h2>1. Go to <a href="https://www.twilio.com/try-twilio" target="_blank" rel="noopener noreferrer" class="LexTKB__link">https://www.twilio.com/try-twilio</a> 2. Fill in your details (Name, Email, etc.) 3. Click Start your free trial 4. Verify your email address (check your inbox) 5. Enter your phone number for SMS verification<h2 class="LexTKB__h2" dir="ltr">Step 2: Set Your Country to Australia</h2>1. After logging in, you’ll be asked a few onboarding questions. 2. Choose Australia as your country. 3. Select SMS as what you’re building. 4. Choose “With no code” or “With minimal code” (doesn’t matter for setup).<h2 class="LexTKB__h2" dir="ltr">Step 3: Get an SMS-Enabled Phone Number</h2>1. In the Twilio Console, go to Phone Numbers → Manage → Buy a Number • <a href="https://www.twilio.com/console/phone-numbers/search" target="_blank" rel="noopener noreferrer" class="LexTKB__link">Direct link to buy number</a> 2. Set the Country to Australia 3. Check the box for SMS 4. Click Search 5. Choose a number and click Buy Free trial accounts come with a trial balance. If needed, upgrade your account to purchase more numbers or remove restrictions.<h2 class="LexTKB__h2" dir="ltr">Step 4: Find Your Account SID &amp; Auth Token</h2>1. Go to the Twilio Console Home • <a href="https://www.twilio.com/console" target="_blank" rel="noopener noreferrer" class="LexTKB__link">https://www.twilio.com/console</a> 2. You’ll see these credentials on the dashboard: • Account SID (starts with AC...) • Auth Token (click the icon to reveal it)<h2 class="LexTKB__h2" dir="ltr">Step 5: Share Credentials with MagicBlocks&nbsp;</h2>IMPORTANT: These are sensitive credentials. Share them only with trusted services.&nbsp; 1. Copy the Account SID and Auth Token 2. Paste them into MagicBlocks securely through Library &gt; Connection &gt; Twilio then click Connect and add New Connection on TwilioYou're now ready to start sending SMS via Twilio from your MagicBlocks AI Agent!<h2 class="LexTKB__h2" dir="ltr">Related Article</h2><a href="https://help.magicblocks.ai/en/article/create-ai-sms-agent" class="LexTKB__link">Twilio Integration (Setup Guide)</a>

<img src="https://cdn-assets.productfruits.com/21234614-888b-4473-bc0f-f280a07859eb" alt="" data-position="full" data-width="28.13813813813813%" data-height="auto" class="lexical-inline-image position-full" style="z-index: 20;">Your Agent is the heart of MagicBlocks — it’s the AI that greets your visitors, answers questions, captures contacts, and guides them toward conversion 24/7.An Agent combines personality, knowledge, and logic to create natural, human-like sales conversations.You can build, test, and launch your Agent entirely from the MagicBlocks Studio — no coding required.An Agent in MagicBlocks is made up of several layers that work together:<table class="LexTKB__table"><colgroup><col><col><col></colgroup><tbody><tr><th class="LexTKB__tableCell LexTKB__tableCellHeader" style="vertical-align: top; text-align: start; background-color: rgb(242, 243, 245);">Layer</th><th class="LexTKB__tableCell LexTKB__tableCellHeader" style="vertical-align: top; text-align: start; background-color: rgb(242, 243, 245);">Description</th><th class="LexTKB__tableCell LexTKB__tableCellHeader" style="vertical-align: top; text-align: start; background-color: rgb(242, 243, 245);">Found in Studio</th></tr><tr><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Persona</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Defines your Agent’s name, tone, and voice.</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">General → Persona</td></tr><tr><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Key Facts</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Key data your Agent should always reference (e.g., pricing, contact info).</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">General → Key Facts</td></tr><tr><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Brain</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">The long-term knowledge base that your Agent pulls answers from.</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Left sidebar → Brain</td></tr><tr><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Journey</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">The structured conversation flow that shapes the user experience.</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Left sidebar → Journey</td></tr><tr><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Actions</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Logic and integrations that help your Agent collect contacts or trigger workflows.</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">General → Actions</td></tr><tr><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Guardrails</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">Rules that define what your Agent should and shouldn’t say.</td><td class="LexTKB__tableCell" style="vertical-align: top; text-align: start;">General → Guardrails</td></tr></tbody></table><h2 class="LexTKB__h2" dir="ltr">How It Works</h2>When a visitor starts a conversation, your Agent follows a simple but powerful process:<ol class="LexTKB__ol1"><li value="1" class="LexTKB__listItem">Greets and Hooks — Opens with a warm, contextual greeting to capture attention.</li><li value="2" class="LexTKB__listItem">Aligns and Personalizes — Asks smart questions to understand needs.</li><li value="3" class="LexTKB__listItem">Recommends or Acts — Provides relevant information or triggers an Action (like sending a contact form).</li><li value="4" class="LexTKB__listItem">Transfers or Closes — Hands off qualified contact via Contact Transfer or closes the conversation gracefully.</li></ol>Your Agent’s tone, knowledge, and logic all come from what you set under General, Brain, and Journey.<h2 class="LexTKB__h2" dir="ltr">Example Setup</h2><h3 class="LexTKB__h3" dir="ltr">Scenario: You’re building a sales Agent for your website.</h3>Set Persona — Name your Agent “Mia” and choose a friendly, confident tone.Add Key Facts — Business name, service list, office hours.Upload to Brain — Add your pricing guide and FAQ PDF.Create Journey Blocks —<ul class="LexTKB__ul"><li value="1" class="LexTKB__listItem">Hook: Welcome the visitor.</li><li value="2" class="LexTKB__listItem">Align: Ask what they’re looking for.</li><li value="3" class="LexTKB__listItem">Get in Touch: Collect their contact info.</li></ul>Add Actions — Create a “Contact Capture” action connected to your CRM.Test in “Try My Agent” — Chat with your AI to see how it performs.Go Live — Embed the Agent on your site.<h2 class="LexTKB__h2" dir="ltr">Best Practices</h2>Keep Persona simple — Think of your Agent as a human rep with one clear personality type.Add Key Facts first — These act as your Agent’s short-term memory.Use Brain for depth — Upload documents or URLs for detailed answers.Test often — Small tweaks to tone or questions can improve engagement dramatically.Keep Journeys modular — You can reuse “Hook” or “Get in Touch” blocks across multiple Agents.<h2 class="LexTKB__h2" dir="ltr">Next Steps</h2>Learn more on <a href="https://help.magicblocks.ai/en/article/creating-your-ai-agents" class="LexTKB__link">Agents</a>

Go back to application

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>


<link
 href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
 rel="stylesheet"
/>

<style>
 /* Global font */
 * {
 font-family:
 'Inter',
 system-ui,
 -apple-system,
 BlinkMacSystemFont,
 'Segoe UI',
 Roboto,
 'Helvetica Neue',
 Arial,
 sans-serif;
 font-weight: 400;
 }
 .font-medium { font-weight: 500; }
 .font-semibold { font-weight: 600; }
 .font-bold { font-weight: 700; }
</style>

<style>
/* ========= Scrollbar (forced light, slim, neutral) ========= */

/* Tweak these if you want different tones */
:root {
 --sb-track: #f1f1f3; /* track (rail) */
 --sb-thumb: #c7c7cc; /* thumb */
 --sb-thumb-hover: #9b9ba1;
}

/* Target the actual scrollable elements in your layout */
.menu-column .overflow-auto,
.abstract-column .overflow-auto {
 /* Firefox */
 scrollbar-width: thin;
 scrollbar-color: var(--sb-thumb) var(--sb-track);
 /* Keep layout stable; avoids overlap */
 scrollbar-gutter: stable both-edges;
}

/* WebKit (Chrome/Edge/Safari) */
.menu-column .overflow-auto::-webkit-scrollbar,
.abstract-column .overflow-auto::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}

.menu-column .overflow-auto::-webkit-scrollbar-track,
.abstract-column .overflow-auto::-webkit-scrollbar-track {
 background: var(--sb-track) !important;
 border-radius: 10px;
}

.menu-column .overflow-auto::-webkit-scrollbar-thumb,
.abstract-column .overflow-auto::-webkit-scrollbar-thumb {
 background: var(--sb-thumb) !important;
 border-radius: 10px;
 border: 2px solid var(--sb-track) !important; /* slim “pill” */
 background-clip: padding-box;
 transition: background 0.2s ease, border-color 0.2s ease;
}

.menu-column .overflow-auto::-webkit-scrollbar-thumb:hover,
.abstract-column .overflow-auto::-webkit-scrollbar-thumb:hover {
 background: var(--sb-thumb-hover) !important;
}

/* Never auto-switch to dark — keep the light rail */
@media (prefers-color-scheme: dark) {
 .menu-column .overflow-auto,
 .abstract-column .overflow-auto {
 scrollbar-color: var(--sb-thumb) var(--sb-track);
 }
 .menu-column .overflow-auto::-webkit-scrollbar-track,
 .abstract-column .overflow-auto::-webkit-scrollbar-track {
 background: var(--sb-track) !important;
 }
 .menu-column .overflow-auto::-webkit-scrollbar-thumb,
 .abstract-column .overflow-auto::-webkit-scrollbar-thumb {
 background: var(--sb-thumb) !important;
 border-color: var(--sb-track) !important;
 }
}

/* Remove borders sitting right beside the rail (that “double line” look) */
.menu-column { border-right-color: transparent !important; }
.abstract-column { border-left-color: transparent !important; }
</style>

Was this article helpful?

You recently requested to reset your password for your account. Use the button below to reset it. This password reset is only valid for the next 24 hours.

If you’re having trouble with the button above, copy and paste the URL below into your web browser.

Please check your email for instructions to reset your password.

Check your email

Enter your email address and we will send you instructions to reset your password.

MagicBlocks Help