How to Embed AI Agents
On Your Website
EasyChurch agents can be deployed on your website in under 30 seconds. Choose between a floating chat bubble, in-place inline layout, or custom click-to-open buttons.
Method 1: Floating Chat Bubble (Bottom-Right)
Perfect for adding general church Q&A, nursery info, beliefs, and parking guides to your main site. Simply paste this single line of code inside the HTML body element of your website templates:
<script
src="https://www.easychur.ch/api/widget"
data-agent-id="know-it-all-he3kf"
defer
></script>👉 Look in the bottom-right corner of your screen! The live floating widget launcher button has been automatically loaded. Click it to talk with our Front Desk agent template.
Method 2: In-Place Inline Embeds
Perfect for specific subpages like a small group finder or serve pages. To embed the agent directly into your layout flow, insert this responsive iframe code:
<iframe
src="https://www.easychur.ch/embed/know-it-all-he3kf?layout=inline"
style="width: 100%; height: 600px; border: none; border-radius: 12px;"
allow="microphone"
></iframe>Method 3: Custom Action Triggers (Clicks & Links)
Want to open the chat window when a visitor clicks an existing button on your navbar, an image in the volunteer section, or a text link? Simply load the script (Method 1) and append the `data-ec-agent` attribute to any element:
<!-- Any button, link, or image can trigger the chat bubble -->
<button data-ec-agent="know-it-all-he3kf">
Chat with Front Desk
</button>Clicking the button triggers the active script to launch the chat bubble overlay immediately.
Need Hardware & Standalone Landing Pages?
Every EasyChurch subscription ships with physical Pew/Seat NFC stickers and QR codes. In addition to website widgets, you get beautifully responsive standalone landing pages designed specifically for mobile scan interactions.