Agent

Your AI developer that ships full-stack apps from a single prompt.

Database

Collect forms, orders and bookings, or manage user sign-ins.

Hosting and domains

Publish your site on a free, secure address or connect your own domain.

WhatsApp

Build and ship apps straight from a WhatsApp conversation with Macaly.

Web scraping

Turn live web content into a real Macaly site.

For marketing

Websites, campaign pages, and automations for your marketing.

For agencies

Client websites and apps, delivered to your clients in days.

For business

A professional website with bookings, a database, and SEO, on your domain.

Docs

Guides, API references and tutorials to ship faster with Macaly.

Changelog

Every release note - new features, fixes and improvements.

Inspiration

Real websites, dashboards and apps built end-to-end with Macaly.

Blog

Product stories, builder spotlights and tips for shipping with Macaly.

Partners

Find trusted agencies and freelancers to help you build with Macaly.

SaaS Marketing Site with an AI Chatbot | Macaly

Marketing site with an AI chatbot

A complete marketing website for a workflow automation tool, built from an existing brand manual and an old site as reference. Feature grid, testimonials, and pricing, now in English and Spanish, with an AI chatbot answering visitor questions.

Overall stats

Prompts: 3
Time: ~ 35 min

Category

SaaS & Marketing

Features

Custom DesignWebsiteAI ChatbotMultilingual

Author

Macaly

Open in new tab

Winner winner chicken dinner

Get started - free

Product

Pricing
Documentation
Changelog
LinkedIn Resume Builder
Website Redesign Tool
Agent
Hackathon
Summer Hackathon

All systems operational

Compare

Macaly vs Lovable
Macaly vs Bolt
Macaly vs v0
Macaly vs Base44
Macaly vs ChatGPT

Company & Legal

Blog
Case Studies
Privacy
Terms of Service
GDPR
AI Transparency Notice

Macaly

©2026 Macaly by Langtail.

All rights reserved.

CS/EN

Custom Design

1. Build the site from brand assets

First, I built the whole site from what was already there. The uploaded brand manual set the colors, type, and voice, and the old site gave me the structure to modernize.

Build a marketing website for Flowkit, a workflow automation tool for teams. Use the attached brand manual for colors, typography, and tone, and use [old website URL] as a reference for structure and content. Include a hero, feature sections, testimonials, pricing, and a footer.

Multilingual

2. Add a Spanish version

Then I made it reach further. Instead of a hand-built second copy, I set up a proper i18n structure: content lives in translation files, the language switcher swaps them live, and adding another language later is just one more file.

Add a Spanish version of the site with a language switcher. Translate all page content.

AI Chatbot

3. Add an AI chatbot

Last, I gave visitors someone to ask. A floating chatbot answers questions about Flowkit, with a few suggested questions to get started.

Add an AI chatbot that answers customer questions about Flowkit, its pricing, and integrations. Include a few suggested questions on first open.

What the agent did

Brand identity carried over from the manual
The site pulls directly from the uploaded brand manual: dark green as the primary color, a clean sans-serif for headlines, and a warm off-white background. Nothing here reads as a default template.
Bento-style feature grid
Four cards sit in a responsive grid, each with its own small preview: a mini chart, a toggle list, integration icons in an orbit.
Customer testimonials section
Quotes from customers sit alongside their name, title, and company, giving the page social proof beyond the feature list.
Multilingual site support
very section of the site, hero copy through footer, has a full translation behind a language switcher. Nothing is left in the original language by accident, and more languages can be added the same way.
AI chatbot with suggested questions
A floating chat widget opens with three suggested questions, what Flowkit is, pricing, and integrations, so visitors do not have to think of what to ask first.