Files
help4bis-com/site/ai-integration.html
T
help4bisandClaude Sonnet 5.5 9e6a41fc5d chore: baseline of the live help4bis.com docroot as of 2026-10-23 (cockpit #168)
Excludes analytics/data, vendor, support, .env, ACME tokens.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
2026-10-23 06:45:34 +10:00

775 lines
45 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<!-- Version: 1.2.0 | Created: 2026-03-13 | Updated: 2026-08-16 -->
<html lang="en-AU">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Integration for WordPress | Chatbots & Automation | HELP4BIS</title>
<meta name="description" content="Add AI to your WordPress website. Custom chatbots, AI content assistants, lead qualification automation. Fixed-price packages from $297. HELP4BIS, Brisbane. Australia-wide delivery.">
<meta name="keywords" content="AI integration WordPress, WordPress chatbot Australia, AI automation small business, WordPress AI tools Brisbane, AI lead qualification Australia, WordPress AI integration, ChatGPT WordPress plugin, AI content assistant WordPress">
<meta name="author" content="HELP4BIS">
<meta name="publisher" content="Dutch Digital Dynamics Pty Ltd">
<meta name="copyright" content="Dutch Digital Dynamics Pty Ltd">
<meta name="language" content="en-AU">
<meta name="revisit-after" content="7 days">
<meta name="category" content="WordPress Services, AI Integration, Small Business Technology">
<meta name="classification" content="Business/Technology">
<meta name="coverage" content="Australia">
<meta name="distribution" content="global">
<meta name="rating" content="general">
<meta name="geo.region" content="AU-QLD">
<meta name="geo.placename" content="Brisbane, Queensland">
<meta name="geo.position" content="-27.4698;153.0251">
<meta name="ICBM" content="-27.4698, 153.0251">
<link rel="canonical" href="https://help4bis.com/ai-integration.html">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:url" content="https://help4bis.com/ai-integration.html">
<meta property="og:site_name" content="HELP4BIS">
<meta property="og:title" content="AI Integration for WordPress | Chatbots, Automation & AI Tools | HELP4BIS">
<meta property="og:description" content="Add AI to your WordPress website. Custom chatbots, AI content assistants, lead qualification automation. Fixed-price packages from $297. Brisbane-based, Australia-wide.">
<meta property="og:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="HELP4BIS, WordPress services for Australian small businesses">
<meta property="og:locale" content="en_AU">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@help4bis">
<meta name="twitter:title" content="AI Integration for WordPress | Chatbots, Automation & AI Tools | HELP4BIS">
<meta name="twitter:description" content="Add AI to your WordPress business. Fixed-price packages from $297. Custom chatbots, AI content assistants, automated lead qualification.">
<meta name="twitter:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
<meta name="twitter:image:alt" content="HELP4BIS">
<link rel="icon" type="image/jpeg" href="assets/images/logo-favicon.jpg">
<!-- Fonts -->
<!-- Icons (Lucide) -->
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<link rel="stylesheet" href="assets/css/style.css">
<style>
/* AI page extras */
.ai-fit-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--sp-6);
max-width: 860px;
margin: 0 auto;
}
@media (max-width: 640px) {
.ai-fit-grid { grid-template-columns: 1fr; }
}
.ai-fit-card {
background: var(--white);
border: 1px solid var(--grey-border);
border-radius: var(--r-lg);
padding: var(--sp-4);
}
.ai-fit-card h4 {
font-size: 16px;
margin-bottom: var(--sp-2);
display: flex;
align-items: center;
gap: var(--sp-1);
}
.ai-fit-card--yes h4 { color: var(--green); }
.ai-fit-card--no h4 { color: var(--grey-mid); }
.ai-fit-card ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
}
.ai-fit-card li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 15px;
color: var(--grey-mid);
}
</style>
<!-- JSON-LD Service Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Service",
"@id": "https://help4bis.com/ai-integration.html#service",
"name": "AI Integration for WordPress",
"description": "Fixed-price AI integrations for Australian small businesses. AI chatbots, content assistants, automated lead qualification, and workflow automation, all built on WordPress.",
"provider": {"@id": "https://help4bis.com/#business"},
"areaServed": {"@type": "Country", "name": "Australia"},
"offers": [
{
"@type": "Offer",
"name": "Automation Starter",
"description": "Entry-level WordPress automation. Connect your forms to email sequences, CRMs, or notification systems.",
"price": "297",
"priceCurrency": "AUD",
"url": "https://help4bis.com/ai-integration.html"
},
{
"@type": "Offer",
"name": "AI Content Assistant",
"description": "AI-powered content generation integrated into your WordPress admin. Drafts posts, product descriptions, and page copy.",
"price": "347",
"priceCurrency": "AUD",
"url": "https://help4bis.com/ai-integration.html"
},
{
"@type": "Offer",
"name": "AI Chat Responder",
"description": "Custom AI chatbot trained on your business content. Handles FAQs, captures leads, and escalates to email.",
"price": "497",
"priceCurrency": "AUD",
"url": "https://help4bis.com/ai-integration.html"
},
{
"@type": "Offer",
"name": "AI Lead Qualifier",
"description": "AI chatbot that qualifies leads before they reach your inbox. Asks the right questions and scores enquiries automatically.",
"price": "597",
"priceCurrency": "AUD",
"url": "https://help4bis.com/ai-integration.html"
},
{
"@type": "Offer",
"name": "Speed + SEO Audit",
"description": "One-time audit of your WordPress site's speed and SEO. Deliverable: written report with prioritised fixes.",
"price": "97",
"priceCurrency": "AUD",
"url": "https://help4bis.com/ai-integration.html"
},
{
"@type": "Offer",
"name": "Full AI Stack",
"description": "Complete AI integration: chatbot, lead qualifier, content assistant, and automation workflows. All four packages bundled.",
"price": "1497",
"priceCurrency": "AUD",
"url": "https://help4bis.com/ai-integration.html"
}
]
},
{
"@type": "WebPage",
"@id": "https://help4bis.com/ai-integration.html#webpage",
"url": "https://help4bis.com/ai-integration.html",
"name": "AI Integration for WordPress | Chatbots & Automation | HELP4BIS",
"isPartOf": {"@id": "https://help4bis.com/#website"},
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://help4bis.com/"},
{"@type": "ListItem", "position": 2, "name": "AI Integration", "item": "https://help4bis.com/ai-integration.html"}
]
}
},
{
"@type": "FAQPage",
"@id": "https://help4bis.com/ai-integration.html#faq",
"mainEntity": [
{
"@type": "Question",
"name": "Does AI integration work with my existing WordPress site?",
"acceptedAnswer": {
"@type": "Answer",
"text": "In most cases, yes. We'll check your tech stack when you submit your brief and flag any conflicts before starting. No surprises."
}
},
{
"@type": "Question",
"name": "Which AI engine does the WordPress chatbot use?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Typically Claude API or OpenAI GPT-4o, depending on your use case. We'll recommend which is better for your situation when we review your brief."
}
},
{
"@type": "Question",
"name": "Are there ongoing API costs for a WordPress AI chatbot?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, AI chatbots and lead qualifiers run on OpenAI or Anthropic APIs. You set up your own API account (free to create, pay-as-you-go). Typical small business cost: $5–$40/month depending on traffic. We document the expected cost before you commit."
}
},
{
"@type": "Question",
"name": "Can I update the AI chatbot training myself?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, we configure it so you can update the FAQ and knowledge base yourself via a simple Google Sheet or WordPress admin panel, without touching code."
}
},
{
"@type": "Question",
"name": "What if the AI gives incorrect or harmful information?",
"acceptedAnswer": {
"@type": "Answer",
"text": "All AI integrations include a system prompt that defines the assistant's scope and instructs it to redirect out-of-scope questions to a human. For high-stakes queries, we configure a fallback: the AI says it doesn't have enough information and directs the user to contact you directly."
}
}
]
}
]
}
</script>
</head>
<body>
<!-- ═══════════════════════════════════════════════
NAVIGATION
═══════════════════════════════════════════════ -->
<nav class="nav" role="navigation" aria-label="Main navigation">
<div class="container">
<div class="nav__inner">
<a class="nav__logo" href="index.html" aria-label="HELP4BIS home">
<img src="assets/images/logo-cropped.jpg" alt="HELP4BIS Logo" width="160" height="44">
</a>
<ul class="nav__links" id="nav-links" role="list">
<!-- Services dropdown -->
<li class="nav__dropdown">
<button class="nav__trigger" aria-haspopup="true" aria-expanded="false">Services <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg></button>
<ul class="nav__dropdown-menu" role="menu">
<li class="nav__menu-group">WordPress</li>
<li><a href="managed-wordpress.html" role="menuitem">Tailored Website Management</a></li>
<li><a href="care-plans.html" role="menuitem">WP Care Plans <span class="menu-price">from $49/mo</span></a></li>
<li><a href="sos-fix.html" role="menuitem">WP SOS Fix <span class="menu-price">$97 flat</span></a></li>
<li><a href="ai-integration.html" role="menuitem">AI Integration</a></li>
<li><a href="plugin-development.html" role="menuitem">Custom Plugin Development</a></li> </ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="index.html#portfolio">Our Work</a></li>
<li><a href="index.html#pricing">Pricing</a></li>
<li><a href="blog/index.html">Blog</a></li>
<li><a href="your-first-week-with-ai.html">AI Guide</a></li>
<li><a href="contact.html">Contact</a></li>
<!-- Mobile CTA (inside nav drawer) -->
<li class="nav__cta-mobile" aria-hidden="true">
<a href="contact.html" class="btn btn-primary">Get Started</a>
<a href="sos-fix.html" class="btn btn-secondary">SOS Fix, $97</a>
</li>
</ul>
<div class="nav__cta">
<a href="sos-fix.html" class="btn btn-secondary btn-sm">SOS Fix $97</a>
<a href="contact.html" class="btn btn-primary btn-sm">Get Started</a>
</div>
<button class="nav__burger" id="nav-burger" aria-label="Open menu" aria-expanded="false" aria-controls="nav-links">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
</button>
</div>
</div>
</nav>
<!-- ═══════════════════════════════════════════════
PAGE HERO
═══════════════════════════════════════════════ -->
<section class="page-hero" aria-labelledby="hero-heading">
<div class="container">
<nav class="breadcrumb" aria-label="Breadcrumb">
<a href="index.html">Home</a>
<span aria-hidden="true">›</span>
<a href="index.html#services">Services</a>
<span aria-hidden="true">›</span>
AI Integration
</nav>
<p class="eyebrow">AI Integration</p>
<h1 id="hero-heading">Add AI to your business. Fixed price. No guesswork.</h1>
<p>The AI tools that make sense for Australian small businesses, chatbots that answer questions 24/7, lead qualification that filters your enquiries, content assistants trained on your brand. All delivered async, all fixed price.</p>
</div>
</section>
<!-- ═══════════════════════════════════════════════
WHY NOW
═══════════════════════════════════════════════ -->
<section class="section" aria-labelledby="why-heading">
<div class="container">
<div class="why__grid">
<div class="why__image reveal">
<img src="assets/images/expert-technical-support.jpg"
alt="AI integration for small business, HELP4BIS"
width="520" height="650">
</div>
<div class="why__content reveal">
<p class="eyebrow">Why Now</p>
<h2 id="why-heading">The window for competitive advantage is now.</h2>
<p>Australian small businesses are starting to add AI tools, but most providers quote hourly and deliver uncertainty. We build fixed-scope AI integrations: you know exactly what you'll get and exactly what it costs. No discovery phase. No retainer. Submit a brief, we build it, you get a working tool.</p>
<p>In 12 months, every web developer will offer this. Today, very few deliver it reliably for small business budgets.</p>
<ul class="why__points">
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Fixed price, you know what it costs before work starts
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Fully async, no calls, no meetings, no waiting
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Works on your existing WordPress site
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Ongoing API costs documented before you commit
</li>
</ul>
<a href="contact.html?service=ai" class="btn btn-primary">Submit an AI Brief</a>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
FIXED-PRICE AI PACKAGES
═══════════════════════════════════════════════ -->
<section class="section section--alt" id="packages" aria-labelledby="packages-heading">
<div class="container">
<div class="text-center mb-6">
<p class="eyebrow">Fixed-Price Packages</p>
<h2 id="packages-heading">Fixed-price AI packages</h2>
<p class="section-subtitle">Scope defined. Price confirmed. Work starts. No surprises.</p>
</div>
<div class="services__grid">
<!-- AI Chat Responder -->
<div class="service-card reveal">
<div class="service-card__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
</div>
<h3>AI Chat Responder</h3>
<p>An AI chatbot embedded on your website, trained on your FAQs, products, policies, and services. Answers customer questions 24/7, hands off to you for complex queries, and you can (re)-train it yourself as your content changes.</p>
<div class="service-card__price">$497 <span>AUD one-off</span></div>
<p style="font-size:13px; color:var(--grey-mid); margin-bottom:var(--sp-3);">
<strong style="color:var(--ink);">Includes:</strong> Chatbot installed on WordPress, trained on your content, branded to match your site, one round of response tuning.
</p>
<a href="contact.html?service=ai&package=chat-responder" class="btn btn-secondary btn-sm">Get This Package</a>
</div>
<!-- AI Content Assistant -->
<div class="service-card reveal">
<div class="service-card__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
</div>
<h3>AI Content Assistant</h3>
<p>AI Engine WordPress plugin configured with a system prompt trained for your brand voice. Helps you write blog posts, page content, and social media in your brand's tone.</p>
<div class="service-card__price">$347 <span>AUD one-off</span></div>
<p style="font-size:13px; color:var(--grey-mid); margin-bottom:var(--sp-3);">
<strong style="color:var(--ink);">Includes:</strong> Plugin installed and configured, brand voice prompt written and tested, 45-minute async video walkthrough.
</p>
<a href="contact.html?service=ai&package=content-assistant" class="btn btn-secondary btn-sm">Get This Package</a>
</div>
<!-- AI Lead Qualifier -->
<div class="service-card reveal">
<div class="service-card__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
</div>
<h3>AI Lead Qualifier</h3>
<p>A smart contact form that scores and categorises inbound leads. Sends personalised follow-up emails. Notifies you with a lead summary and recommended next action.</p>
<div class="service-card__price">$597 <span>AUD one-off</span></div>
<p style="font-size:13px; color:var(--grey-mid); margin-bottom:var(--sp-3);">
<strong style="color:var(--ink);">Includes:</strong> Smart contact form + AI integration, automated email sequences, lead scoring rules, 30 days of tuning.
</p>
<a href="contact.html?service=ai&package=lead-qualifier" class="btn btn-secondary btn-sm">Get This Package</a>
</div>
<!-- Automation Starter -->
<div class="service-card reveal">
<div class="service-card__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.07 4.93l-1.41 1.41M6.34 17.66l-1.41 1.41M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M12 2v2M12 20v2"/></svg>
</div>
<h3>Automation Starter</h3>
<p>One workflow connecting your WordPress site to your tools. New enquiry goes to your CRM, triggers an email, and sends a Slack alert, or new WooCommerce order into accounting and fulfilment.</p>
<div class="service-card__price">$297 <span>AUD one-off</span></div>
<p style="font-size:13px; color:var(--grey-mid); margin-bottom:var(--sp-3);">
<strong style="color:var(--ink);">Includes:</strong> One automated workflow via Zapier or n8n, documented and tested.
</p>
<a href="contact.html?service=ai&package=automation-starter" class="btn btn-secondary btn-sm">Get This Package</a>
</div>
<!-- Section divider: non-AI service -->
<div style="grid-column:1/-1; border-top:2px solid var(--grey-100); margin:1rem 0; padding-top:1.5rem;">
<p class="eyebrow" style="text-align:center; margin-bottom:0.25rem;">Also available</p>
<p style="text-align:center; font-size:14px; color:var(--grey-mid); margin-bottom:1.5rem;">Not AI-powered, but frequently requested alongside AI integrations.</p>
</div>
<!-- Speed + SEO Audit -->
<div class="service-card reveal">
<div class="service-card__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
</div>
<h3>Speed + SEO Audit</h3>
<p>A complete WordPress performance and SEO audit. PageSpeed score, Core Web Vitals, RankMath review, 20-point checklist. Delivered as a PDF report plus Loom video.</p>
<div class="service-card__price">$97 <span>AUD one-off</span></div>
<p style="font-size:13px; color:var(--grey-mid); margin-bottom:var(--sp-3);">
<strong style="color:var(--ink);">Includes:</strong> Full audit report, prioritised action list, video walkthrough. Implementation quoted separately.
</p>
<a href="contact.html?service=ai&package=seo-audit" class="btn btn-secondary btn-sm">Get This Package</a>
</div>
<!-- Full AI Stack, Featured -->
<div class="service-card reveal" style="border-color:var(--red); box-shadow:var(--shadow-lg); position:relative;">
<div class="pricing-card__badge" style="position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--red);color:var(--white);font-family:var(--font-head);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 16px;border-radius:20px;white-space:nowrap;">Best Value</div>
<div class="service-card__icon" aria-hidden="true" style="background:rgba(204,41,41,.1);">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
</div>
<h3>Full AI Stack</h3>
<p>All five packages above, bundled. 90 days of support via email. The complete AI layer for your small business, delivered in one project.</p>
<div class="service-card__price">$1,497 <span>AUD one-off</span></div>
<p style="color:#16A34A; font-weight:600; font-size:14px; margin-bottom:0.75rem;">Save $338 vs buying separately</p>
<p style="font-size:13px; color:var(--grey-mid); margin-bottom:var(--sp-3);">
<strong style="color:var(--ink);">Includes:</strong> Everything above + priority support for 90 days.
</p>
<a href="contact.html?service=ai&package=full-stack" class="btn btn-primary btn-sm">Get the Full Stack</a>
</div>
</div>
<p class="text-center" style="font-size:13px; color:var(--grey-mid); margin-top:1rem;">All prices shown are exclusive of GST. GST (10%) applies to Australian clients.</p>
</div>
</section>
<!-- ═══════════════════════════════════════════════
API COSTS, HONEST DISCLOSURE
═══════════════════════════════════════════════ -->
<section class="section" aria-labelledby="api-costs-heading">
<div class="container">
<div style="max-width:780px; margin:0 auto; background:var(--ink); border-radius:16px; padding:2.5rem; color:#fff;" class="reveal">
<p class="eyebrow" style="color:rgba(255,255,255,.4);">What You Need To Know</p>
<h2 id="api-costs-heading" style="color:#fff; margin-bottom:1rem;">The setup fee is one-off. The AI needs its own fuel.</h2>
<p style="color:rgba(255,255,255,.75); margin-bottom:1.5rem;">AI chatbots and lead qualifiers run on commercial APIs, OpenAI or Anthropic. Every conversation uses tokens, and tokens cost money. We cannot run these on free local models and deliver a quality result. That's just the honest reality of how AI works in 2026.</p>
<p style="color:rgba(255,255,255,.75); margin-bottom:2rem;">The way we handle this: <strong style="color:#fff;">you set up your own API account</strong> (free to create, pay-as-you-go) and connect it to the tools we build. You see exactly what you're spending, directly on your OpenAI or Anthropic dashboard, with no markup from us.</p>
<div style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:1rem; margin-bottom:2rem;">
<div style="background:rgba(255,255,255,.07); border-radius:12px; padding:1.25rem; text-align:center;">
<div style="font-size:26px; font-weight:700; color:#4ade80; font-family:var(--font-head);">$5–$15</div>
<div style="font-size:13px; color:rgba(255,255,255,.55); margin-top:.25rem;">/ month typical</div>
<div style="font-size:13px; color:rgba(255,255,255,.75); margin-top:.5rem;">Low-traffic site<br>~50 chat conversations/mo</div>
</div>
<div style="background:rgba(255,255,255,.07); border-radius:12px; padding:1.25rem; text-align:center;">
<div style="font-size:26px; font-weight:700; color:#facc15; font-family:var(--font-head);">$15–$40</div>
<div style="font-size:13px; color:rgba(255,255,255,.55); margin-top:.25rem;">/ month typical</div>
<div style="font-size:13px; color:rgba(255,255,255,.75); margin-top:.5rem;">Medium traffic<br>~200 conversations/mo</div>
</div>
<div style="background:rgba(255,255,255,.07); border-radius:12px; padding:1.25rem; text-align:center;">
<div style="font-size:26px; font-weight:700; color:rgba(255,255,255,.5); font-family:var(--font-head);">$40+</div>
<div style="font-size:13px; color:rgba(255,255,255,.55); margin-top:.25rem;">/ month</div>
<div style="font-size:13px; color:rgba(255,255,255,.75); margin-top:.5rem;">High traffic or<br>complex conversations</div>
</div>
</div>
<div style="background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:1.25rem; font-size:14px; color:rgba(255,255,255,.7);">
<strong style="color:#fff;">Not all packages need an API account.</strong> The Automation Starter (Zapier/n8n) and Speed + SEO Audit have no ongoing API costs. The AI Content Assistant uses your own OpenAI key but only when you actively write content, not 24/7. We'll tell you exactly what applies to your package before you commit.
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
HOW WE DELIVER
═══════════════════════════════════════════════ -->
<section class="section" aria-labelledby="delivery-heading">
<div class="container">
<div class="text-center mb-6">
<p class="eyebrow">The Process</p>
<h2 id="delivery-heading">How we deliver AI projects</h2>
<p class="section-subtitle">Async from start to finish. No calls required.</p>
</div>
<div class="services__grid" style="grid-template-columns:repeat(4,1fr); max-width:1000px; margin:0 auto;">
<div class="service-card reveal" style="text-align:center; align-items:center;">
<div style="width:56px;height:56px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3);">
<span style="font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--white);">1</span>
</div>
<h3 style="font-size:16px;">Submit your brief</h3>
<p>Tell us what you want, your current tech stack, and your WordPress URL.</p>
</div>
<div class="service-card reveal" style="text-align:center; align-items:center;">
<div style="width:56px;height:56px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3);">
<span style="font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--white);">2</span>
</div>
<h3 style="font-size:16px;">Fixed-price proposal</h3>
<p>We confirm scope and send a fixed-price proposal within one business day.</p>
</div>
<div class="service-card reveal" style="text-align:center; align-items:center;">
<div style="width:56px;height:56px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3);">
<span style="font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--white);">3</span>
</div>
<h3 style="font-size:16px;">Async build</h3>
<p>Work happens async, no calls needed. You receive video updates as we build.</p>
</div>
<div class="service-card reveal" style="text-align:center; align-items:center;">
<div style="width:56px;height:56px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3);">
<span style="font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--white);">4</span>
</div>
<h3 style="font-size:16px;">Delivery</h3>
<p>Working tool on your site, documentation, and async walkthrough video. Done.</p>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
IS AI RIGHT FOR YOUR BUSINESS?
═══════════════════════════════════════════════ -->
<section class="section section--alt" aria-labelledby="fit-heading">
<div class="container">
<div class="text-center mb-6">
<p class="eyebrow">Is It Right For You?</p>
<h2 id="fit-heading">Is AI right for your business?</h2>
<p class="section-subtitle">Honest assessment before you spend a dollar.</p>
</div>
<div class="ai-fit-grid">
<div class="ai-fit-card ai-fit-card--yes reveal">
<h4>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#16A34A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
Good fit, yes, if:
</h4>
<ul>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#16A34A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
You're getting repetitive enquiries that could be answered automatically
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#16A34A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
You create content regularly and want to speed it up
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#16A34A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
You want to capture and qualify leads 24/7 without hiring staff
</li>
</ul>
</div>
<div class="ai-fit-card ai-fit-card--no reveal">
<h4>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#6B7280" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
Probably not, if:
</h4>
<ul>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#D1D5DB" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
You need a custom AI application, not a WordPress integration
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#D1D5DB" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
You want AI to replace your entire sales process
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#D1D5DB" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
You need real-time data integrations beyond simple webhooks
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
FAQ
═══════════════════════════════════════════════ -->
<section class="section" id="faq" aria-labelledby="faq-heading">
<div class="container">
<div class="text-center mb-6">
<p class="eyebrow">Questions</p>
<h2 id="faq-heading">Common questions about AI integration</h2>
</div>
<div class="faq__list" role="list">
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
Does this work with my existing WordPress site?
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</summary>
<div class="faq-item__answer">
In most cases, yes. We'll check your tech stack when you submit your brief and flag any conflicts before starting. No surprises.
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
Which AI engine does the chatbot use?
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</summary>
<div class="faq-item__answer">
Typically Claude API or OpenAI GPT-4o, depending on your use case. We'll recommend which is better for your situation when we review your brief.
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
Are there ongoing API costs?
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</summary>
<div class="faq-item__answer">
Yes, AI chatbots and lead qualifiers run on OpenAI or Anthropic APIs. You set up your own API account (free to create, pay-as-you-go) and connect it to the tools we build. You see your costs directly on your own dashboard, no markup from us. Typical small business cost: $5–$40/month depending on traffic. We document the expected cost before you commit.
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
Can I update the chatbot training myself?
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</summary>
<div class="faq-item__answer">
Yes, we configure it so you can update the FAQ and knowledge base yourself via a simple Google Sheet or WordPress admin panel, without touching code.
</div>
</details>
<details class="faq-item" role="listitem">
<summary class="faq-item__question">
What if the AI gives incorrect or harmful information?
<span class="faq-item__icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
</span>
</summary>
<div class="faq-item__answer">
All AI integrations we build include a system prompt that defines the assistant's scope and instructs it to redirect out-of-scope questions to a human. The AI is not configured to give advice on medical, legal, or financial matters. For high-stakes queries, we configure a fallback: "I don't have enough information to answer that, please contact us directly." We also recommend clients review chatbot responses during the first 30 days and flag anything unexpected.
</div>
</details>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
CTA BAND
═══════════════════════════════════════════════ -->
<section class="cta-band" aria-labelledby="cta-heading">
<div class="container">
<div class="cta-band__content">
<p class="eyebrow" style="color:rgba(255,255,255,.5)">Ready to add AI to your business?</p>
<h2 id="cta-heading">Submit a brief, we'll tell you which package fits and what it'll cost.</h2>
<p>No calls. No retainer. Fixed price confirmed before work starts.</p>
<div class="cta-band__actions">
<a href="contact.html?service=ai" class="btn btn-primary btn-lg">Submit an AI Brief</a>
<a href="#packages" class="btn btn-outline-light btn-lg">View Packages</a>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════
FOOTER
═══════════════════════════════════════════════ -->
<footer class="footer" aria-label="Site footer">
<div class="container">
<div class="footer__grid">
<div class="footer__brand">
<img src="assets/images/logo-cropped.jpg" alt="HELP4BIS" width="140" height="38">
<p>Managed WordPress hosting and maintenance for Australian small businesses. Brisbane-based, personal service, WordPress specialist, Brisbane.</p>
<p style="font-size:13px; color:rgba(255,255,255,.4);">Dutch Digital Dynamics Pty Ltd · ABN 86 081 237 087</p>
</div>
<div class="footer__col">
<h4>Services</h4>
<ul class="footer__links">
<li><a href="managed-wordpress.html">Tailored Website Management</a></li>
<li><a href="care-plans.html">WP Care Plans</a></li>
<li><a href="sos-fix.html">WP SOS Fix</a></li>
<li><a href="ai-integration.html">AI Integration</a></li>
<li><a href="plugin-development.html">Plugin Development</a></li> </ul>
</div>
<div class="footer__col">
<h4>Company</h4>
<ul class="footer__links">
<li><a href="about.html">About Us</a></li>
<li><a href="index.html#portfolio">Our Work</a></li>
<li><a href="index.html#testimonials">Client Feedback</a></li>
<li><a href="blog/index.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Contact</h4>
<ul class="footer__links">
<li><a href="mailto:project@help4bis.com">project@help4bis.com</a></li>
<li><a href="contact.html">Submit a Brief</a></li>
<li><a href="sos-fix.html">Emergency Fix</a></li>
</ul>
<p style="margin-top:1rem; font-size:13px; color:rgba(255,255,255,.4);">
Brisbane, Queensland<br>
Response within 24 business hours
</p>
</div>
</div>
<div class="footer__bottom">
<span>© 2026 HELP4BIS, a trading name of Dutch Digital Dynamics Pty Ltd · ABN 86 081 237 087</span>
<span>
<a href="privacy.html">Privacy Policy</a> ·
<a href="terms.html">Terms</a>
</span>
</div>
</div>
</footer>
<!-- Back to top -->
<button id="back-to-top" aria-label="Back to top" style="position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;box-shadow:var(--shadow-md);">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
</button>
<script src="assets/js/main.js"></script>
<script src="/analytics/tracker.js" defer></script>
<footer style="margin-top:48px;padding:24px;background:#f0f7f2;border-left:4px solid #18604A;border-radius:8px;font-family:'ABeeZee',sans-serif;font-size:1rem;line-height:1.65;color:#1A1A1A;">
<h3 style="font-family:'Poppins',sans-serif;color:#1A5C2E;font-size:1.1rem;margin:0 0 10px;">A few words from us</h3>
<p style="margin:0 0 8px;">We're not the big shops. We have time to sit down with you and find the best fit for your business, not the best fit for a templated process. Every client we work with is treated as if they're the only one on our desk, because for the time we're with them, they are.</p> <p style="margin:0 0 8px;">It means we're slower to start than a shop that sells you a package off the shelf. It also means we don't sell you a package off the shelf. You get a system that fits how you actually run your business, and you get to talk to the person who built it whenever you need to.</p>
<p style="margin:0;color:#555555;font-size:0.9rem;">Page updated 26/05/2026. Contact: <a href="mailto:project@help4bis.com" style="color:#18604A;">project@help4bis.com</a>.</p>
</footer>
</body>
</html>