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>
This commit is contained in:
2026-10-23 06:45:34 +10:00
co-authored by Claude Sonnet 5.5
parent 84c1a01338
commit 9e6a41fc5d
86 changed files with 20852 additions and 0 deletions
+774
View File
@@ -0,0 +1,774 @@
<!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>