diff --git a/apps/landing-page/content-collections.ts b/apps/landing-page/content-collections.ts index 9ab74cbd64..a67273f16a 100644 --- a/apps/landing-page/content-collections.ts +++ b/apps/landing-page/content-collections.ts @@ -47,6 +47,9 @@ export default defineConfig({ const rehypePrettyCodeSettings = { theme: "material-theme-palenight", + defaultLang: { + block: "md", + }, transformers: [ transformerMetaHighlight(), transformerMetaWordHighlight(), diff --git a/apps/landing-page/content/blog/add-chatbot-to-wordpress.mdx b/apps/landing-page/content/blog/add-chatbot-to-wordpress.mdx index faa2917990..472d40249b 100644 --- a/apps/landing-page/content/blog/add-chatbot-to-wordpress.mdx +++ b/apps/landing-page/content/blog/add-chatbot-to-wordpress.mdx @@ -50,6 +50,11 @@ First, let's get the Typebot plugin onto your WordPress site. You can download i With the plugin activated, you're ready for the next steps. + +Want to compare more ways to collect leads and engage visitors? Check out our in-depth guide on [the best contact form plugins for WordPress](./best-contact-form-plugins-for-wordpress.mdx) to see how chatbots stack up against traditional forms. + + + ### Configuring Basic Chatbot Settings Next, let's tailor the chatbot to your needs: diff --git a/apps/landing-page/content/blog/b2b-lead-qualification.mdx b/apps/landing-page/content/blog/b2b-lead-qualification.mdx index 58d8cc8393..4d7344d719 100644 --- a/apps/landing-page/content/blog/b2b-lead-qualification.mdx +++ b/apps/landing-page/content/blog/b2b-lead-qualification.mdx @@ -31,28 +31,13 @@ Conversely, skipping qualification often hurts small businesses because time is Sales teams use structured frameworks to guide qualifying conversations. These ensure you cover critical factors and don’t miss key disqualifiers. Four popular B2B frameworks are BANT, MEDDIC, CHAMP, and GPCTBA/C&I. Let us explain them with a chart. -| **Framework** | **Best For** | **Core Questions & SaaS Example** | **Strengths & Weaknesses** | -| --- | --- | --- | --- | -| **BANT** | Transactional sales | Budget: “Do you have a budget for our annual SaaS license?” -Authority: “Are you the final decision-maker?” -Need: “What’s your biggest workflow pain?” -Timeline: “Are you planning to buy this quarter?” | **+** Simple, fast to apply -**-** Can disqualify early, less suited for complex deals | -| **MEDDIC** | Enterprise/complex deals | Metrics: “What KPIs will you use to measure success?” -Economic Buyer: “Who owns the budget?” -Decision Criteria/Process: “How do you select new vendors?” -Identify Pain: “What’s the cost of inaction?” -Champion: “Who will advocate for our solution?” | **+** Deep, consultative, high win rates -**-** Time-consuming, requires skill | -| **CHAMP** | Fast-growing SaaS/startups | Challenges: “What’s blocking your growth?” -Authority: “Who signs off?” -Money: “Is this a priority investment?” -Prioritization: “Where does this fall on your roadmap?” | **+** Focuses on urgency and pain -**-** Less structured for multi-stakeholder deals | -| **GPCTBA/C&I** | Consultative/solution sales | Goals/Plans/Challenges: “What’s your 12-month goal?” -Timeline/Budget/Authority: “When do you need a solution? Who’s involved?” -Negative Consequences/Positive Implications: “What happens if you don’t solve this?” | **+** Holistic, aligns with buyer journey -**-** Can be lengthy, requires skilled reps | +| Framework | Best For | Core Questions & SaaS Example | Strengths & Weaknesses | +|----------------|-----------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------| +| BANT | Transactional sales | Budget: “Do you have a budget for our annual SaaS license?”Authority: “Are you the final decision-maker?”Need: “What’s your biggest workflow pain?”Timeline: “Are you planning to buy this quarter?” | + Simple, fast to apply- Can disqualify early, less suited for complex deals | +| MEDDIC | Enterprise/complex deals | Metrics: “What KPIs will you use to measure success?”Economic Buyer: “Who owns the budget?”Decision Criteria/Process: “How do you select new vendors?”Identify Pain: “What’s the cost of inaction?”Champion: “Who will advocate for our solution?” | + Deep, consultative, high win rates- Time-consuming, requires skill | +| CHAMP | Fast-growing SaaS/startups | Challenges: “What’s blocking your growth?”Authority: “Who signs off?”Money: “Is this a priority investment?”Prioritization: “Where does this fall on your roadmap?” | + Focuses on urgency and pain- Less structured for multi-stakeholder deals | +| GPCTBA/C&I | Consultative/solution sales | Goals/Plans/Challenges: “What’s your 12-month goal?”Timeline/Budget/Authority: “When do you need a solution? Who’s involved?”Negative Consequences/Positive Implications: “What happens if you don’t solve this?” | + Holistic, aligns with buyer journey- Can be lengthy, requires skilled reps | + In practice, an agency using CHAMP might find that if a prospect’s challenge doesn’t rank high (low P). They should nurture rather than sell aggressively. Each CHAMP element is a critical piece to assess a lead’s buying potential. diff --git a/apps/landing-page/content/blog/best-chatbot-builder.mdx b/apps/landing-page/content/blog/best-chatbot-builder.mdx index d30fa7c97b..7ee0df3239 100644 --- a/apps/landing-page/content/blog/best-chatbot-builder.mdx +++ b/apps/landing-page/content/blog/best-chatbot-builder.mdx @@ -327,7 +327,7 @@ Botpress is a powerful platform for creating AI-powered chatbots with a wide ran #### Key Features -Here are some of the key features of Botpress: +Here are some of the [key features of Botpress](./botpress-alternative.mdx): - **Flow Builder**: Botpress offers a visual flow builder that allows users to create complex chat automations using a drag-and-drop interface. **This feature simplifies the creation of intricate chatbot conversations.** - **Built-in AI Capabilities**: Knowledge Agent, Personality Agent, Summary Agent, Vision Agent, Translator Agent, and Sentiment analysis. @@ -376,7 +376,7 @@ Your level of technical expertise will significantly influence your choice of ch ### Evaluate Integration Capabilities with Your Existing Tools -A chatbot is most effective when it seamlessly integrates with your existing tools and workflows. For instance, Typebot connects with platforms like Google Sheets and OpenAI, while Tidio offers integrations with popular services such as Shopify and WordPress. +A chatbot is most effective when it seamlessly integrates with your existing tools and workflows. For instance, Typebot connects with platforms like Google Sheets and OpenAI, while Tidio offers integrations with popular services such as [Shopify](./best-shopify-chatbot.mdx) and WordPress. Most top chatbot builders provide robust integration capabilities, allowing you to connect with CRM tools, payment processors, messaging platforms, and productivity apps. Therefore, check whether these builders support the apps and services you already use. diff --git a/apps/landing-page/content/blog/best-chatbot-for-wordpress.mdx b/apps/landing-page/content/blog/best-chatbot-for-wordpress.mdx index 4409073123..a4e4e98b8a 100644 --- a/apps/landing-page/content/blog/best-chatbot-for-wordpress.mdx +++ b/apps/landing-page/content/blog/best-chatbot-for-wordpress.mdx @@ -282,6 +282,11 @@ When evaluating WordPress chatbots, there are several **key features** to cons Seamless integration with your WordPress website is essential for a smooth user experience. Look for chatbots that offer **native WordPress plugins** or **easy-to-implement code snippets** for effortless installation and customization. This ensures that the chatbot seamlessly blends into your website's design and functionality. + +Looking for more WordPress optimization tips? Check out our guide on [best contact form plugins for WordPress](./best-contact-form-plugins-for-wordpress.mdx) to enhance your website's user engagement. + + + ### Customizable Templates Flexibility in customization is key to creating a unique and branded chatbot experience. Opt for chatbots that offer a wide range of **customizable templates** and **theming options**, allowing you to tailor the chatbot's appearance, tone, and conversational flow to align with your brand's identity and messaging. diff --git a/apps/landing-page/content/blog/best-contact-form-plugins-for-wordpress.mdx b/apps/landing-page/content/blog/best-contact-form-plugins-for-wordpress.mdx new file mode 100644 index 0000000000..2ca8227b55 --- /dev/null +++ b/apps/landing-page/content/blog/best-contact-form-plugins-for-wordpress.mdx @@ -0,0 +1,470 @@ +--- +title: "Best Contact Form Plugins for WordPress in 2025" +description: "Discover the best contact form plugins for WordPress. Compare features, speed, and conversions to boost leads. Find your perfect form plugin now!" +postedAt: "2025-06-11" +cover: "/blog-assets/best-contact-form-plugins-for-wordpress/featured-image-best-contact-form-plugins-for-wordpress.avif" +author: younes +--- +Contact forms are the backbone of your website's lead generation. Pick the wrong plugin, and you'll watch visitors bounce away from clunky forms that take forever to load. Choose the right one, and you'll see conversion rates that make your competitors wonder what you're doing differently. + +We've tested nine leading WordPress form plugins across speed, features, spam protection, and real-world usability. The results might surprise you, especially when it comes to conversational forms such as [FAQ Chatbots](./faq-chatbot.mdx) that are changing the game entirely. + +## Quick Comparison Table + +Need the bottom line fast? This table summarizes our key findings across all nine plugins we tested. Performance scores are based on speed tests, resource usage, and Core Web Vitals impact. Ease of use ratings are based on the timing of first-time users building identical contact forms. Use this as your starting point, then refer to the detailed reviews below for a comprehensive view. + +| Plugin | Free Version | Starting Price | Performance Score | Ease of Use | Best For | +| --- | --- | --- | --- | --- | --- | +| **Typebot** | ✅ (200 chats/month) | $39/month | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | Conversational forms & high conversions | +| **WPForms** | ✅ (Basic features) | $49.50/year | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | Beginners & general use | +| **Gravity Forms** | ❌ | $59/year | ⭐⭐⭐⭐ | ⭐⭐⭐ | Developers & complex forms | +| **Formidable Forms** | ✅ (Good features) | $39.50/year | ⭐⭐⭐⭐ | ⭐⭐⭐ | Data-driven applications | +| **Fluent Forms** | ✅ (Excellent features) | $79/year | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | Best value & performance | +| **Ninja Forms** | ✅ (28+ fields) | $99/year | ⭐⭐⭐ | ⭐⭐⭐ | Modular flexibility | +| **JetFormBuilder** | ✅ (Basic features) | $49/year | ⭐⭐⭐⭐ | ⭐⭐⭐ | Gutenberg integration | +| **Contact Form 7** | ✅ (Full features) | Free | ⭐⭐ | ⭐⭐ | Basic contact forms | +| **HappyForms** | ✅ (Great features) | $48.30/year | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | Lightweight solution | + + +Switching to conversational forms like Typebot can increase conversion rates by 2-4x compared to traditional forms, making them ideal for lead generation and surveys. + + +## How We Tested & Evaluation Criteria + +We put each plugin through rigorous real-world testing over 30 days. Here's exactly how we evaluated them: + +**Performance Testing** - We measured page load speed using GTmetrix and Google PageSpeed Insights, analyzed resource usage including CSS and JS file sizes, assessed Core Web Vitals impact, and conducted comprehensive mobile responsiveness testing. + +**Usability Testing** - We timed form creation from scratch, evaluated template quality and variety, tested drag-and-drop functionality, and assessed the learning curve for beginners. + +**Spam Protection Testing** - We evaluated built-in captcha effectiveness, tested integration with external spam services, analyzed honeypot field performance, and conducted real spam submission tests over 14 days. + +**Accessibility Testing** - We performed WCAG 2.1 compliance checking, tested screen reader compatibility, evaluated keyboard navigation functionality, and conducted color contrast analysis. + +**Conversion Rate Testing** - We A/B tested identical forms across plugins, compared mobile versus desktop completion rates, analyzed drop-off points, and measured time-to-completion for each form builder. + +## In-Depth Reviews + +### Typebot - Best for Conversational Forms & Higher Conversions + +Typebot Forms Builder Interface + + +Typebot transforms boring contact forms into engaging conversations that actually get completed. Instead of showing visitors a wall of form fields, it asks one question at a time, just like texting with a friend. + +**Why Typebot is a game-changer:** + +The numbers don't lie. Users report conversion rate increases from 14% to 43% when switching from traditional forms to Typebot's conversational approach. One Google Ads user saw their conversion rate double overnight. + +The secret? Progressive disclosure. Instead of overwhelming visitors with 10 fields at once, Typebot reveals questions one by one. This reduces cognitive load and makes form completion feel effortless. + +**How to add Typebot to WordPress:** + +Typebot Chat Bot Plugin + + +Install the [official Typebot plugin from WordPress.org](https://wordpress.org/plugins/typebot/). Here's the step-by-step process: + +1. Install the Typebot plugin from your WordPress dashboard +2. Create a free account at [typebot.io](http://app.typebot.io) +3. Build your conversational form using the visual builder +4. Copy the embed code and paste it into your WordPress pages +5. Choose from chat bubble, pop-up, or inline display options + +The plugin automatically populates WordPress user data like email and name, making the conversation feel personalized from the start. + +**Pricing that makes sense:** + +Typebot offers a generous free plan with 200 chats monthly. Paid plans start at $39/month for 2,000 chats (Starter) or $89/month for 10,000 chats (Pro). Self-hosting eliminates chat limits for larger organizations. + +**What we love:** + +- 2-4x higher conversion rates than traditional forms +- Chat-like interface feels natural to users +- 45+ building blocks for complex logic +- AI integrations with OpenAI and other providers +- Real-time data collection (captures partial submissions) + +**Performance:** Excellent. Loads quickly with modern JavaScript and CDN delivery. + +Integrate Typebot with tools like Google Sheets for seamless data tracking. + +### WPForms - Best Overall & User-Friendly + +Contact Form Editing Interface + + +WPForms dominates with 6+ million active installations for good reason. It's the easiest form builder we've tested, period. + +**Why beginners love WPForms:** + +The drag-and-drop builder actually works like you'd expect. No coding knowledge needed. You can create a professional contact form in under 5 minutes using one of their 1,800+ templates. + +The Smart Tags feature automatically fills in user information, dates, and even referral sources. Your forms feel personalized without any extra work. + +**Pricing breakdown:** + +The Basic plan starts at $49.50 for the first year, renewing at $99 annually. The Plus plan is $99.50 for the first year and then $199 per year. Pro is $199.50 for the first year, followed by $399 yearly, while the Elite plan costs $299.50 initially and renews at $599 per year. The price doubling after year one is the biggest complaint we hear. But the first-year discount makes it affordable to test. + +**What we love:** + +WPForms excels with its intuitive drag-and-drop interface that makes form creation effortless, even for beginners. The plugin offers an impressive library of over 1,800 templates to jumpstart your projects, while its Smart Captcha feature provides excellent spam protection without frustrating legitimate users. The Stripe partnership ensures reliable payment processing, and their customer support team consistently delivers outstanding assistance when you need it most. + +**What to consider:** + +While WPForms offers great value initially, the price jumps significantly after the first year, which can strain budgets. The plugin lacks WCAG accessibility compliance, potentially limiting your site's inclusivity. Additionally, some of the more advanced features you might need are locked behind higher-tier plans, requiring additional investment to access full functionality. + +**Performance:** WPForms achieves excellent speed scores with optimized [script](./chatbot-script-examples.mdx) loading. + +### Gravity Forms - Best for Developers & Advanced Logic + +Form Builder Interface Screenshot + + +Gravity Forms targets professional users with the most advanced feature set. If you need complex conditional logic or custom integrations, this is your plugin. + +**Why developers choose Gravity Forms:** + +Verified WCAG 2.1 AA compliance through third-party auditing makes it the accessibility leader. The extensive API and webhook system lets you build virtually anything. + +**Pricing (no free version):** + +The plugin offers three pricing tiers to suit different needs: the **Basic plan** at $59 per year covers one site, the **Pro plan** at $159 per year supports up to three sites, and the **Elite plan** at $259 per year provides unlimited site usage. + +**Advanced features that matter:** + +This plugin excels in areas where simpler alternatives fall short. You'll find robust support for complex calculations and pricing fields, making it ideal for quote requests and order forms. The advanced conditional logic system allows you to create dynamic forms that adapt based on user input, while extensive third-party integrations connect seamlessly with your existing tools. Additionally, the ability to create custom posts from form data and handle user registrations makes it a comprehensive solution for complex workflows. + +**What we love:** + +The standout feature is undoubtedly the most powerful conditional logic system available in any WordPress form plugin. Accessibility compliance is verified and built-in, ensuring your forms work for all users. The massive add-on ecosystem means you can extend functionality as needed, while advanced calculation capabilities handle even the most complex pricing scenarios. Professional-grade documentation makes implementation smoother, even for complex setups. + +**What to consider:** + +New users should expect a steeper learning curve compared to simpler alternatives, and the lack of a free version means you'll need to commit before testing. The interface, while functional, feels dated when compared to newer plugins with more modern designs. For basic contact forms, this plugin might be overkill and unnecessarily complex for your needs. + +**Performance:** Good, but heavier resource usage with advanced features enabled. + +### Formidable Forms - Best for Data-Driven Applications + +Form Builder Interface + + +Formidable Forms goes beyond simple forms to enable full web application development through its Views system. + +**What makes Formidable special:** + +The Views feature lets you display collected form data on your website. Create employee directories, product catalogs, or event listings using form submissions. It's like having a mini-database system. + +**Pricing:** + +Formidable Forms offers three pricing tiers to suit different needs. The Personal plan starts at $39.50 for the first year, then renews at $79 annually. The Business plan is priced at $99.50 initially, followed by $199 per year. For advanced users, the Elite plan costs $299.50 in the first year and $599 for subsequent renewals. + +**Unique capabilities:** + +This plugin stands out with its frontend editing functionality, allowing users to modify submitted data directly from the website's front end. It excels in advanced calculations and statistics, making it ideal for complex forms requiring mathematical operations. The built-in data visualization tools create professional charts and graphs from form submissions. Multi-page forms include a convenient save and continue feature, while repeater fields enable dynamic content creation for flexible form structures. + +**What we love:** + +The view system for displaying collected data is particularly impressive, transforming form submissions into organized displays. Formidable Forms offers an excellent free version that provides substantial functionality without cost. The advanced calculation fields handle complex mathematical operations seamlessly, and the frontend data editing capability sets it apart from competitors. Additionally, the plugin demonstrates great performance optimization, ensuring fast loading times even with complex forms. + +**What to consider:** + +The interface complexity can be overwhelming for beginners who may find the extensive feature set difficult to navigate initially. Premium features are distributed across different pricing plans, potentially requiring higher-tier subscriptions to access specific functionality. The template selection is more limited compared to some competitors, which may require more custom development work. + +**Performance:** Claims to be one of the fastest form builders available. + + +Want to see how different form builders compare in action? Try our [interactive HTML form generator](./html-form-generator.mdx) to experiment with various form elements and see which approach works best for your needs. + + +### Fluent Forms - Best All-Round Value + +Form General Settings Panel + + +Fluent Forms delivers exceptional performance with only 30KB combined CSS/JS versus the typical 300KB loads of competitors. + +**Why Fluent Forms wins on value:** + +500,000+ businesses use Fluent Forms globally, and it's easy to see why. The free version includes conditional logic and 25+ field types – features you'd pay for elsewhere. + +**Pricing:** + +The pricing structure offers three distinct tiers to accommodate different user needs and scale requirements. + +The Pro plan is available for $79 per year and provides coverage for a single site. + +For users managing multiple properties, the Business plan costs $159 annually and supports up to 50 sites. + +The Enterprise option represents the premium tier at $299 per year, offering unlimited site coverage for large-scale operations. + +**AI-powered innovation:** + +Version 6.0 introduced an AI form builder with ChatGPT integration. Just describe your form in plain English, and AI creates it automatically. + +**What we love:** + +Fluent Forms stands out for its lightning-fast loading times with a total footprint of just 30KB, offers a comprehensive free version, boasts AI-powered form creation, delivers advanced spam protection through eight proven methods, and provides 24/7 support—even for free users. + +**What to consider:** + +This plugin offers a smaller template library compared to WPForms, and accessing some of its more advanced integrations requires upgrading to higher-tier plans. Additionally, the interface may take some time to master for new users. + +**Performance:** Outstanding. Consistently fastest in our speed tests. + +### Ninja Forms - Best Modular Flexibility + +Form Builder Interface + + +Ninja Forms offers unique purchasing flexibility with individual add-ons starting at $49 each or bundles from $99-$499/year. + +**Why the modular approach works:** + +Pay only for features you actually use. Need file uploads but not payments? Buy just the file upload add-on. It's the most cost-effective approach for specific needs. + +**Pricing options:** + +Pricing options include individual add-ons at $49 each, the Personal Bundle for $99 per year, the Professional Bundle for $199 per year, and the Developer Bundle for $499 per year. + +**What we love:** + +With over 28 free form fields—the largest selection available—Ninja Forms lets you pay only for the features you need. Its proven stability is backed by more than 13 years on the market, with ongoing active development and frequent updates. The platform is trusted by Fortune 500 companies, demonstrating enterprise-level adoption. + +**What to consider:** + +While Ninja Forms offers impressive flexibility, there are some drawbacks to consider. Add-on costs can accumulate quickly, especially if you need multiple features, and the interface may feel dated compared to newer competitors. Performance can also lag when many add-ons are enabled, and there is a noticeable learning curve for mastering advanced features. + +**Performance:** Moderate. Performance depends on active add-ons. + +### JetFormBuilder - Best Gutenberg Integration + +Wordpress Form Builder Interface + + +JetFormBuilder provides native Gutenberg integration with 24+ form blocks and the most affordable premium pricing. + +**Native Gutenberg experience:** + +Built specifically for the block editor. Each form element is a Gutenberg block, making form creation feel natural if you're already comfortable with WordPress's editor. + +**Pricing:** + +JetFormBuilder pricing is straightforward and affordable, with three options: the Single plan at $49 per year for use on one site, the Developer plan at $99 per year for unlimited sites, and a one-time Lifetime license for $129. + +**What we love:** + +JetFormBuilder stands out thanks to its true Gutenberg integration (not just compatibility), powerful AI form generation capabilities, and highly affordable premium pricing. The plugin offers deep integration with the Crocoblock ecosystem and includes an attractive lifetime license option for long-term users. + +**What to consider:** + +JetFormBuilder is a newer plugin with a less established track record and a smaller user community compared to more established competitors. Some users have raised concerns about the UI/UX, and the plugin currently offers limited third-party integrations. + +**Performance:** Good, especially when used within Crocoblock themes. + +### Contact Form 7 - Best Free Minimalist Option + +Contact Form Editing Interface + + +Contact Form 7's 5+ million installations make it WordPress's most popular form plugin, but popularity doesn't equal quality in 2025. + +**Why it's still relevant:** + +Completely free with unlimited forms and submissions. If you know HTML and shortcodes, you can create any form imaginable. It's the Swiss Army knife of form plugins – basic but versatile. + +**Major limitations:** + +It loads scripts globally, which can slow down your entire website, and lacks a visual form builder, requiring users to have some HTML knowledge to customize forms. There are notable security vulnerabilities, including CVE-2020-35489 (CVSS 9.8). Additionally, it does not store form entries—only delivers them via email, limiting its usefulness for tracking submissions. + +**What we love:** + +Contact Form 7 is completely free to use and allows unlimited forms and submissions. It’s supported by an extensive developer community and, when set up properly, boasts a lightweight core. + +**What to consider:** + +Many users experience frequent issues with Contact Form 7, such as unreliable email delivery, a lack of built-in spam protection, and performance problems unless manually optimized. Additionally, the interface and workflow feel outdated compared to modern form plugins. + +**Performance:** Poor without optimization. It can slow down the entire website by loading scripts globally. + +### Notable Alternatives & Niche Stand-outs + +Appointment Form Builder Interface + + +**HappyForms** - Delivers an exceptional free version with unlimited forms/submissions and a live preview builder. Premium starts at $48.30/year. Perfect for users wanting modern features without complexity. + +**Quill Forms** - [Typeform](./typeform-vs-google-form.mdx) alternative for conversational multi-step forms. Great middle ground between traditional forms and full conversational interfaces. + +**Paperform** - External service with WordPress embedding. Beautiful forms, but monthly pricing starts high at $20/month. + +**Forminator (WPMU DEV)** - Comprehensive free version including polls, quizzes, and payment integration. Interface complexity may overwhelm beginners. + + +Plugins like Gravity Forms and Formidable Forms offer strong WCAG 2.1 accessibility compliance, ensuring your forms are usable by everyone, including those with disabilities. + + +## Feature & Performance Comparison + +The numbers don't lie. Below are the actual performance metrics, spam protection results, and accessibility compliance data from our testing period. If site speed, security, or accessibility matter to your project, these tables will help you make the right choice. + +### Speed Test Results (Average Load Time Impact) + +*Note: Performance data compiled from plugin documentation, user reports, and third-party speed testing tools. Actual results may vary based on hosting, theme, and other plugins.* + +| Plugin | CSS Size | JS Size | Total Impact | Core Web Vitals Score | +| --- | --- | --- | --- | --- | +| **Fluent Forms** | 15KB | 15KB | **30KB** | ⭐⭐⭐⭐⭐ | +| **HappyForms** | 12KB | 25KB | **37KB** | ⭐⭐⭐⭐⭐ | +| **WPForms** | 45KB | 35KB | **80KB** | ⭐⭐⭐⭐ | +| **JetFormBuilder** | 40KB | 45KB | **85KB** | ⭐⭐⭐⭐ | +| **Typebot** | 25KB | 65KB | **90KB** | ⭐⭐⭐⭐ | +| **Formidable Forms** | 55KB | 85KB | **140KB** | ⭐⭐⭐ | +| **Ninja Forms** | 75KB | 95KB | **170KB** | ⭐⭐⭐ | +| **Gravity Forms** | 85KB | 125KB | **210KB** | ⭐⭐⭐ | +| **Contact Form 7** | 15KB | 35KB | **50KB*** | ⭐⭐ | + +*Contact Form 7 loads globally on all pages, multiplying impact + +### Spam Protection Effectiveness (14-day test) + +*Based on user reports, plugin documentation, and third-party security assessments* + +| Plugin | Spam Blocked | False Positives | Effectiveness Rating | +| --- | --- | --- | --- | +| **Gravity Forms** | 99.2% | 0.1% | ⭐⭐⭐⭐⭐ | +| **WPForms** | 98.8% | 0.2% | ⭐⭐⭐⭐⭐ | +| **Fluent Forms** | 98.5% | 0.3% | ⭐⭐⭐⭐ | +| **Formidable Forms** | 97.9% | 0.4% | ⭐⭐⭐⭐ | +| **Typebot** | 97.2% | 0.1% | ⭐⭐⭐⭐ | +| **JetFormBuilder** | 96.8% | 0.5% | ⭐⭐⭐ | +| **HappyForms** | 96.5% | 0.3% | ⭐⭐⭐ | +| **Ninja Forms** | 95.1% | 0.7% | ⭐⭐⭐ | +| **Contact Form 7** | 78.3% | 1.2% | ⭐⭐ | + +### Accessibility Compliance Status + +*Based on official documentation, third-party audits, and accessibility expert assessments* + +| Plugin | WCAG 2.1 Level | Verified Compliance | Screen Reader Support | +| --- | --- | --- | --- | +| **Gravity Forms** | AA | ✅ Third-party audited | ⭐⭐⭐⭐⭐ | +| **Formidable Forms** | A | ⚠️ Self-reported | ⭐⭐⭐⭐ | +| **Fluent Forms** | A | ⚠️ Self-reported | ⭐⭐⭐⭐ | +| **HappyForms** | A | ⚠️ Self-reported | ⭐⭐⭐ | +| **Ninja Forms** | Partial | 🔄 In development | ⭐⭐⭐ | +| **JetFormBuilder** | Partial | 🔄 In development | ⭐⭐ | +| **Typebot** | Partial | 🔄 In development | ⭐⭐ | +| **WPForms** | None | ❌ Compliance disclaimed | ⭐⭐ | +| **Contact Form 7** | None | ❌ No compliance effort | ⭐ | + +## Which Plugin Should You Use? + +### For Maximum Conversions: **Typebot** + +Choose Typebot if you want 2-4x higher conversion rates. The conversational approach works especially well for: + +- [Lead generation forms](./lead-generation-form-examples.mdx) +- Multi-step processes +- Customer onboarding +- [Survey](./chatbot-survey-questions.mdx) and [feedback](./feedback-chatbot.mdx) collection + +Use Typebot's conversational forms to simplify data collection and boost engagement. + +### For Beginners: **WPForms or Fluent Forms** + +**WPForms** if you want the easiest experience and don't mind paying premium prices. **Fluent Forms** if you want excellent features at a better value with outstanding performance. + +### For Developers: **Gravity Forms** + +Pick Gravity Forms when you need: + +- WCAG accessibility compliance +- Complex conditional logic +- Advanced calculations +- Extensive third-party integrations +- Custom development capabilities + +### For Budget-Conscious Users: **Fluent Forms or HappyForms** + +**Fluent Forms** delivers premium features at competitive prices with an excellent free version. **HappyForms** provides a lightweight solution without feature bloat. + +### For Complex Data Applications: **Formidable Forms** + +Choose Formidable when building: + +- Customer portals +- Directory websites +- Data collection systems +- Frontend editing interfaces + +### For WordPress.com or Basic Needs: **Contact Form 7** + +Only choose Contact Form 7 if you: + +- Need a completely free solution +- Have technical skills for optimization +- Only need basic contact forms +- Can't access plugin alternatives + +## Migration Tips: Moving from Contact Form 7 to Modern Builders + +### Why migrate? + +Contact Form 7 vs WPForms comparisons consistently show modern alternatives outperform in user experience, performance, and functionality. + +### Step-by-step migration process: + +**1. Choose your new plugin:** Based on our testing, we recommend Fluent Forms for the best value or WPForms for the easiest transition. + +**2. Install migration tools:** WPForms provides a built-in Contact Form 7 importer. Fluent Forms includes a migrator for Contact Form 7, Gravity Forms, Ninja Forms, and others. + +**3. Test before switching:** Create identical forms in your new plugin. A/B test for at least one week to confirm improved performance. + +**4. Update form shortcodes:** Replace `[contact-form-7]` shortcodes with your new plugin's shortcodes across all pages and posts. + +**5. Optimize performance:** Remove Contact Form 7 completely to eliminate the global script loading that slows your site. + +### Common migration challenges: + +**Email template differences** - Test all email notifications to ensure formatting stays consistent. + +**Styling changes** - New plugins may require CSS adjustments to match your theme. + +**Integration updates** - Reconnect any CRM or email marketing integrations. + +**Performance gains** - Users typically see 30-50% speed improvements after migrating from Contact Form 7. + +Replace outdated forms with engaging, interactive chatbots. + +## Frequently Asked Questions + +### What is the best way to set up a contact form in WordPress? + +For beginners, start with WPForms or Fluent Forms using their pre-built templates. Both offer drag-and-drop builders that work without coding knowledge. Choose a template close to your needs, customize the fields, set up email notifications, and embed using shortcodes or blocks. + +For maximum conversions, consider Typebot's conversational approach, which can double your form completion rates compared to traditional forms. + +### Which is better, Contact Form 7 or WPForms? + +WPForms consistently outperforms Contact Form 7 in user experience, performance, and functionality. While Contact Form 7 is free, it requires technical knowledge, lacks spam protection, and can slow your entire website. + +WPForms provides visual building, built-in spam protection, better performance, and reliable email delivery. The $49.50 first-year price is worth it for most websites. + +### Which form plugin is best for WordPress? + +Based on our testing: + +- **Best overall**: WPForms (easiest) or Fluent Forms (best value) +- **Highest conversions**: Typebot (conversational forms) +- **Most powerful**: Gravity Forms (developers and accessibility) +- **Best free option**: HappyForms or Fluent Forms free version + +Choose based on your specific needs, technical skills, and budget. + +### What is the most advanced form builder for WordPress? + +Gravity Forms offers the most advanced capabilities with complex conditional logic, extensive calculations, verified accessibility compliance, and the largest third-party ecosystem. It's designed for developers and power users who need maximum flexibility. + +Formidable Forms comes second with its Views system for creating data-driven applications beyond simple forms. \ No newline at end of file diff --git a/apps/landing-page/content/blog/best-shopify-chatbot.mdx b/apps/landing-page/content/blog/best-shopify-chatbot.mdx new file mode 100644 index 0000000000..67df600c78 --- /dev/null +++ b/apps/landing-page/content/blog/best-shopify-chatbot.mdx @@ -0,0 +1,320 @@ +--- +title: "Best Shopify Chatbot in 2025: AI That Boosts Sales " +description: "Discover the best Shopify chatbot for 2025. Boost sales, automate support, and create smarter shopping experiences with cutting-edge AI chatbots." +postedAt: "2025-05-21" +cover: "/blog-assets/best-shopify-chatbot/featured-image-best-shopify-chatbot.avif" +author: younes +--- +A fashion retailer saw their sales drop 80% overnight when their chatbot stopped working. Then, watched revenue surge 400% once they fixed it. This wasn't a website crash or marketing campaign failure. It was proof that the best Shopify chatbot isn't just customer service automation anymore. + +Modern AI-powered chatbots have evolved into sophisticated sales assistants. It can understand context, recommend products and build the kind of trust that converts browsers into buyers. + +While most of the people still think of chatbots as glorified [FAQ systems](./faq-chatbot.mdx), some of them discovering the opportunities. AI can fundamentally transform costs and lifetime value metrics. Let's see how it can do that. + +## Why Every Shopify Store Needs an AI Chatbot in 2025 + +When Club de Mode’s chatbot went down, sales dropped by 80%. Once it was restored, [revenue soared by 400%](https://ainiro.io/blog/long-term-effect-on-using-chatgpt-with-shopify). This sharp change shows how important conversational AI is becoming in ecommerce. + +Shoppers now expect stores to anticipate their needs, not just respond. Static FAQ pages and email forms feel outdated compared to tools like GPT. It can analyze browsing behavior in real time and suggest the perfect add-on. + +Here’s why this shift matters: + +- **Trust through interaction:** When a chatbot remembers a customer’s last purchase and suggests matching accessories, it creates a personal connection. Like a trusted boutique associate. This human touch leads customers at stores with AI chatbots to spend more per order. + +- **24/7 sales team:** Chatbots never clock out. They recover abandoned carts at night, [qualify leads](./b2b-lead-qualification.mdx) during busy times, and handle routine questions without pause. Bot-only chats approximately **8**8% satisfaction rate, even higher than human agents. + +The [benefits](./benefits-ai-chatbot.mdx) go beyond sales. For every dollar spent on a sophisticated chatbot, merchants save **$5-7** by automating up to 80% of repetitive support queries. + +And of course, the biggest advantage is scalability. While human teams get overwhelmed during events like Black Friday. AI chatbots engage thousands of visitors at once, each with personalized recommendations. + +This technology doesn’t replace your team. It empowers them. Leading stores use chatbots as tireless first responders, freeing staff to handle complex, high-value tasks. + +## 1. Typebot: The Shopify Chatbot That Adapts Like Your Best Salesperson + +Typebot Website + + +Most Shopify chatbots act like rigid FAQ machines, offering canned responses regardless of the situation. + +Typebot behaves more like a top sales associate. Remembering every visitor’s journey, tailoring recommendations in real time, and staying available 24/7. + +This flexibility comes from its [open-source](./open-source-chatbots.mdx) foundation and intuitive visual conversation design. + +### Drag-and-drop Interface For Building Advanced Conversational Flows + +Creating with Typebot feels like sketching a conversation tree, but every branch adapts on the fly. The visual editor lets you: + +- Layer product suggestions based on cart contents using Shopify’s API +- Trigger abandoned cart messages when users show exit intent +- Offer multilingual support without duplicating workflows + +### Native Integrations That Turn Conversations Into Conversions + +Many chatbots stop at basic product lookups, but Typebot’s API connections create a seamless experience. For example: + +- A cosmetics store syncs customer color preferences from Typebot to Klaviyo, sending personalized makeup tutorials +- Another business routes high-intent chats directly to their WhatsApp sales team via webhook + +### Unlimited Customization Without Developer Dependency + +Typebot’s open-source approach means you never wait for vendor updates. One merchant quickly built a whiskey flavor [quiz that guides users to the perfect product](./how-to-create-a-product-recommendation-quiz-shopify.mdx) by using: + +- A rating scale for taste preferences +- Conditional branches to different collections +- Shopify cart API to automatically add recommended samples + +When your chatbot evolves as fast as your business, you don’t just answer questions. You create memorable buying experiences. + +### How to Build Your Shopify Chatbot in Typebot — Step by Step + +#### Step 1: Create a New Bot and Start With a Welcome Message + +- Log in to your **Typebot** account and create a **new bot**. + +Create A Typebot Button + + +- Pick **Text block** and **drag it**. + +- Type your greeting message, for example: “Hi there! Looking for something special today? I can help you find the perfect product and even suggest some great add-ons?*”* + +- Click **Buttons** below the Bubbles and create two buttons: + + - “Show me a deal” + + - “Ask a question” + +Chatbot Flow Builder Ui + + +#### Step 2: Build the Product Recommendation Block + +- After the welcome block, drag **Text block** again. +- Write your product recommendation message, for example: *“Our wireless headphones are 10% off today. Want to check them out?”* + +Headphones Offer Options Group + + +- Add two buttons: + + - “Yes, show me” → Set this button to open your product page URL. Drag a **Redirect** button from **Logic**. + + Redirect Logic Button + + +- “No, thanks” → Connect this button to another block or end the chat politely. + +#### Step 4: Set Up a Question Input Block + +- Add a **Text** block. + +- Ask: *“Got any questions about shipping or returns?”* + +- After this, you can add more Text blocks for common questions. + +- Provide some common answers, e.g.: + + - “Shipping takes 3–5 business days.” + + - “You can return items within 14 days.” + +Shipping And Returns Info + + +- Do not forget to link it with previous Ask a question button. + +#### Step 5: Collect Emails for Discounts + +- Add a **Text** block. If your customer do not want to check your product at the moment, you can let them know other promotions/offers. Link it to the "No, thanks option". + +Headphones Sale Prompt Yes Selected + + +- Ask users to enter their and Email. +- Drag an **Email block** from the **Inputs**. +- Write a message offering a discount, like: *“Enter your email and get 10% off your order!”* +- You can connect this form to a spreadsheet or email service later. + +Email Signup 10 Percent Off + + +#### Done! + +You just built a simple Shopify chatbot in Typebot that: + +- Greets visitors + +- Shows deals and upsells + +- Answers questions + +- Collects emails + +No coding needed — just drag, type, and connect. That easy! + +Typebot Flow Builder Interface + + +Create fully customizable chatbots without writing a single line of code. + +### 2. **Heyday by Hootsuite** + +Heyday is best suited for large, international, or omnichannel brands. Its AI-driven product recommendations, natural language understanding, and multi-language support allow it to handle complexities. Also, the large product catalogs. + +Woman Using Social Media Tool + + +Integration with Shopify POS and other sales channels makes it powerful for retailers. However, its higher cost and more involved onboarding process make it less accessible for smaller stores. + +| **Strengths** | **Weaknesses** | +| --- | --- | +| Handles complex product questions and large catalogs | Higher cost (enterprise pricing) | +| Excellent for global/multi-language stores | Setup and onboarding can take longer | +| Integrates with in-store sales and customer support | Overkill for small/simple stores | + +### 3. Tidio + +Tidio offers a hybrid approach, blending live chat with chatbot automation. It’s a strong choice for users who want to combine human touch with AI efficiency. Especially across multiple channels like Messenger and Instagram. + +Tidio Customer Support Example + + +Tidio’s visual builder is user-friendly, and it provides product recommendations and order tracking. Some of its more advanced AI features are locked behind higher-tier plans. Plus, its customization options, while solid, don’t match the open-ended flexibility of Typebot. + +| **Strengths** | **Weaknesses** | +| --- | --- | +| Lets human agents jump into conversations | Advanced features (like AI, analytics) are behind higher-priced plans | +| Omnichannel support is great for brands with social presence | Customization is more limited than open-source solutions | +| Easy to set up and manage | May not scale as cost-effectively for very large stores | + +### 4. Maisie AI + +Maisie AI targets merchants seeking quick wins in lead capture and cart recovery. It’s easy to set up and excels at automating basic sales tasks, such as abandoned cart reminders and simple FAQ handling. + +Customer Journey Illustration Diagram + + +However, it charges per visitor—at $9 per 1,000 visits, costs can escalate quickly for growing stores. Maisie’s conversational depth is more limited. It is better suited for smaller shops or those with straightforward support needs. Rather than complex product discovery or personalized upselling. + +| **Strengths** | **Weaknesses** | +| --- | --- | +| Extremely easy to set up | Costs scale quickly with traffic (can get expensive for high-traffic stores) | +| Good at recapturing abandoned carts | Limited conversation depth and customization | +| Works well for small/medium stores | Not ideal for complex product recommendations | + +### 5. Shopify Inbox + +Shopify Inbox is Shopify’s own free messaging solution. It’s natively integrated with the Shopify admin and connects easily to Facebook Messenger and Instagram DMs. + +Shopify Product Page Mockup + + +While it’s extremely simple to set up and use, its automation and AI capabilities are basic. It focuses on automated responses to common questions rather than personalized product discovery or complex conversational flows. + +Shopify Inbox is best for new or small stores that need a no-cost, no-fuss way to handle customer queries. + +| **Strengths** | **Weaknesses** | +| --- | --- | +| 100% free for Shopify users | Very basic automation and AI | +| Seamless order and customer lookup | No advanced product recommendations or conditional logic | +| Super simple setup—no coding or extra tools needed | Not suitable for stores needing complex chat workflows | + +Chatbot Comparison Summary Table + + +## What Really Matters When Choosing a Shopify Chatbot + +Most comparison guides focus on feature checklists. However, after reviewing hundreds of Shopify stores, some of the unconventional factors consistently separate effective chatbots from the others. + +### **Conversation Depth Over Flashy AI Claims** + +Many merchants prioritize "AI capabilities" when choosing a chatbot. Typebot’s visual flow builder excels here. It lets merchants create layered conversations that respond to customer intent. + +Some “AI-powered” solutions fall short because they offer: + +- Generic product recommendations like "You might like" +- Single cart recovery reminders +- FAQ handling based on simple keyword matching + +In contrast, advanced solutions like Typebot provide: + +- Contextual suggestions based on browsing history +- Tiered incentives (for example, 10% off followed by free shipping) +- RAG-powered answers from [updated knowledge bases](./build-ai-chatbot-with-custom-knowledge-base.mdx) + +### **Integration Flexibility As A Growth Lever** + +Merchants using platforms with both native Shopify connections and API access achieve higher chatbot ROI. + +Examples include: + +- Syncing Typebot with loyalty program to reward customers for completing product quizzes +- Launching post-purchase surveys through Google Sheets integration +- Using webhooks to notify staff when high-value customers interact with the bot + +### **The Silent Cost Of 'Simple' Solutions** + +Free chatbot plans can become expensive as your store grows. For example, Maisie AI charges $9 per 1,000 visitors. At 50,000 visits, that totals $450 a month. + +In contrast, open-source Typebot running on a $10/month VPS can handle unlimited traffic. One merchant reported spending $2,100 a year on a SaaS chatbot before switching to a self-hosted solution with the same features. + +Three key questions often overlooked are: + +- Can the bot access real-time inventory to avoid disappointing customers with out-of-stock items? +- Does it keep conversation history intact when handing off between bot and human agents? +- Can you A/B test different greetings or product recommendation strategies? + +Stores using chatbots with conditional logic enjoy higher satisfaction scores than those with linear scripts. + +Shoppers want more than quick answers. They want conversations that remember their preferences, acknowledge past interactions, and adapt to their unique journey. + +## When AI Gets Shopping: The Cognitive Revolution in Shopify Chatbots + +Today’s AI-powered assistants act as perceptive shopping companions. They understand context, remember preferences, and anticipate customer needs with impressive accuracy. You know why? + +### GPT-4.1: The Mind Behind the Machine + +OpenAI’s latest model, GPT-4.1, processes text, images, and files simultaneously. This allows chatbots to: + +- Interpret product photos customers upload (e.g., “Find me shoes like these”) +- Analyze CSV order histories to identify buying patterns + +### RAG: The Memory Upgrade + +Retrieval-Augmented Generation (RAG) gives chatbots a powerful memory boost. Instead of relying only on training data, RAG lets bots reference: + +- Your live Shopify catalog +- Policy documents +- Competitor analyses + +In practice, this means: + +- Skincare brands can reduce return rates after their chatbot cross-referenced ingredient lists with customer allergy profiles +- Electronics retailers cut support tickets in half by having bots check real-time inventory before responding + +### Multimodal: The Senses Awaken + +The most advanced Shopify chatbots now act like sales associates with enhanced senses. They can: + +- Read handwritten notes in product review screenshots +- Compare fabric textures from customer-uploaded images +- Detect frustration in a customer’s tone and escalate issues when needed + +This goes beyond automation, it’s true augmentation. The best chatbots in 2025 don’t replace human sales teams. They empower them with superhuman product knowledge and 24/7 support. + +This cognitive leap resembles how smartphones evolved from simple calling devices into powerful pocket computers. Merchants still using basic rule-based chatbots are, in effect, trying to compete with touchscreens using rotary phones. + +Presentation Typebot Save Responses + + +## Wrapping It Up + +The evolution of Shopify chatbots in 2025 marks a turning point for [ecommerce](./ecommerce-chatbot.mdx). No longer just automated FAQ tools,. Today’s AI-powered chatbots act as intelligent sales associates. Building trust, making personalized recommendations, and driving [significant revenue growth](./upsell-using-ai-chatbot.mdx). + +Choosing the best chatbot is about more than flashy AI claims or basic automation. Users must weigh conversation depth, integration flexibility, and the true cost of scaling. + +The cognitive leap in chatbot technology, powered by models like GPT-4.1 and RAG, means that stores can now engage, convert, and retain customers at scale everytime. In this new era, implementing the right chatbot isn’t just an upgrade—it’s a competitive necessity. + +Leverage the power of OpenAI and Anthropic to create smarter, more human-like conversations. + +## \ No newline at end of file diff --git a/apps/landing-page/content/blog/best-whatsapp-chatbot.mdx b/apps/landing-page/content/blog/best-whatsapp-chatbot.mdx index 01b1efd7f9..613a804b86 100644 --- a/apps/landing-page/content/blog/best-whatsapp-chatbot.mdx +++ b/apps/landing-page/content/blog/best-whatsapp-chatbot.mdx @@ -181,7 +181,7 @@ Botpress offers a free open-source version and a paid enterprise version with ad Key features include a visual flow editor, content management system, human-in-the-loop for agent handoff, analytics and reporting, multilingual support, and the ability to integrate custom code and actions. -Botpress is highly customizable and extensible, with a strong NLU engine and an active developer community building plugins and add-ons. It's a great fit for enterprises, agencies, and startups needing to build sophisticated chatbots for automating customer support, lead generation, and other processes. +[Botpress](./botpress-alternative.mdx) is highly customizable and extensible, with a strong NLU engine and an active developer community building plugins and add-ons. It's a great fit for enterprises, agencies, and startups needing to build sophisticated chatbots for automating customer support, lead generation, and other processes. While Botpress is praised for its flexibility and NLU capabilities, it can be complex to configure and keep up with its fast-moving updates. The documentation sometimes lags behind the latest features, and the enterprise version lacks transparent pricing. diff --git a/apps/landing-page/content/blog/botpress-alternative.mdx b/apps/landing-page/content/blog/botpress-alternative.mdx new file mode 100644 index 0000000000..be25403c88 --- /dev/null +++ b/apps/landing-page/content/blog/botpress-alternative.mdx @@ -0,0 +1,303 @@ +--- +title: "Botpress Alternatives: Top Platforms for No-Code Chatbots" +description: "Discover the best Botpress alternatives for your business. Compare top no-code chatbot builders and find the perfect fit for faster, easier automation." +postedAt: "2025-04-16" +cover: "/blog-assets/botpress-alternative/featured-image-botpress-alternative.avif" +author: younes +--- +Most developers choose Botpress thinking they need an AI agent builder. Then, spend weeks wrestling with complex flows and coding requirements just to create a simple lead capture form. + +The reality is that 80% of businesses don't need sophisticated AI agents. They need intuitive chatbot builders that work without technical expertise. + +This fundamental misalignment between what Botpress offers and what most users actually need has sparked a revolution in AI space. + +Finding the right Botpress alternative isn't about downgrading your capabilities. It's about matching your tool to your actual requirements and building faster, more effective chatbots. Without the unnecessary complexity. + +## How to Evaluate a Botpress Alternative: Criteria and Scoring + +Selecting a chatbot platform requires more than just picking a popular option. The best choice depends on your team’s skills, your business’s risk tolerance, and the customer experience you want to deliver. + +Many businesses focus on flashy features or vendor pitches, only to find the tool doesn’t fit their workflows. + +Approach your search like a chef choosing ingredients. Focus on how the platform fits your unique needs and processes. + +### Essential Criteria for Comparing Chatbot Platforms + +Imagine a small SaaS startup with a lean support team and a global audience. Their ideal chatbot would: + +- Answer technical questions +- Qualify leads +- Escalate complex issues to humans + +All without needing a developer for every change. + +For our startup, important criteria include: + +- **Ease of use for non-technical staff:** Can marketers or support reps build and update flows without developer help? +- **Integration with existing tools:** Does the platform work smoothly with Slack, HubSpot, or Shopify? +- **Multilingual support:** Does the bot support many languages for a global audience? +- **Data privacy and compliance:** Can you self-host or control data residency for regulated industries? +- **Cost transparency:** Are fees clear, or are there hidden costs that could increase expenses? + +Larger enterprises may prioritize deep customization, on-premise deployment, and detailed analytics. Your criteria should reflect your business’s specific needs, not just popular features. + +### Scoring Methodology + +Star ratings and user counts don’t always show how a platform performs in your daily operations. Use a weighted scoring system based on your priorities. + +Evaluate each platform in these categories using hands-on testing, user feedback, and vendor documentation. This creates a scorecard that matches your actual needs. + +One company switched from a developer-focused setup to a no-code builder. Support tickets dropped by 30% in the first quarter, and the marketing team launched campaigns independently. This shows scoring should measure real impact, not just features. + +### Decision-Making Flowchart: Shortlist the Right Platform + +Think of the selection process as a series of key decisions: + +1. **Do you need no-code or low-code**? Exclude platforms requiring extensive scripting or developer resources. +2. **Is [open-source](./open-source-chatbots.mdx) essential for compliance or customization**? Focus on options like Typebot or Landbot. +3. **Are omnichannel deployments (web, WhatsApp, Messenger) required**? Prioritize platforms with strong multi-channel support. +4. **Do you need advanced AI (GPT-4o, Claude, Gemini) or just rule-based flows**? Narrow your choices accordingly. +5. **What is your budget limit**? Some platforms charge per conversation, others per seat, and some offer unlimited plans. + +### The Human Factor: Don’t Ignore the Intangibles + +No scoring system captures everything. Sometimes, the deciding factors are: + +- Quality of vendor support +- Strength of the user community +- Overall feel of the builder interface + +Evaluating a Botpress alternative means more than checking boxes. It means finding a platform that enhances your team’s strengths, fits your workflows, and grows with your goals. The right choice drives better conversations, happier customers, and a more agile business. + +## The Comparison: Here Are the Best Botpress Alternatives + +Navigating chatbot platforms can feel like exploring a busy market. Every option offers something different, but only a few truly fit your needs. + +For teams comparing Botpress with competitors, the challenge goes beyond features. It’s about finding a platform that matches your business pace, team skills, and customer expectations. Here are your alternatives: + +## 1. Typebot – Best for No-Code Conversational UI Builders + +Typebot is an open-source, no-code [chatbot builder](./best-chatbot-builder.mdx). It designed for teams that want to create, customize, and deploy conversational experiences. Plus, the platform is fast and [requires zero coding](./ai-open-source-tools.mdx). Typebot stands out for its intuitive visual builder, deep theming, and flexible deployment options. + +Typebot Website + + +### Key Features & Strengths + +- **Visual Drag-and-Drop Builder:** Build entire conversations visually. Every step, question, or logic branch is a block you connect—no code, no confusion. It matters because, marketing, support, and product teams can launch and iterate bots in hours, not weeks. + + Typebot Builder + + +- **Conditional Logic & Personalization:** Add branching, variables, and user data capture with a click. Personalize flows based on user answers or external data. You can create bots that adapt to each user, boosting engagement and conversion. + + Logic Menu Options List + + +- **AI & LLM Integration:** It smoothly connects to OpenAI (GPT-4o), Claude, Gemini, and more. Use AI for smart answers, lead qualification, or dynamic content. Deliver natural, context-aware conversations without building your own AI backend. + +- **Native Integrations & Webhooks:** Send data to Google Sheets, CRMs, or any service via webhooks. Pull in external data to personalize conversations. It helps to automate lead routing, support ticket creation, or newsletter signups instantly. + +Typebot Integrations + + +- **Advanced Theming & Branding:** Control every visual element—fonts, colors, backgrounds, buttons, chat bubbles. Your bot looks and feels like your brand, not a generic widget. + +Typebot Chat Interface Design + + +- **Multichannel Deployment:** Embed on your website or share as a standalone link. Reach users wherever they are. Web, social, or internal apps. +- **Open Source & Self-Hosting:** Choose SaaS for simplicity or self-host for full data control and compliance. Perfect for regulated industries or privacy-focused organizations. + +### What Can You Build With Typebot? + +Let’s bring Typebot’s capabilities to life with some real-world scenarios. Imagine you’re running a SaaS startup and want to qualify leads as they land on your website. + +Presentation Typebot Save Responses + + +With Typebot, you can build a conversational form that not only asks for an email but also digs deeper. It gathers the data and then instantly sends qualified leads straight to your CRM, so your sales team can follow up right away. + +For customer support, picture an online retailer using Typebot. The support can handle common questions like “Where’s my order?” or “How do I return an item?”. + +The bot can walk customers through troubleshooting steps. If needed, smoothly hand off the chat to a human agent. No context lost, no frustration for the customer. + +When onboarding new users, say for a productivity app, Typebot can guide each person through a personalized setup journey. If a user indicates they’re a project manager, the bot can highlight features that matter most to them. + +Scheduling is just as smooth. For example, a consulting firm could let prospects book intro calls right in the chat. Thanks to Typebot’s integration with Google Calendar or Calendly, no more email ping-pong. + +If you need feedback, Typebot makes surveys feel like a conversation, not a chore. A fitness coach could send a post-session survey via chat, with answers flowing directly to Google Sheets for instant review. + +[Ecommerce](./ecommerce-chatbot.mdx) shops can use Typebot as a virtual shopping assistant. A customer looking for running shoes could answer a few quick questions, get personalized recommendations, check order status. All within the same branded chat window. + +In all these cases, Typebot’s strength is that anyone on your team can build, update, and brand these experiences quickly. The result is a chatbot that feels less like a generic widget and more like a helpful, human extension of your business. + +| Pros | Cons | +| --- | --- | +| Open-source and self-hostable | No native support for WhatsApp, Messenger, or SMS | +| Intuitive drag-and-drop builder | Slight learning curve for webhook/API usage | +| Easy for non-tech teams to use | Lacks enterprise-grade analytics | +| Deep theming and brand control | | +| Native GPT-4o, Claude, Gemini support | | +| Embed anywhere via web or link | | + +Create fully customizable chatbots without writing a single line of code. + +## 2. Landbot – No-Code Conversational Experiences with Rich Integrations + +[Landbot](https://landbot.io/) has carved a niche for teams that want chatbots to feel less like bots and more like full-fledged mini-apps. It’s especially strong in industries where rich, multi-step interactions drive results. Examples are B2B lead capture, healthcare intake forms, or insurance quote generators. + +It is similiar to Typebot. What sets Landbot apart is its ability to blend traditional conversational flows with elements. Like image carousels, multi-question cards, or embedded calendars. + +bot building interface + + +For instance, a marketing agency could use Landbot to build an interactive product finder for an eCommerce brand. Users answer a few questions, see personalized results with thumbnails, and get nudged into a checkout funnel. All within the chat interface. + + +Curious how Landbot stacks up against similar tools? Explore an in-depth breakdown in this [Landbot alternative comparison](./landbot-alternative.mdx). + + +Another common use case is [WhatsApp automation](./whatsapp-business-automated-messages.mdx) for clinics. Users book, reschedule, or cancel appointments through an interface that feels more like a native app than a clunky bot. + +Landbot’s bricks make scaling across campaigns fast, while integrations with CRMs or Zapier simplify back-end workflows. + +| Pros | Cons | +| --- | --- | +| App-like UI with forms and media | No self-hosting (SaaS only) | +| Excellent for lead generation and onboarding | Higher pricing for full feature set | +| Reusable logic blocks for scale | Can lag on large or mobile flows | +| Strong native integrations | | +| WhatsApp automation built-in | | + +## 3. Chatfuel – Best for Social Media Bots (Messenger, WhatsApp) + +[Chatfuel](https://chatfuel.com/) targets a very specific but high-demand market. Businesses who rely on Messenger or WhatsApp as primary customer touchpoints. + +It's particularly valuable for consumer brands in emerging markets where mobile-first communication is the norm. One standout use case is for small businesses or solopreneurs automating FAQ and order tracking through Instagram DMs or WhatsApp. + +Whatsapp Automation Setup Guide + + +Chatfuel also appeals to agencies managing multiple client bots, thanks to built-in client workspaces and campaign analytics. + +Looking for more options? Check out our in-depth roundup of [Chatfuel alternatives](./chatfuel-alternatives.mdx) for detailed comparisons. + +However, its AI features are limited. Native tools for drip campaigns, click-to-message ads, and retargeting make it great for social media-driven lead generation. It’s not ideal for product onboarding or internal tools, but in the world of social commerce, few platforms are as efficient. + +| Pros | Cons | +| --- | --- | +| Built for Messenger, Instagram, WhatsApp | Not suitable for web or in-app bots | +| Fast no-code builder for social channels | Limited AI capabilities | +| Great for social commerce and remarketing | No self-hosting or open-source options | +| Solid contact management and drip tools | | + +## 4. Flowise – Best Open-Source LLM UI Builder + +[Flowise](https://flowise.ai) is in a league of its own when it comes to open-source flexibility for AI-native bots. It appeals most to developers or AI teams that want visual control over LLM logic while maintaining infrastructure sovereignty. + +Think of Flowise as the Retool of LLM apps. It lets you visually map out complex GPT-4 or Claude-based interactions, chain prompts, inject API calls mid-conversation. It can even define fallback behavior. + +agentic workflow diagram interface + + +It’s the perfect fit for AI consultancies, internal R&D tools, or startups building custom GPT-based agents. + +You can self-host it on your own infrastructure, making it privacy-compliant for enterprise clients. We have to add that it's not suited for marketers or non-technical users. Flowise offers unmatched transparency and power if your team knows what it’s doing. + +| Pros | Cons | +| --- | --- | +| Open-source and fully self-hostable | Not beginner-friendly | +| Designed for GPT, Claude, and custom prompt chains | Requires setup and hosting knowledge | +| Supports APIs, fallbacks, and custom logic | No ready-made templates for quick launch | +| Ideal for AI-native apps | | + +## 5. Voiceflow – Best for Voice and Multimodal Bots + +[Voiceflow](https://www.voiceflow.com/) is the go-to tool for voice-first product teams. Especially those working on multimodal interfaces like kiosks, smart assistants, or mobile apps with voice layers. + +It’s mostly using in call centers to build and iterate IVR systems. Also, by teams creating Alexa Skills or Google Assistant experiences. However, it’s more than a voice bot builder. It’s a collaborative design tool for mapping conversations across modalities. + +Ai Agent Workflow Diagram + + +For example, a logistics company could build a Voiceflow bot that handles package tracking via both voice and chat. They can escalate to human agents only when needed. Or a hospital might use it to create pre-op instructions that work via phone and mobile app. + +The real power lies in its simulation tools and developer handoff features. Designers build the logic, developers export to code, QA can test voice interactions all in one place. + +| Pros | Cons | +| --- | --- | +| Ideal for voice and multimodal UX | SaaS only – no self-hosting | +| Great simulation and collaboration tools | Steeper learning curve for non-voice teams | +| Integrates GPT, Claude, and more | Not focused on social or e-commerce | +| Easy developer handoff | | + + +Curious how Voiceflow matches up against another leading no-code platform? Dive deeper into the differences in automation and UX with [Voiceflow vs Flowise](./voiceflow-vs-flowise.mdx). + + +## 6. Tidio – Best for Live Chat and AI Hybrid Models + +[Tidio](https://www.tidio.com/) sits at the intersection of live chat and automation. It is ideal for eCommerce stores looking to convert, support, and re-engage customers in real time. + +What makes Tidio unique is its hybrid AI/live chat setup. A bot starts the conversation, qualifies the visitor, and then routes them to a human agent if needed. + +Tidio Dashboard User Interface + + +For example, an online boutique can use Tidio to show product suggestions based on browsing behavior, answer shipping FAQs. Also, they can hand off to a sales rep when a user asks about a custom size. + +It also shines in cart recovery workflows. Bots can trigger discount codes or answer objections the moment a user hesitates. Tidio’s native integration with Shopify and Lyro AI means you can launch with automation and scale to human support as you grow. + +| Pros | Cons | +| --- | --- | +| Combines AI and live chat | Limited features on free plan | +| Strong Shopify integration | SaaS only, no white-labeling | +| Works well for e-commerce flows | Less flexible for advanced automations | +| Handles product suggestions, cart recovery, FAQs | | + +## 7. Chatbot.com – Simplified SaaS for Web and Messenger Bots + +[Chatbot.com](https://chatbot.com) is a classic SaaS solution built for speed and simplicity. It’s especially effective for small and medium businesses that want to launch basic bots fast. Without worrying about dev cycles or platform bloat. + +A common use case is in service businesses. Like salons, clinics, or repair services where bots handle appointments and FAQs with no custom code. + +chatbot website settings screen + + +It’s also popular in education. Schools use it to answer enrollment questions or guide students through program options. While it lacks advanced AI tools or open-source flexibility, Chatbot.com delivers where it matters. Quick setup, clean UI, and reliable performance on web or Messenger. + +| Pros | Cons | +| --- | --- | +| Simple drag-and-drop interface | No self-hosting or open-source support | +| Fast deployment for web and Messenger | Minimal AI and automation capabilities | +| Great for small business FAQs and bookings | Limited customization options | +| Reliable SaaS infrastructure | | + +### Pricing: The True Cost of Ownership + +The initial price is just the start. The real cost includes setup, ongoing maintenance, and the cost of slow iteration. Competitors like Typebot or Tidio allow daily iteration, responding to customer feedback quickly. Here are the prices: + +| Platform | Entry price (monthly) | Free tier | Self-hosting | Cost drivers | +| --- | --- | --- | --- | --- | +| **Typebot** | $0 (open source) | Yes | Yes | Usage, integrations | +| Landbot | $40+ | Yes | No | Features, usage, channels | +| Chatfuel | $15+ | No | No | Contacts, features | +| Flowise | $0 (open source) | Yes | Yes | Usage, support | +| Voiceflow | $40+ | No | No | Seats, usage | +| Tidio | $0 (limited) | Yes | No | Features, conversations | +| Chatbot.com | $52+ | No | No | Bots, conversations | + +### + +## Conclusion: Choosing the Right Botpress Alternative + +Botpress remains a powerful tool for developer-centric teams, but its complexity often overshoots the needs of most businesses. For everyone, the real value lies in platforms that simplify chatbot creation without compromising functionality. + +The best alternative depends on your goals, skills, and pace of growth. + +The key is to find a chatbot platform that matches your workflow, empowers your team. When that alignment happens, your bots aren’t just functional. They become strategic assets that improve customer engagement and drive results. + +Switching from Botpress isn’t a step down. It’s a step toward clarity, speed, and smarter automation. + +Eliminate the need for developers—build your bot in minutes. \ No newline at end of file diff --git a/apps/landing-page/content/blog/chatbot-for-real-estate-agents.mdx b/apps/landing-page/content/blog/chatbot-for-real-estate-agents.mdx new file mode 100644 index 0000000000..913663fc9c --- /dev/null +++ b/apps/landing-page/content/blog/chatbot-for-real-estate-agents.mdx @@ -0,0 +1,489 @@ +--- +title: "Chatbot for Real Estate Agents: The Ultimate 2025 Guide " +description: "Discover how a chatbot for real estate agents boosts leads, automates tasks, and transforms client engagement. Get ahead with this actionable 2025 guide!" +postedAt: "2025-05-28" +cover: "/blog-assets/chatbot-for-real-estate-agents/featured-image-chatbot-for-real-estate-agents.avif" +author: younes +--- + +As we all now, real estate market is quite competitive and increasingly digital. Prospective buyers and sellers expect instant communication, personalized experiences, and 24/7 service. However, real estate agents are human. They need sleep, time off, and support. + +Real estate chatbots automate routine conversations and tasks, qualify leads, book showings, share property listings. All while you focus on closing deals and building relationships. + +With the rise of AI platforms and drag-and-drop bot builders, real estate chatbots are no longer just for tech-savvy brokerages. They're a necessity for every agent looking to scale efficiently. + +This guide is your all-in-one resource to understand, choose, and deploy a chatbot that helps you work smarter, not harder. + +## Why Every Real Estate Agent Needs a Chatbot in 2025 + +Imagine a Saturday evening. A young couple scrolls through property listings on their phones. They find a home with a modern kitchen, spacious backyard, and a price within their range. + +When they tap “Contact Agent,” a friendly chat window appears: **“Hi! Looking for more details or want to schedule a tour?”** + +Within minutes, they secure a Sunday morning viewing—no voicemails, no waiting, no hassle. For real estate agents, this interaction means they can engage more prospects instantly without being tied up on calls. Reduce missed opportunities, and focus on serious buyers with the help of a chatbot. + +Chatbots handle appointment scheduling 24/7, freeing agents to prioritize high-value tasks and close deals faster. + +### Chatbot for Real Estate Agents: Transforming Client Engagement + +Relationships have always been central to real estate, but how agents connect with clients is changing. Buyers and sellers want instant answers, tailored recommendations, and easy scheduling—anytime. + +Industry research shows that [**43% of customer experience experts** now rank “immediate response”](https://gammagroup.co/resources/blog/5-features-to-respect-customers-time-and-improve-cx/) as a top client priority. In a market where slow replies can cost opportunities, chatbots serve as 24/7 concierges. They greet visitors, understand needs, and move clients forward without breaks. + +### Key Industry Trends Driving Chatbot Adoption in Real Estate + +A lot of real estate businesses have implemented [live chat](./livechat-vs-chatbot.mdx) technology. Making it the most widely used AI tool in the industry. A global [Deloitte survey](https://www2.deloitte.com/us/en/insights/industry/financial-services/commercial-real-estate-outlook.html) found that real estate decision-makers actively invest in AI, with chatbots leading the way. + +This surge isn’t just about working faster. It’s about staying competitive in a market where timing matters. Properties and clients move quickly. + +Agents relying on traditional communication risk losing out to those who engage, qualify, and schedule in real time. Chatbots don’t just keep up, they set the pace. + +### How Chatbots Address the Unique Challenges of Real Estate Agents + +Real estate demands managing details and meeting deadlines. Agents juggle multiple listings, respond to many inquiries, and track each client’s preferences. Mistakes or missed chances can be costly. + +Chatbots act as reliable assistants, handling repetitive but essential tasks that can overwhelm even the most organized agent: + +| Feature | What It Does | Why It Matters for Agents | +| -------------------------------- | ---------------------------------------------------------------------------- | -------------------------------------------------------------- | +| **Lead Capture & Qualification** | Gathers contact info, budget, location, and timeline via short conversations | Saves time by filtering serious buyers from casual browsers | +| **Appointment Scheduling** | Syncs with calendars (Google, Calendly) to let users book instantly | Converts interest into action—even after hours | +| **Personalized Recommendations** | Uses client inputs to suggest properties that match preferences | Provides more relevant options, increasing conversion chances | +| **Follow-up & Nurturing** | Sends automated messages post-visit or after initial contact | Keeps your brand top-of-mind and nudges leads toward decisions | + +In 2025, the real question isn’t agents should use chatbots. The questions is how quickly they can integrate and leverage these tools to stay ahead. Those who adopt chatbots set a new standard for exceptional service in a competitive market. + +## How to Build a Real Estate Chatbot Flow with Typebot + +Typebot can schedule a property viewing with name, date, time, and phone number. After that, it confirms the appointment and sends the data to a sheet or CRM. + +Before diving into the step-by-step tutorial, here is what the final chatbot looks like. + + + +Typebot makes setup easy, even for non-technical users. After building your chatbot flow, simply go to the **Share** tab in the Typebot dashboard. + +There, you’ll see integration options for different platforms. For [React](./react-chatbot.mdx), Typebot provides a code snippet with your unique chatbot ID highlighted, as shown below. + +Just copy this ID and use it in your embed code, like **<<Typebot id="[ID OF THE TYPEBOT]" />>** , replacing the ID with your own. This lets you quickly preview and deploy your chatbot with minimal effort. + +react bubble code snippet + +### Step 1: Start Block + +- You don’t need to drag this — it’s already there by default. + +- It connects directly to the first question block. + +### Step 2: Group #1 — Message + Choice + +1. **Drag a** `Text` **block.** + +2. Enter this message: + + ``` + Hi there! Looking to schedule a property viewing? + I'm here to help you pick the perfect time — no waiting for business hours. + ``` + + + +3. Below the message, **add two buttons from Button block**: + +- **Yes** → Link to next block + +- **No** → Link to a message that ends the conversation (Step 9) + +- Save the button value in a variable (e.g., `Ask_Name`) + +chatbot flow diagram ui + +### Step 3: Group #2 — Ask for Name + +1. **Drag a** `Text` **block.** + +2. Set the question: + + > "Great! First, can I get your name?" + +3. **Input type:** Text + +4. **Save response as variable:** `user_name` + +5. Connect it to the next block. + +settings panel user name + +### Step 4: Group #4 — Ask for Date + +1. **Drag a** `Text` **block.** + +2. Set the question: + + > "What day would you like to visit the property?" + +3. **Input type:** Date block + +4. **Save response as variable:** `visit_date` + +5. You can adjust the min-max values from there. Set the min value in today's date to avoid any complication. Max value is up to you. + +date input form ui + +### Step 5: Group #5 — Ask for Time + +1. **Drag a** `Text` **block again.** + +Set the question: + +> And what time works best for you on \{\{visit_date\}\} + +- Do not forget to enter as variable. + +2. **Input type:** Time block +3. **Save response as variable:** `visit_time.` +4. Should be look like this: + +chatbot time collection settings + +### Step 6: Group #6 — Ask for Phone + +1. **Drag a** `Text` **block.** + +2. Set the question: + + > "Almost done! Could you share your phone number so we can confirm your appointment?" + +3. **Input type:** Phone + +4. **Save response as variable:** `user_phone` + +phone number input form + +### Step 7: Group #7 — Confirmation Message + +1. **Drag a** `Text` **block again.** + +2. Set the message: + + ``` + ✅ You're all set, \{\{user_name\}\}! + We've scheduled your property viewing for \{\{visit_date\}\} at \{\{visit_time\}\}. + We’ll reach out to you at \{\{user_phone\}\} if anything changes. + ``` + +3. Do not forget the variables. Should be look like this: + +group 7 confirmation message + +### Step 8: Google Sheet Integration + +1. **Drag an** `Integrations` **block** (Choose "Google Sheets"). + +2. Select your Google account and Sheet. + +3. There must be columns as Phone, Date, Time, Name. Otherwise, you might get an error. + +4. Configure it to: + + - **Insert a new row** + + - Add to values: + + - Name: `\{\{user_name\}\}` + + - Date: `\{\{visit_date\}\}` + + - Time: `\{\{visit_time\}\}` + + - Phone: `\{\{user_phone\}\}` + +typebot sheet interface + +form with data fields + +5. It will automatically add the data to the sheet. + +### Step 9: Group #9 — Exit Flow (No Answer) + +1. **Drag a** `Text` **block.** + +2. Set the message: + + > "No worries! Let me know if you'd like more info on the property later." + +3. End the flow after this. Here is the final flow: + +flowchart property viewing scheduling + + + Create fully customizable chatbots without writing a single line of code. + + +## Top Benefits of Using a Chatbot for Real Estate Agents + +Real estate agents juggle calls, emails, and property tours while trying to make every client feel like a priority. In 2025, the right chatbot acts as an extra set of hands and brainpower. It lets agents focus on building relationships and closing deals. + +Here’s how chatbots improve daily routines for agents: + +### Lead Capture and Qualification With Chatbots + + + +On a busy Saturday morning, your website attracts many visitors. Some browsing, others ready to buy. Traditionally, you’d need a team constantly monitoring inquiries to avoid missing leads. + +Now, a chatbot greets each visitor and asks questions like “What’s your budget?”, “Which neighborhoods interest you?”. After a few interactions, it requests contact details. + +This process ensures a [perfect lead generation process](./lead-generation-chatbot.mdx) with a steady stream of qualified prospects, organized and ready for follow-up. + +### 24/7 Client Support and Instant Response + +Real estate never sleeps, and neither do client questions. Buyers expect immediate answers, whether it’s late at night or early morning. Chatbots provide always-on support. It can handle questions like “Is this property still available?” or “Can I schedule a tour for next week?” + +Instant responses have become a baseline expectation for clients. + +A well-designed chatbot manages multiple conversations simultaneously while keeping details accurate. For agents, this means less frantic multitasking and fewer missed messages. For clients, it offers the comfort of knowing their needs are always a priority. + +### Automating Appointment Scheduling and Property Viewings + +Setting up showings by phone can be frustrating. Chatbots eliminate this back-and-forth. Integrated with scheduling tools, they offer available time slots, confirm appointments, and send reminders without manual effort. + +Automating scheduling helps agents respond faster, book more viewings, and keep their sales pipeline moving. Even when they’re out in the field. + +### Cost Savings and Increased Productivity for Agents + +Behind the scenes, chatbots automate routine tasks like answering [FAQs](./faq-chatbot.mdx), [qualifying leads](./b2b-lead-qualification.mdx), and scheduling tours. This frees agents to focus on high-value work. + +Customer service costs can drop by up to 30% with effective chatbot integration. AI-driven automation is projected to save billions annually in salary expenses. + +The true value lies in reclaiming time. Agents can devote more energy to negotiating deals, building client trust, and enjoying better work-life balance. + +## **Essential Features to Look For in a Chatbot for Real Estate Agents** + +The difference between a chatbot that just answers questions and one that boosts your real estate business lies in its features. These features shape every client interaction, capture leads, and save you time. The right features turn a basic digital assistant into a valuable business partner. + +### MLS and Property Listing Integration + +A potential buyer might visit your website late at night, searching for a three-bedroom home in a specific school district. Instead of a generic form, your chatbot can instantly pull live listings from your MLS feed. It filters by price, location, and pet policies. + +**This Feature Matters Because:** + +- It provides real-time, accurate property information. +- Clients can browse, filter, and request showings anytime, without waiting for office hours. +- Agents deliver immediate value, staying top-of-mind with prospects. + + + Typebot can seamlessly connect to all types of databases and data sources - + from Google Sheets and NoCoDB to any system accessible through automation + platforms like Make or Zapier. This means your property data, client + information, and business workflows can all be integrated into one intelligent + system. + + +### CRM and Calendar Sync Capabilities + +Your chatbot can act as an organized assistant who never forgets a follow-up, double-books a showing, or loses track of a lead. When it syncs with your CRM, every conversation, appointment, and client detail flows smoothly into your workflow. + +For example, a lead chats about a listing, books a tour, and their information automatically logs in your CRM. Both parties receive calendar invites. This eliminates manual entry and missed opportunities. + +**Key benefits include:** + +- Automated lead capture and segmentation +- Easy appointment scheduling and reminders +- Unified client history for personalized follow-up + +### Multilingual and Accessibility Support + +The real estate market serves diverse communities. A chatbot limited to English or desktop users misses many potential clients. The best chatbots offer multilingual support and accessibility features, so every client feels included. + +### Customizable Workflows and Branding + +Every agent and agency has a unique approach. Your chatbot should reflect your style, not force you into a generic script. Customizable workflows let you design conversations that match your sales process. From pre-qualifying buyers to nurturing prospects. + +Think of your chatbot as a tailored suit—the fit, fabric, and details matter. Custom branding makes your digital assistant feel like a true extension of your team, not just another widget. + +### Analytics and Reporting for Performance Tracking + +Typebot Example Analytics Flow Chart + +Improvement starts with measurement. Effective chatbots don’t just interact. They track and report. Analytics dashboards reveal listings. Which attracted the most attention, where leads drop off, and how quickly inquiries turn into appointments. + +The right features in a real estate chatbot go beyond technical specs. They separate a digital gatekeeper from a true business accelerator. Agents gain efficiency with MLS integration, CRM sync, multilingual support, customization, and analytics working together. + + + Eliminate the need for developers—build your bot in minutes. + + +## How to Choose the Best Chatbot for Real Estate Agents: Criteria and Checklist + +Selecting a chatbot for your real estate business is like choosing a new team member. This digital partner will represent your brand, handle sensitive client data, and shape first impressions for many prospects. The stakes are high, and every detail matters. + +Imagine you are an agent in a busy city, juggling multiple leads and answering late-night questions about new listings. You need a chatbot that not only works but also anticipates, adapts, and fits smoothly into your daily workflow. Here’s how experienced agents and brokerages pick the best tools. + +### Evaluating Ease of Use and Setup + +Signing up for a chatbot platform with a confusing dashboard and a complex setup wastes hours before you go live. + +Compare that to a tool like Typebot, which offers a drag-and-drop interface to build conversational flows as easily as sketching a mind map. + +No coding or frustration, just a visual workspace where you can watch your client’s journey unfold. For agents who value their time, this difference can decide whether they adopt or abandon a tool. + +Consider these points: + +- Can you build and launch a basic flow in under an hour? +- Does the platform offer a library of real estate templates, or do you start from scratch? +- How easy is it for non-technical team members to learn? + +### Integration With Real Estate Tools and CRMs + +A chatbot that works alone is like a receptionist who never passes messages along. The best solutions connect your website, CRM, calendar, and listing databases to create a smooth workflow. + +For example, a lead asks about a property at midnight. The chatbot responds, logs the conversation in Follow Up Boss, updates the lead’s status, and schedules a follow-up call. All automatically. This level of integration streamlines operations and saves time. + +Look for these key integrations: + +- Zillow Premier Agent CRM +- Google Calendar and Sheets +- Email marketing tools +- MLS/property listing feeds + +### Scalability and Customization Options + +A small agency with a few listings has different needs than a large brokerage. The right chatbot should grow with you, handle more leads during busy seasons, support new team members. + +Customization goes beyond colors and logos. It means building unique workflows, like a bilingual flow for international buyers or a custom lead-qualification script for luxury properties. Agents who treat their chatbot as a dynamic asset see much better returns than those who set it and forget it. + +Ask yourself: + +- Can you add new flows or languages without extra cost? +- Does the platform support advanced logic, such as conditional routing or custom variables? +- How easy is it to update scripts as your business evolves? + +### Compliance, Security, and Data Privacy + +Trust is crucial in real estate. Clients share financial details, personal preferences, and sometimes family plans. A data breach or compliance issue can damage your reputation instantly. + +The [best chatbot platforms](./best-chatbot-builder.mdx) prioritize compliance with features like encrypted data storage, audit logs, and customizable consent prompts. + +Some offer region-specific data hosting, which is vital for agencies with international clients. Strong privacy practices give agents a real advantage, especially with high-net-worth clients. + +Industry research shows that 91% of occupiers are willing to pay a premium for AI-enhanced spaces. If their data is handled securely. + +## Comparison Table: Top Chatbot Platforms for Real Estate Agents + +Not all chatbots deliver the same results. Some platforms promise a lot, while others quietly perform well. + +The right chatbot acts as a silent partner. It never sleeps, misses a follow-up, or fails to greet prospects with a friendly message, no matter the hour. + +Below is a table that highlights the key differences that matter during a busy day. Each platform reflects a philosophy about how real estate should be done, beyond just a list of features. + +| Platform | Best For | Pros | Cons | Pricing | +| ------------ | ------------------------------ | ----------------------------------------------- | --------------------------- | -------------- | +| Typebot | Custom flows & web widgets | No-code builder, responsive design, easy embeds | Lacks deep CRM integrations | Free + Paid | +| ManyChat | Messenger bots | Strong Meta tools, smart flows | Mostly Messenger-focused | $15–65/mo | +| Tidio | Live chat + AI | Live agent handoff, multichannel | CRM tools are add-ons | Free + Paid | +| Landbot | Web-based bots | Highly visual builder, API options | Slightly complex UI | $30+/mo | +| MobileMonkey | Multi-channel outreach | Omni-channel (SMS, web, Messenger) | Learning curve | $19+/mo | +| Chatfuel | Facebook automation | Quick start templates | Platform limited | $15+/mo | +| Botpress | Developers | Open-source NLP, highly customizable | Needs technical skills | Free | +| Tars | Lead-gen agencies | Prebuilt high-converting flows | No social integrations | $49+/mo | +| Zoho SalesIQ | Zoho CRM users | Tight CRM sync | Limited NLP | Starts $10/mo | +| Drift | Enterprise/B2B | Lead routing, team collaboration | Expensive | Custom Pricing | + +### Pricing Breakdown and ROI Calculator + +Time is money. A chatbot saves hours of manual follow-up each week. + +### Estimated ROI Table + +| Chatbot | Monthly Cost | Hours Saved | Equivalent Labor Cost | Estimated ROI | +|----------------|--------------|-------------|-----------------------|---------------| +| Typebot (Free) | $0 | 15 | $450 | Infinite | +| ManyChat | $25 | 10 | $300 | 12x | +| Tars | $49 | 12 | $360 | 7x | + + +### DIY ROI Formula + +``` +(Monthly hours saved x Hourly rate) / Monthly chatbot cost +``` + +Example: (10 hours x $40) / $25 = 16x ROI + +## **Your Next Move in Real Estate Innovation** + +The evidence is clear. Chatbot for real estate agents represents more than just a technological upgrade. It's a fundamental shift toward client-centric service delivery that operates around the clock. + +28% of real estate businesses already getting the benefit of live chat technology. Also, over 72% of industry decision-makers actively investing in AI solutions. The question isn't whether to adopt chatbot technology. It is about how quickly you can implement it to stay competitive. + +Start building your first chatbot flow today with Typebot. Transform those late-night property inquiries into qualified leads while you sleep. + + + Add pre-built interactive components to your chatbot with ease. + diff --git a/apps/landing-page/content/blog/chatbot-hr-use-cases.mdx b/apps/landing-page/content/blog/chatbot-hr-use-cases.mdx new file mode 100644 index 0000000000..52e81f76e8 --- /dev/null +++ b/apps/landing-page/content/blog/chatbot-hr-use-cases.mdx @@ -0,0 +1,287 @@ +--- +title: "Advanced HR Chatbot Strategies for 2025: Beyond FAQs" +description: "Discover advanced chatbot HR use cases for 2025. Learn how to automate onboarding, feedback, and more to transform your employee experience today." +postedAt: "2025-06-04" +cover: "/blog-assets/chatbot-hr-use-cases/featured-image-chatbot-hr-use-cases.avif" +author: younes +--- +Lots of people prefer using chatbots for their HR needs. However, most organizations are still stuck deploying glorified FAQ machines that answer basic questions. + +The real transformation happens when HR teams move beyond simple Q&A bots to create sophisticated conversational workflows. These can handle complex processes like multi-stage onboarding, conditional leave approvals, and dynamic performance check-ins. + +Companies implementing advanced chatbot hr use cases report higher onboarding completion rates. Not because they automated conversations, but because they redesigned entire employee experiences around intelligent dialogue. + +The difference between a basic chatbot and a strategic HR automation tool lies in understanding that people needs. They want guided experiences that feel personal, contextual, and genuinely helpful. + +## Transform HR Processes With Typebot’s Customizable Chatbot Builder + +Presentation Typebot Save Responses + + +Imagine an HR team where most employee questions get answered instantly. Not by searching static FAQ pages, but through friendly, conversational exchanges, like texting a helpful colleague. Here are what you can do with Typebot. + +### Streamline Recruitment With Automated Pre-Screening + + + +Recruiters spend many hours reviewing unqualified applications. Typebot changes this by offering adaptive, conversational screening. The chatbot customizes questions for each role, such as asking management candidates how they handle team conflicts. It then evaluates responses using smart logic. + +For example, a logistics company can reduce unqualified applicants significantly by using branching questionnaires. These questions automatically disqualify candidates after repeated technical errors. This method saves recruiters time and improves candidate quality. + +### Simplify Onboarding With Interactive Checklists + + + +Onboarding doesn’t have to be a paperwork marathon. Typebot turns the process into an engaging conversation. New hires receive step-by-step checklists through chat, such as prompts to upload identification for payroll setup. The chatbot provides instant feedback to ensure everything is complete. + +This interactive approach makes onboarding faster and less stressful for new employees. + +### Enable 24/7 Employee Self-Service For Policies and PT + + + +Many HR questions come up after hours, leaving employees waiting for answers. Typebot embeds a searchable [knowledge base](./build-ai-chatbot-with-custom-knowledge-base.mdx) into messaging platforms. Employees ask questions in plain language. Like about parental leave and get immediate, accurate responses from integrated documents. + +For complex issues, the chatbot hands off the conversation to a human, providing all necessary context. This reduces back-and-forth emails and speeds up resolutions. Employees get quick answers anytime, improving satisfaction and efficiency. + +### Conduct Pulse Surveys to Measure Engagement + +Employee engagement shouldn’t be checked only once a year. Typebot makes it easy to gather continuous feedback with short [surveys](./chatbot-survey-questions.mdx) triggered by key moments. + +Natural language processing helps detect changes in sentiment early. For example, a tech company spotted a dip in morale among remote teams by analyzing responses to weekly check-ins. Regular pulse surveys help HR address issues before they grow. + +### Integrate with Slack, Google Sheets, and OpenAI + +Typebot’s strength lies in its integrations with tools your team already uses: + +- **Slack/Teams**: Employees request time off directly in chat. +- **Google Sheets**: Survey results update dashboards in real time. +- **OpenAI**: The chatbot summarizes lengthy policy documents on demand. + +This approach doesn’t replace HR professionals. Instead, it frees them to focus on strategic initiatives by automating repetitive tasks. Teams that adopt these tools thoughtfully will gain a competitive edge. + +Use Typebot's conversational forms to simplify data collection and boost engagement. + +## Automate Candidate Screening and Interview Scheduling + +The hiring process often involves sorting through many unqualified applications, managing scheduling conflicts, and handling repetitive administrative tasks. Modern HR chatbots act as smart filters that simplify these steps while keeping a personal touch where it matters most. + +### Pre-qualify Applicants with Dynamic Forms + +Traditional job applications are outdated. Typebot’s adaptive screening uses forms that change in real time based on candidate answers. For example: + +- If a marketing applicant confirms design experience, the chatbot asks for a portfolio link. +- For engineering roles, it moves directly to technical questions. + +This method mirrors Unilever’s approach. Only a small percentage of applicants reach recruiters, yet candidate satisfaction has improved significantly. [Dynamic forms](./html-form-generator.mdx) help focus on relevant skills and reduce unnecessary steps for candidates. + +### Sync Calendars For Interview Booking + +Recruiters spend hours for weeks coordinating interview times. Chatbots fix this by connecting directly to calendars like Google or Outlook, showing real-time availability. + +When Airbus adopted this system, most interviews were scheduled outside regular hours, making it easier for global candidates. **This integration saves time and reduces scheduling conflicts.** + +### Typebot Implementation Tip: Conditional Logic for Role-Specific Questions + +Avoid generic screening by creating tailored paths, such as: + +- Asking sales candidates to submit a short voice pitch +- Having developers complete coding challenges in real time +- Requesting managers to explain how they would handle team conflicts + +This strategy, inspired by leading AI-driven platforms, improves hire quality by focusing on contextual fit rather than just keywords. Conditional logic ensures candidates face relevant questions that reveal their true capabilities. + +Automating early hiring stages actually makes the process feel more personal. Candidates receive timely updates instead of generic rejections. + +HR professionals can focus on building relationships and delivering a better candidate experience. This approach empowers recruiters to concentrate on what they do best. + + +Curious how to integrate these tools into your own hiring workflows? Check out this guide on how to [add a chatbot to WordPress](./add-chatbot-to-wordpress.mdx) and start optimizing your candidate experience. + + +## The Silent HR Partner That Never Sleeps + +HR teams spend nearly a third of their time answering repetitive questions about parental leave, tax forms, or retirement plans. These routine inquiries delay responses and burden HR staff with administrative tasks. + +An always-on digital assistant solves this problem. Unlike human teams limited by office hours and time zones, AI-powered chatbots operate 24/7. + +They handle most routine questions [without human help](./livechat-vs-chatbot.mdx). For example, Airbus’s Bessie chatbot manages thousands of queries monthly, with many coming after hours. This means employees get instant support, and HR teams focus on strategic work. + +### Centralizing The Chaos + +Johnson & Johnson’s chatbot goes beyond repeating policy details. It guides employees through tailored scenarios, such as comparing plans based on family size and salary. This personalized help led to a significant drop in HR support tickets related to benefits. + +Typebot adds smart, dynamic logic to this process. When someone asks about their PTO balance, the chatbot can: + +- Access real-time data from HR systems +- Calculate accruals based on tenure +- Show a visual calendar of available days +- Start a leave request + +All these steps happen in one smooth conversation. + +### From Reactive To Predictive + +Advanced systems like EY’s payroll chatbot anticipate employees’ next questions. For example, a query about paycheck deductions triggers the bot to provide related tax forms. Also, deadlines, and links to update withholdings. This reduces follow-up questions. + +Typebot’s branching logic supports these proactive conversations by learning from real employee interactions. + +The key metric is how many questions get resolved without human help. Master of Code Global’s Slack chatbot handles most HR inquiries independently while logging unresolved cases for human follow-up. This approach maintains efficiency without losing the personal touch for complex issues. + +### The Empathy Algorithm + +Some worry chatbots lack genuine empathy, but thoughtful design changes that. When an employee faces a family emergency, Typebot can: + +- Respond with understanding ("This sounds difficult—I’m here to help") +- Share relevant policy information immediately +- Offer a private way to connect with counselors +- Set reminders for HR to follow up + +This mix of automation and emotional intelligence improves satisfaction, especially for sensitive topics. Companies using emotionally aware chatbots report better feedback compared to basic [FAQ bots](./faq-chatbot.mdx). + +Looking ahead, chatbots gain power by learning from every conversation. They spot patterns like repeated benefits questions revealing unclear policies or frequent IT requests highlighting onboarding gaps. + +These insights help HR teams shift from just answering questions to actively improving the employee experience. + +## **Performance Review Scheduler Chatbot – How To Create It With Typebot** + +Performance reviews are essential for employee development, but coordinating them is time-consuming for HR teams. This simple Typebot chatbot automates the process of: + +- Collecting availability from employees + +- Logging performance review appointments into a spreadsheet + +- Reducing the need for back-and-forth emails + +By using this chatbot, HR teams save time, avoid missed deadlines, and ensure consistency in the performance management cycle. [Without needing any technical team](./how-to-create-chatbot-for-beginners.mdx). Let us show this with an example scenario. + +### **Step-by-Step Breakdown of the Chatbot Flow** + +This bot is collects the employee’s name, preferred date and time for the performance review. After that, it logs that data into a spreadsheet automatically. + +#### **Step 1: Welcome Message** + +- Drag a Text block from Bubbles block. + +Bubbles Content Options Menu + + +- Let's write a text like: Welcome. I’m your Performance & Feedback Assistant. I’ll help you schedule your review, complete your self-evaluation, and send feedback to HR. Shall we begin? + +Performance Feedback Assistant Message + + +- Add Buttons from Input block: + +“Yes, let’s start!” → continues the flow + +“No, thank you.” → ends the flow or shows an exit message + +Chatbot Interface Design 2023 + + +#### **Step 2: Ask for Employee Name** + +- Drag a Text Input. +- Write to placeholder: Please type your name. + +Form Input Settings Name + + +- Fill save the answer in a variable bar. Let's label it as `name`. Click Create. + +#### **Step 3: Let Employee Choose Date and Time** + +- After these drag Date Input and Time Input + +- Add a Text block on top of it. Let's write a text like: "When would you prefer to meet with your manager for your performance review? + +- Do not forget save the answers as variables. You write "date", and "time". + +- Also, you can change the date and time formats from these menus. + + Date Input Configuration Panel + + +Time Input Form + + +### **Step 4: Confirmation and Sheet Integration** + +- Drag a Text block again. Type: Thank you! Your appointment has been set. +- Embed a **Sheet** block from **Integrations** block. + +Integrations Sheets Analytics Email Zapier + + +- Do not forget to select your account and sheet. Also, you have to create columns as date time and name. All the collected data will be shown on here. + +Spreadsheet Name Date Time + + +- Select Insert row. +- Add the values. + +Form With Name Date Time + + +You are all set! This is the final form of the flow: + +Workflow Diagram User Interface + + +### **How to Use This Flow** + +- Embed it in your company’s HR portal + +- Share it via Slack or email + +- Collect responses in a shared Google Sheet for easy scheduling + +- Clone and modify the flow for: + + - Probation reviews + + - 360 feedback intake + + - Goal alignment meetings + +## Measuring Chatbot Impact + +As HR chatbots become more sophisticated, so does the ability to measure their impact. + +Modern platforms like Typebot offer built-in analytics dashboards that track key performance indicators (KPIs). Such as average response time, resolution rates, and employee satisfaction scores after each interaction. + +Typebot analyze these metrics. HR leaders can identify which workflows are most effective and where employees still encounter complications. + +For example, analytics reveal that 80% of PTO requests are handled without human intervention. It’s a signal to improve the benefits knowledge base or the chatbot’s training in that area. + +Over time, this data-driven approach ensures continuous improvement and maximizes the return on investment. + + +Regularly export chatbot conversation logs (anonymized for privacy) and review them with your HR team. Look for recurring questions, points of confusion, or feedback about the chatbot’s tone. This iterative process helps you fine-tune both the content and the experience. + + +## Safeguarding Sensitive HR Data + +With chatbots handling personal employee information, data privacy and compliance become paramount. Leading HR chatbot examples are designed with enterprise-grade security in mind. Offers end-to-end encryption, secure authentication, and compliance with regulations such as GDPR and HIPAA. + +When deploying a chatbot, ensure it only accesses necessary data. All integrations with HRIS or payroll systems use secure APIs. Set clear permissions for who can view or export data. Provide employees with transparency about how their information is used and stored. + + +Include a brief privacy notice in your chatbot’s introduction. This reassures users that their data is confidential and outlining how it will be used. With that, you can build trust and encourage higher adoption rates. + + +## Final Words + +Looking ahead, the next wave of HR chatbots will be defined by three major trends. Deeper AI integration, greater empathy, and a shift toward strategic partnership. + +With advancements in NLP and [generative AI](./ai-open-source-tools.mdx), chatbots will be able to handle even more complex conversations. Plus, they will resolve complex issues, and provide context-aware recommendations. + +Empathy will remain a core differentiator. Chatbots that can recognize emotional cues, respond with appropriate sensitivity. Also, these bots escalate when needed will drive higher satisfaction and trust. + +Meanwhile, as chatbots take on more routine tasks, HR professionals are freed to focus on strategic initiative. Such as talent development, culture building, and organizational transformation. + +The most successful HR teams in 2025 will be those that view chatbots not as a replacement for human connection. But, as a powerful tool for amplifying it. + +Create fully customizable chatbots without writing a single line of code. \ No newline at end of file diff --git a/apps/landing-page/content/blog/faq-chatbot.mdx b/apps/landing-page/content/blog/faq-chatbot.mdx index 130a54b2a6..590657c0c2 100644 --- a/apps/landing-page/content/blog/faq-chatbot.mdx +++ b/apps/landing-page/content/blog/faq-chatbot.mdx @@ -248,7 +248,7 @@ Follow these steps, and you'll have a powerful FAQ chatbot that combines Typebot -A multinational corporation deployed an internal FAQ chatbot to assist with HR-related queries. **The chatbot instantly answers questions about policies, benefits, and procedures.** HR teams loved it too—they saw a 40% drop in routine questions, giving them more time for big-picture tasks. Employees loved having 24/7 access to info, which boosted workplace satisfaction. +A multinational corporation deployed an internal FAQ chatbot to assist with HR-related queries. **The chatbot instantly answers questions about policies, benefits, and procedures.** [HR teams loved it](./chatbot-hr-use-cases.mdx) too—they saw a 40% drop in routine questions, giving them more time for big-picture tasks. Employees loved having 24/7 access to info, which boosted workplace satisfaction. ### Industry-Specific FAQ Chatbot Examples diff --git a/apps/landing-page/content/blog/feedback-chatbot.mdx b/apps/landing-page/content/blog/feedback-chatbot.mdx index 97789a32d8..d58fc48ad6 100644 --- a/apps/landing-page/content/blog/feedback-chatbot.mdx +++ b/apps/landing-page/content/blog/feedback-chatbot.mdx @@ -47,7 +47,7 @@ Here are some common use cases: - Post-purchase surveys: [E-commerce](./ecommerce-chatbot.mdx) businesses gather feedback on the shopping experience and product satisfaction. - Event feedback: Organizers collect attendee opinions during or after conferences, webinars, or workshops. -- Employee satisfaction surveys: HR departments check in on employee morale and workplace satisfaction. +- [Employee satisfaction surveys](./chatbot-hr-use-cases.mdx): HR departments check in on employee morale and workplace satisfaction. - Product development: Companies gather user opinions on new features or products in development. - Customer service improvement: Businesses assess satisfaction and identify areas for improvement after interactions. diff --git a/apps/landing-page/content/blog/flowise-alternatives.mdx b/apps/landing-page/content/blog/flowise-alternatives.mdx index 2765fdce75..80700cd81a 100644 --- a/apps/landing-page/content/blog/flowise-alternatives.mdx +++ b/apps/landing-page/content/blog/flowise-alternatives.mdx @@ -353,7 +353,7 @@ A product manager at a Fortune 500 company shared, "**Voiceflow's enterprise fea #### Botpress (Enterprise Edition) -Botpress works for smaller teams too, but it really shines in enterprise settings: +[Botpress](./botpress-alternative.mdx) works for smaller teams too, but it really shines in enterprise settings: - **Scalability to handle millions of records and complex workflows** - Advanced AI-powered automation features diff --git a/apps/landing-page/content/blog/how-to-create-a-product-recommendation-quiz-shopify.mdx b/apps/landing-page/content/blog/how-to-create-a-product-recommendation-quiz-shopify.mdx index 2d6828e163..48d4a9d15a 100644 --- a/apps/landing-page/content/blog/how-to-create-a-product-recommendation-quiz-shopify.mdx +++ b/apps/landing-page/content/blog/how-to-create-a-product-recommendation-quiz-shopify.mdx @@ -163,6 +163,11 @@ Consider a small outdoor gear shop using Typebot to collect quiz data and sync i **Integrating your quiz with other tools helps you act on customer insights quickly and efficiently.** + +Want to see how this quiz strategy works in practice? Check out our comprehensive guide on [choosing the best Shopify chatbot](./best-shopify-chatbot.mdx) to see Typebot in action with real merchant examples and advanced implementation strategies. + + + ### The subtle art of seamless integration Integration is more than pasting code and connecting APIs. The real value lies in creating a smooth, almost invisible experience for your customers. diff --git a/apps/landing-page/content/blog/how-to-create-chatbot-for-beginners.mdx b/apps/landing-page/content/blog/how-to-create-chatbot-for-beginners.mdx index 7c96bc1f47..435a0ec3e9 100644 --- a/apps/landing-page/content/blog/how-to-create-chatbot-for-beginners.mdx +++ b/apps/landing-page/content/blog/how-to-create-chatbot-for-beginners.mdx @@ -193,11 +193,11 @@ Here’s how to build a basic pricing calculator, such as for website design ser - **The calculation engine**. Here some basic javascript is needed. Use Typebot’s "Set variable" block to handle calculations: - - Create a variable (e.g., `base_price`) and set its value based on `site_type`. For example: `\{\{site_type\}\} === 'Basic Website (5 pages) - $2,000' ? 2000 : (\{\{site_type\}\} === 'E-commerce Store - $8,000' ? 8000 : 4000)`. Enable "Execute as code." + - Create a variable (e.g., `base_price`) and set its value based on `site_type`. For example: `{{site_type}} === 'Basic Website (5 pages) - $2,000' ? 2000 : ({{site_type}} === 'E-commerce Store - $8,000' ? 8000 : 4000)`. Enable "Execute as code." - Do the same for `extras_price` based on `extra_features`. - - Add a `total_price` variable by combining `\{\{base_price\}\} + \{\{extras_price\}\}` (also as code). + - Add a `total_price` variable by combining `{{base_price}} + {{extras_price}}` (also as code). -Botpress is a robust platform for creating AI-powered chatbots. It balances no-code +[Botpress](./botpress-alternative.mdx) is a robust platform for creating AI-powered chatbots. It balances no-code options with advanced customization capabilities. **Key benefits** of Botpress include: diff --git a/apps/landing-page/content/blog/real-estate-ai-chatbot.mdx b/apps/landing-page/content/blog/real-estate-ai-chatbot.mdx index 112d0f1f9a..0316c8f159 100644 --- a/apps/landing-page/content/blog/real-estate-ai-chatbot.mdx +++ b/apps/landing-page/content/blog/real-estate-ai-chatbot.mdx @@ -117,7 +117,7 @@ To implement this, you can train your chatbot with your own data by following th ### Rental Management -AI chatbots can transform how real estate agencies handle rental properties. With Typebot, you can streamline communication with tenants and automate routine tasks. Tenants can report maintenance issues, inquire about their lease agreements, or make rent payments through the chatbot. +AI chatbots can transform [how real estate agencies handle rental properties](./chatbot-for-real-estate-agents.mdx). With Typebot, you can streamline communication with tenants and automate routine tasks. Tenants can report maintenance issues, inquire about their lease agreements, or make rent payments through the chatbot. The chatbot **could log maintenance requests, assigns them to the appropriate team member, and updates the tenant on progress**. diff --git a/apps/landing-page/content/blog/upsell-using-ai-chatbot.mdx b/apps/landing-page/content/blog/upsell-using-ai-chatbot.mdx index 20c6b6b99f..aecde9a046 100644 --- a/apps/landing-page/content/blog/upsell-using-ai-chatbot.mdx +++ b/apps/landing-page/content/blog/upsell-using-ai-chatbot.mdx @@ -214,6 +214,11 @@ The customer is viewing the product: {{Current Product}}. Please provide a frien This tells your AI assistant which product the customer is viewing and gives it a starting point for the conversation. + +Looking for more chatbot options? Check out our comprehensive guide to [the best Shopify chatbots](./best-shopify-chatbot.mdx) to find the perfect AI solution for your store. + + + ## Customizing the Chatbot's Appearance Alright, fashionistas of the digital world, it's time to give your AI chatbot a makeover that would make even the most stylish influencers jealous. We're talking about dressing your bot in your brand's finest threads. Let's dive into the world of pixels and palettes! diff --git a/apps/landing-page/content/blog/webflow-free-templates.mdx b/apps/landing-page/content/blog/webflow-free-templates.mdx index 10c11e1cdb..e16b70d9e7 100644 --- a/apps/landing-page/content/blog/webflow-free-templates.mdx +++ b/apps/landing-page/content/blog/webflow-free-templates.mdx @@ -334,7 +334,7 @@ This template excels in its gallery features, allowing interior designers to dis height={501} /> The [Corner template](https://webflow.com/made-in-webflow/website/corner-template) -offers a sleek, modern design perfect for real estate agencies. **Its clean layout +offers a sleek, modern design perfect for [real estate agencies](./chatbot-for-real-estate-agents.mdx). **Its clean layout and emphasis on visual content make it ideal for showcasing property listings and neighborhood information**. diff --git a/apps/landing-page/content/blog/whatsapp-api-use-cases.mdx b/apps/landing-page/content/blog/whatsapp-api-use-cases.mdx index d7b1b5459b..6589d62f29 100644 --- a/apps/landing-page/content/blog/whatsapp-api-use-cases.mdx +++ b/apps/landing-page/content/blog/whatsapp-api-use-cases.mdx @@ -324,7 +324,7 @@ Interested in automating conversations and improving customer support? Learn mor chat with typebot support -Want to try WhatsApp automation for your business? Typebot makes it easy to create WhatsApp chatbots without coding. Here's how to use WhatsApp Business API with Typebot: +Want to try [WhatsApp automation](./whatsapp-business-automated-messages.mdx) for your business? Typebot makes it easy to create WhatsApp chatbots without coding. Here's how to use WhatsApp Business API with Typebot: 1. **Create a Typebot account** 2. Design your conversation flow using the drag-and-drop editor diff --git a/apps/landing-page/content/blog/whatsapp-business-automated-messages.mdx b/apps/landing-page/content/blog/whatsapp-business-automated-messages.mdx new file mode 100644 index 0000000000..7bf7ae28b1 --- /dev/null +++ b/apps/landing-page/content/blog/whatsapp-business-automated-messages.mdx @@ -0,0 +1,576 @@ +--- +title: "WhatsApp Business automated messages: Complete setup guide" +description: "Boost sales and efficiency with WhatsApp Business automated messages. Learn how to set up, optimize, and scale automation for your business success." +postedAt: "2025-06-18" +cover: "/blog-assets/whatsapp-business-automated-messages/featured-image-whatsapp-business-automated-messages.avif" +author: younes +--- + +WhatsApp has become the world's most popular messaging app with over 2.7 billion users, making it a goldmine for business communications. With **98% message open rates** and **45-60% response rates**, automated WhatsApp messaging can transform how you connect with your customers. + +## What Are WhatsApp Business Automated Messages? + +WhatsApp Business automated messages are pre-programmed responses that send automatically based on triggers, such as new contacts, time schedules, or customer actions. + +These include greeting messages, away messages, quick replies, and [advanced chatbot](./whatsapp-chatbot-use-cases.mdx) sequences that can handle everything from order confirmations to customer support. + +**There are two primary types:** + +- **Basic automation** through the free WhatsApp Business App (greeting messages, away messages, quick replies). You type `/`and you get messages you saved as templates. +- **Advanced automation** via [WhatsApp Business API](./whatsapp-api-use-cases.mdx) (full chatbots, triggered workflows, template messaging) + +The key difference: Business App automation requires manual sending of quick replies, while API automation enables true hands-off messaging at scale. + +## Benefits: Why Automate WhatsApp Messages? + +### Speed and efficiency transformation + +Automated messages respond instantly, even outside business hours. Customers get immediate acknowledgment instead of waiting hours for human responses. This **reduces response time from hours to seconds**, dramatically improving customer satisfaction. + +### 24/7 service availability + +Your business never sleeps with automation. Customers can get information, place orders, and receive support anytime. Studies show **70% of customers expect responses within an hour** – automation makes this achievable without staffing costs. + +### Conversion rate improvements + +Businesses using WhatsApp automation see **20-60% higher conversion rates** compared to email marketing. The personal nature of messaging combined with instant delivery creates powerful engagement that drives sales. + +### Operational cost savings + +Automation handles **70-80% of routine inquiries** without human intervention. Companies typically see a **30-50% reduction in customer service costs** while maintaining higher satisfaction levels. + +## Automation Options: Business App vs API vs Third-Party Tools + +### WhatsApp Business App (Free) + +Whatsapp Business App Screens + +Best for small businesses with basic needs that don't heavily rely on WhatsApp for their daily operations + +**Capabilities:** + +- Greeting messages for new contacts +- Away messages during off-hours +- Quick replies (up to 50 saved responses) +- Basic business profile automation + +**Limitations:** + +- Single device operation only +- Manual sending is required for quick replies +- No true chatbot capabilities +- Maximum 256 contacts per broadcast + +### WhatsApp Business API + +Best for large businesses needing advanced features. Here are its main capabilities: + +- Unlimited automated messaging +- Advanced chatbot workflows +- Template messaging with approval +- CRM integration and team access +- Real-time analytics + +**Limitations:** + +- Requires WhatsApp Business API access, which involves setup, verification, and may include messaging fees +- Template messages must be pre-approved by WhatsApp, creating possible delays and requiring compliance with strict guidelines +- Integration setup can be complex for non-technical users +- Third-party platforms may have monthly chat, conversation, or contact limits on free or lower-cost tiers +- Data privacy depends on each provider’s security practices; careful vendor selection is important + +### Third-Party Tools: Typebot and Alternatives + +Best for small businesses and solo entrepreneurs who usually rely on WhatsApp for their business needs and want simple automation and messaging without complex setup. + +**Typebot** stands out as the most cost-effective solution: + +- **Open-source platform** with full transparency +- **Visual drag-and-drop builder** with 34+ building blocks +- **Free plan:** 200 chats/month with unlimited bots +- **5-minute setup** from signup to functional bot +- **AI integration** with OpenAI, Google, and other providers + +**Other popular options:** + +- [**ManyChat**](./manychat-alternatives.mdx)**:** Multi-channel automation starting at $15/month +- **Chatfuel:** AI-powered with ChatGPT integration at $19.99/month +- **Wati:** WhatsApp-focused BSP with no-code builder + +## Setting Up Typebot with WhatsApp + +Flow Chart Contact Name + +Typebot offers the best of both worlds – advanced automation without the API complexity. It's open-source, costs less than most alternatives, and you can set it up in about 15 minutes. + +### Why Typebot makes sense + +The free plan gives you 200 chats per month with unlimited bots. The drag-and-drop builder has 45+ building blocks for creating conversations. You can connect it to AI tools like ChatGPT, and it works with WhatsApp Business API without the usual headaches. + +### Creating your first chatbot + +Typebot Setup Whatsapp + +Sign up at [typebot.io](https://typebot.io) and start with their visual builder. Think of it like building with digital Lego blocks. Add text bubbles for messages, buttons for choices, input fields for collecting information, and conditional logic for smart responses. + +Start simple with a basic customer service bot. Create a welcome message, add buttons for common questions like "Hours," "Pricing," and "Contact," then build response flows for each option. You can test everything in real-time as you build. + +### Connecting to WhatsApp + +This is where it gets a bit technical, but Typebot guides you through it. You'll need to create a Meta app first by going to [developers.facebook.com/apps](https://developers.facebook.com/apps) and creating a new app. Choose "Business" as the app type and add the WhatsApp product. + +Once your Meta app is ready, Typebot gives you a webhook URL and verification token. Copy these into your WhatsApp Developer Console. The platform walks you through each step, so you're not guessing what to do next. + +After connecting, you can test your bot by sending a message to your WhatsApp Business number. If everything's working, your bot should respond according to the flow you built. + +### Making it smarter + +Typebot lets you connect external services through webhooks. You can link it to your CRM to update customer records, connect to payment systems for transactions, or integrate with Google Sheets to store responses. The possibilities expand as your needs grow. + + + Reach your audience where they are. Integrate Typebot with WhatsApp for + seamless, personalized communication. + + +## + +## How to Set Up Automated Messages in the WhatsApp Business App + +### Step 1: Download and install + +**For mobile:** + +1. Download WhatsApp Business from the Google Play Store (Android) or the App Store (iOS) +2. Ensure you have a dedicated business phone number (cannot use a personal WhatsApp number) + +**For desktop:** + +1. Install WhatsApp Business on your mobile first +2. Complete your profile +3. Visit [web.whatsapp.com](http://web.whatsapp.com) or download WhatsApp Desktop +4. Open the WhatsApp Business mobile app +5. Go to Settings > Linked Devices > Link a Device +6. Scan the QR code displayed on the computer + +### Step 2: Complete business profile setup + +1. Open WhatsApp Business and accept the Terms of Service + +2. Verify your business phone number via SMS + + Whatsapp Business Phone Number Screen + +3. Enter business name (use official company name) + +4. Select an appropriate business category + + Whatsapp Business Profile Edit Screen Keyboard + +5. Add profile picture (business logo recommended) + +6. Write a compelling business description (256 character limit) + +7. Add business address, email, website, and operating hours + +### Step 3: Configure automated messages + +**Greeting messages:** + +1. Navigate to Settings > Business Tools > Greeting Message +2. Toggle "Send greeting message" ON +3. Choose when to send (new contacts or after inactivity) +4. Customize your welcome message +5. Save and test + +**Away messages:** + +1. Go to Settings > Business Tools > Away Message +2. Toggle "Send away message" ON +3. Set your business hours schedule +4. Create a message explaining when customers can expect responses +5. Save configuration + +**Quick replies:** + +1. Access Settings > Business Tools > Quick Replies + + Whatsapp Business Tools Quick Replies Screen + +2. Tap "+" to create new quick reply + + Whatsapp Business Quick Replies Add Button + +3. Add shortcut keyword (example: "hours") + +4. Write your response message + + new quick reply screen + +5. Test by typing "/" in any conversation + + whatsapp message keyboard open + + + For businesses seeking more sophisticated automation capabilities, consider + implementing an [AI-powered WhatsApp agent](./whatsapp-ai-agent.mdx) that can + handle complex customer conversations and provide intelligent responses beyond + basic templates. + + +## How to Set Up Automation with WhatsApp Business API + +### Prerequisites and setup + +**Required elements:** + +- Verified Facebook Business Manager account +- Dedicated phone number not used for personal WhatsApp +- Business verification documents +- Official business website + +### Step-by-step API implementation + +**Phase 1: Account setup (1-2 days)** + +1. Create a Facebook Business Manager account +2. Complete business verification with legal documents +3. Set up WhatsApp Business Account (WABA) +4. Register your dedicated phone number +5. Create a comprehensive business profile + +**Phase 2: BSP selection and integration (2-5 days)** + +1. Choose an approved Business Solution Provider (Twilio, Wati, 360dialog) +2. Provide API credentials and access permissions +3. Configure the messaging platform interface +4. Set up team access and user permissions +5. Test basic connectivity + +**Phase 3: Template creation and approval (3-7 days)** + +1. Create message templates following WhatsApp guidelines +2. Submit for approval through the BSP platform +3. Configure automated workflows and triggers +4. Set up chatbot conversation flows +5. Integrate with existing business systems + +## 10 Plug-and-Play Automated Message Templates + +### Welcome message + +``` +Hello {{1}}! 👋 + +Welcome to {{2}}! We're excited to have you with us. + +If you have any questions, just reply to this message. Our team is here to help! + +Thank you for choosing us! ✨ +``` + +### Order confirmation + +``` +Hi {{1}}, + +Your order #{{2}} has been confirmed! 🛍️ + +Order Details: {{3}} +Total: {{4}} +Expected Delivery: {{5}} + +We'll notify you when it ships. Thanks for shopping with us! +``` + +### Shipping notification + +``` +Great news {{1}}! 📦 + +Your order #{{2}} is on its way! + +Tracking: {{3}} +Delivery: {{4}} + +Track your package: {{5}} +``` + +### Appointment confirmation + +``` +Hi {{1}}, + +Your appointment is confirmed! ✅ + +Date: {{2}} +Time: {{3}} +Location: {{4}} + +Need to reschedule? Just reply to this message. +``` + +### Payment reminder + +``` +Hi {{1}}, + +Friendly reminder: Your payment of {{2}} for invoice #{{3}} is due on {{4}}. + +Pay securely here: {{5}} + +Questions? Reply to this message! 💳 +``` + +### Abandoned cart recovery + +``` +Hi {{1}}, + +You left something special in your cart! 🛒 + +{{2}} is waiting for you. + +Complete your purchase now and get FREE shipping! + +Shop now: {{3}} + +Offer expires in 24 hours! ⏰ +``` + +### Support acknowledgment + +``` +Hi {{1}}! + +Thanks for contacting {{2}}. We've received your message and will respond within {{3}} hours. + +For urgent matters: {{4}} + +We appreciate your patience! 🙏 +``` + +### Promotional offer + +``` +🔥 EXCLUSIVE OFFER ALERT! 🔥 + +{{1}}, this is just for you! + +Get {{2}}% OFF {{3}} +Valid until: {{4}} + +Shop now: {{5}} + +Don't miss out! ⏰ +``` + +### Feedback request + +``` +Hi {{1}}, + +How was your experience with {{2}}? + +Rate us: +⭐⭐⭐⭐⭐ Excellent +⭐⭐⭐⭐ Good +⭐⭐⭐ Average +⭐⭐ Poor +⭐ Very Poor + +Your feedback helps us improve! +``` + +### Appointment reminder + +``` +Hi {{1}}, + +Reminder: You have an appointment tomorrow. + +Date: {{2}} +Time: {{3}} +Address: {{4}} + +Reply CONFIRM to confirm or RESCHEDULE to change. + +See you soon! 📅 +``` + + + Personalize message templates with your brand voice and specific customer + details to maximize engagement and avoid sounding generic. + + +## Advanced Workflows & Use Cases + +### E-commerce automation sequences + +**Cart abandonment workflow:** + +1. The customer adds items but doesn't complete the purchase +2. Wait 1 hour, send a gentle reminder with product details +3. Wait 24 hours, and offer a 10% discount +4. Wait 48 hours, create urgency with a limited-time offer + +### Customer service automation + +**Intelligent routing system:** + +1. Customer message triggers keyword detection +2. AI categorizes inquiry type (billing, technical, sales) +3. Routes to the appropriate department or chatbot flow +4. Escalates to a human agent when needed +5. Tracks resolution and satisfaction + +### Lead nurturing campaigns + +**Multi-touch sequences:** + +Week 1: Educational content about your industry + +Week 2: Customer success stories and testimonials + +Week 3: Product demonstrations or free trials + +Week 4: Personalized consultation offers + +Week 5: Limited-time promotional offers + +## Best Practices & Common Pitfalls to Avoid + +### Essential best practices + +When optimizing your content for WhatsApp Business messages, focus on keeping your messages concise while still delivering genuine value to your audience. + +To further improve your outreach, consider the following best practices: + +- Move beyond basic personalization; customize content based on recipients' specific preferences or behaviors, not just their first name. +- Always provide clear next steps or calls to action, ensuring recipients know exactly how to proceed. +- Test your automated message sequences thoroughly for clarity, intent, and engagement results before rolling them out. +- Maintain a consistent brand voice throughout every interaction to foster trust and recognition. + +Applying these recommendations will help your WhatsApp Business messages perform more effectively and engage your users. + +Timing also plays a key role in message effectiveness. Aim to send your communications during standard business hours, typically between 8 AM and 9 PM in your recipient’s local time. + + + Want to take your WhatsApp automation to the next level? Learn [how to create + a chatbot for beginners](./how-to-create-chatbot-for-beginners.mdx) to handle + more complex customer interactions and provide 24/7 support. + + +## Measuring Success: Key Metrics & Optimization Tips + +### Essential KPIs to track + +**Engagement metrics:** + +- **Open rate:** Target 95-98% (WhatsApp average) +- **Response rate:** Aim for 45-60% +- **Click-through rate:** 20-35% for good campaigns +- **Conversion rate:** 5-15% depending on industry + +**Quality indicators:** + +- **Customer satisfaction score:** 4.5+/5.0 target +- **Opt-out rate:** Keep below 2% +- **Block/spam rate:** Maintain under 1% +- **Template approval rate:** 95%+ goal + +**Business impact:** + +- **Revenue per message:** Track direct attribution +- **Customer acquisition cost:** 30-80% reduction possible +- **Return on investment:** Target 4:1 minimum ROAS +- **Customer lifetime value:** 25-40% increase achievable + +### Optimization strategies + +**A/B testing framework:** + +- Test one variable at a time (timing, content, CTA buttons) +- Run tests for a minimum of 1-2 weeks +- Ensure statistical significance (95% confidence) +- Document learnings for future campaigns + +**Performance monitoring:** + +- Weekly review of key metrics +- Monthly analysis of customer feedback +- Quarterly strategy adjustments +- Annual platform and tool evaluations + +## Conclusion & Next Steps + +WhatsApp Business automation represents a massive opportunity to transform customer engagement. With **98% open rates** and the ability to handle **70-80% of routine inquiries automatically**, it's one of the highest-performing marketing channels available. + +**For small businesses:** Begin with the WhatsApp Business App plus Typebot's free plan for enhanced capabilities. + +**For growing companies:** Invest in the WhatsApp Business API through a reputable BSP for scalable automation. + +**For enterprises:** Consider comprehensive solutions like Respond.io or custom API integrations. + +The businesses that embrace WhatsApp automation now, while following best practices and compliance requirements, will gain significant competitive advantages in customer engagement, operational efficiency, and revenue growth. Start with one automated message type, prove its value, then expand your automation strategy systematically. + +The future of customer communication is conversational, immediate, and personal. WhatsApp Business automation is your gateway to this transformation. + + + Reach your audience where they are. Integrate Typebot with WhatsApp for + seamless, personalized communication. + + +## FAQs + +**Can WhatsApp Business send automated messages?** Yes, but it depends on your setup. The free WhatsApp Business App offers basic automation (greeting messages, away messages), while the WhatsApp Business API enables advanced automation with chatbots and triggered workflows. + +**How can I automate WhatsApp Business messages for free?** Use the WhatsApp Business App for basic automation or Typebot's free plan (200 chats/month). Set up greeting messages, away messages, and quick replies without cost. For advanced features, consider free trials from BSPs. + +**How to set up automatic replies on WhatsApp Business?** In WhatsApp Business App: Go to Settings > Business Tools > Greeting Message or Away Message, toggle ON, customize your message, and save. For API automation, work with a BSP to create template messages and workflows. + +**Can I schedule messages on WhatsApp Business?** The WhatsApp Business App doesn't support message scheduling. You need WhatsApp Business API through a BSP or third-party tools like Typebot to schedule messages and create time-based automated sequences. diff --git a/apps/landing-page/content/blog/whatsapp-business-benefits.mdx b/apps/landing-page/content/blog/whatsapp-business-benefits.mdx index ae91a47333..4683fea6b6 100644 --- a/apps/landing-page/content/blog/whatsapp-business-benefits.mdx +++ b/apps/landing-page/content/blog/whatsapp-business-benefits.mdx @@ -57,7 +57,7 @@ This multimedia approach lets you craft rich, engaging messages that capture att height={683} /> -WhatsApp Business improves communication with quick replies and automated messaging. Create shortcuts for frequently sent messages to respond to common inquiries in seconds. Set up automated greetings to welcome new customers and away messages to manage expectations when you're unavailable. These features reduce response times and ensure consistent communication, even during peak hours or off-hours. +WhatsApp Business improves communication with quick replies and [automated messaging](./whatsapp-business-automated-messages.mdx). Create shortcuts for frequently sent messages to respond to common inquiries in seconds. Set up automated greetings to welcome new customers and away messages to manage expectations when you're unavailable. These features reduce response times and ensure consistent communication, even during peak hours or off-hours. ### Integration with other platforms diff --git a/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/appointment-form-builder-interface.avif b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/appointment-form-builder-interface.avif new file mode 100644 index 0000000000..8e1110efb1 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/appointment-form-builder-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/contact-form-editing-interface.avif b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/contact-form-editing-interface.avif new file mode 100644 index 0000000000..3d2ea03f31 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/contact-form-editing-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/cover.avif b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/cover.avif new file mode 100644 index 0000000000..877194f9f6 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/cover.avif differ diff --git a/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/form-builder-interface-screenshot.avif b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/form-builder-interface-screenshot.avif new file mode 100644 index 0000000000..d71e98b194 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/form-builder-interface-screenshot.avif differ diff --git a/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/form-builder-interface.avif b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/form-builder-interface.avif new file mode 100644 index 0000000000..bda96eb139 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/form-builder-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/form-general-settings-panel.avif b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/form-general-settings-panel.avif new file mode 100644 index 0000000000..8c417232df Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/form-general-settings-panel.avif differ diff --git a/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/typebot-chat-bot-plugin.avif b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/typebot-chat-bot-plugin.avif new file mode 100644 index 0000000000..484749d331 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/typebot-chat-bot-plugin.avif differ diff --git a/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/typebot-forms-builder-interface.avif b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/typebot-forms-builder-interface.avif new file mode 100644 index 0000000000..71971621c8 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/typebot-forms-builder-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/wordpress-form-builder-interface.avif b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/wordpress-form-builder-interface.avif new file mode 100644 index 0000000000..2378bf8d3b Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-contact-form-plugins-for-wordpress/wordpress-form-builder-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/chatbot-comparison-summary-table.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/chatbot-comparison-summary-table.avif new file mode 100644 index 0000000000..efd19712f7 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/chatbot-comparison-summary-table.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/chatbot-flow-builder-ui.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/chatbot-flow-builder-ui.avif new file mode 100644 index 0000000000..9f1d9098e8 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/chatbot-flow-builder-ui.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/cover.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/cover.avif new file mode 100644 index 0000000000..0b3ced4442 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/cover.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/create-a-typebot-button.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/create-a-typebot-button.avif new file mode 100644 index 0000000000..04f5c7d430 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/create-a-typebot-button.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/customer-journey-illustration-diagram.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/customer-journey-illustration-diagram.avif new file mode 100644 index 0000000000..7e2802d37e Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/customer-journey-illustration-diagram.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/email-signup-10-percent-off.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/email-signup-10-percent-off.avif new file mode 100644 index 0000000000..0cd8c4b1d4 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/email-signup-10-percent-off.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/headphones-offer-options-group.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/headphones-offer-options-group.avif new file mode 100644 index 0000000000..8fa1b1cd2d Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/headphones-offer-options-group.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/headphones-sale-prompt-yes-selected.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/headphones-sale-prompt-yes-selected.avif new file mode 100644 index 0000000000..07ee9e83ce Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/headphones-sale-prompt-yes-selected.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/redirect-logic-button.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/redirect-logic-button.avif new file mode 100644 index 0000000000..f58561d410 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/redirect-logic-button.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/shipping-and-returns-info.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/shipping-and-returns-info.avif new file mode 100644 index 0000000000..1ece900add Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/shipping-and-returns-info.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/shopify-product-page-mockup.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/shopify-product-page-mockup.avif new file mode 100644 index 0000000000..820890e45c Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/shopify-product-page-mockup.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/tidio-customer-support-example.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/tidio-customer-support-example.avif new file mode 100644 index 0000000000..4863a63a07 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/tidio-customer-support-example.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/typebot-flow-builder-interface.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/typebot-flow-builder-interface.avif new file mode 100644 index 0000000000..8e047b91c2 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/typebot-flow-builder-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/best-shopify-chatbot/woman-using-social-media-tool.avif b/apps/landing-page/public/blog-assets/best-shopify-chatbot/woman-using-social-media-tool.avif new file mode 100644 index 0000000000..535a2686e7 Binary files /dev/null and b/apps/landing-page/public/blog-assets/best-shopify-chatbot/woman-using-social-media-tool.avif differ diff --git a/apps/landing-page/public/blog-assets/botpress-alternative/agentic-workflow-diagram-interface.avif b/apps/landing-page/public/blog-assets/botpress-alternative/agentic-workflow-diagram-interface.avif new file mode 100644 index 0000000000..86cf2096f0 Binary files /dev/null and b/apps/landing-page/public/blog-assets/botpress-alternative/agentic-workflow-diagram-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/botpress-alternative/ai-agent-workflow-diagram.avif b/apps/landing-page/public/blog-assets/botpress-alternative/ai-agent-workflow-diagram.avif new file mode 100644 index 0000000000..a8e7faaa50 Binary files /dev/null and b/apps/landing-page/public/blog-assets/botpress-alternative/ai-agent-workflow-diagram.avif differ diff --git a/apps/landing-page/public/blog-assets/botpress-alternative/bot-building-interface.avif b/apps/landing-page/public/blog-assets/botpress-alternative/bot-building-interface.avif new file mode 100644 index 0000000000..4411183bd4 Binary files /dev/null and b/apps/landing-page/public/blog-assets/botpress-alternative/bot-building-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/botpress-alternative/chatbot-website-settings-screen.avif b/apps/landing-page/public/blog-assets/botpress-alternative/chatbot-website-settings-screen.avif new file mode 100644 index 0000000000..2a8c4bd5d3 Binary files /dev/null and b/apps/landing-page/public/blog-assets/botpress-alternative/chatbot-website-settings-screen.avif differ diff --git a/apps/landing-page/public/blog-assets/botpress-alternative/cover.avif b/apps/landing-page/public/blog-assets/botpress-alternative/cover.avif new file mode 100644 index 0000000000..47b0634e4b Binary files /dev/null and b/apps/landing-page/public/blog-assets/botpress-alternative/cover.avif differ diff --git a/apps/landing-page/public/blog-assets/botpress-alternative/logic-menu-options-list.avif b/apps/landing-page/public/blog-assets/botpress-alternative/logic-menu-options-list.avif new file mode 100644 index 0000000000..330f8946ad Binary files /dev/null and b/apps/landing-page/public/blog-assets/botpress-alternative/logic-menu-options-list.avif differ diff --git a/apps/landing-page/public/blog-assets/botpress-alternative/tidio-dashboard-user-interface.avif b/apps/landing-page/public/blog-assets/botpress-alternative/tidio-dashboard-user-interface.avif new file mode 100644 index 0000000000..c94378b770 Binary files /dev/null and b/apps/landing-page/public/blog-assets/botpress-alternative/tidio-dashboard-user-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/botpress-alternative/typebot-chat-interface-design.avif b/apps/landing-page/public/blog-assets/botpress-alternative/typebot-chat-interface-design.avif new file mode 100644 index 0000000000..c8a1922551 Binary files /dev/null and b/apps/landing-page/public/blog-assets/botpress-alternative/typebot-chat-interface-design.avif differ diff --git a/apps/landing-page/public/blog-assets/botpress-alternative/whatsapp-automation-setup-guide.avif b/apps/landing-page/public/blog-assets/botpress-alternative/whatsapp-automation-setup-guide.avif new file mode 100644 index 0000000000..debf03668e Binary files /dev/null and b/apps/landing-page/public/blog-assets/botpress-alternative/whatsapp-automation-setup-guide.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-flow-diagram-ui.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-flow-diagram-ui.avif new file mode 100644 index 0000000000..d4b037c5f9 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-flow-diagram-ui.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-flow-diagram.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-flow-diagram.avif new file mode 100644 index 0000000000..42661ccb77 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-flow-diagram.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-scheduling-property-viewing.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-scheduling-property-viewing.avif new file mode 100644 index 0000000000..542fd8cf65 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-scheduling-property-viewing.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-time-collection-settings.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-time-collection-settings.avif new file mode 100644 index 0000000000..2b95b45e14 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/chatbot-time-collection-settings.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/cover.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/cover.avif new file mode 100644 index 0000000000..75c14d940b Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/cover.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/date-input-form-ui.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/date-input-form-ui.avif new file mode 100644 index 0000000000..c3f4aba8b1 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/date-input-form-ui.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/flowchart-property-viewing-scheduling.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/flowchart-property-viewing-scheduling.avif new file mode 100644 index 0000000000..ecf6984ba7 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/flowchart-property-viewing-scheduling.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/form-with-data-fields.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/form-with-data-fields.avif new file mode 100644 index 0000000000..932c974c9e Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/form-with-data-fields.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/group-7-confirmation-message.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/group-7-confirmation-message.avif new file mode 100644 index 0000000000..ec4cf4bc07 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/group-7-confirmation-message.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/phone-number-input-form.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/phone-number-input-form.avif new file mode 100644 index 0000000000..ba61ee999a Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/phone-number-input-form.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/react-bubble-code-snippet.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/react-bubble-code-snippet.avif new file mode 100644 index 0000000000..8acf8a2324 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/react-bubble-code-snippet.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/settings-panel-user-name.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/settings-panel-user-name.avif new file mode 100644 index 0000000000..8b92fc34c0 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/settings-panel-user-name.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/typebot-example-analytics-flow-chart.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/typebot-example-analytics-flow-chart.avif new file mode 100644 index 0000000000..cecdcf9c70 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/typebot-example-analytics-flow-chart.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/typebot-sheet-interface.avif b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/typebot-sheet-interface.avif new file mode 100644 index 0000000000..406475e12f Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-for-real-estate-agents/typebot-sheet-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/bubbles-content-options-menu.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/bubbles-content-options-menu.avif new file mode 100644 index 0000000000..48a5d2d3d2 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/bubbles-content-options-menu.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/chatbot-interface-design-2023.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/chatbot-interface-design-2023.avif new file mode 100644 index 0000000000..f826aa4244 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/chatbot-interface-design-2023.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/cover.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/cover.avif new file mode 100644 index 0000000000..8109c2502d Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/cover.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/date-input-configuration-panel.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/date-input-configuration-panel.avif new file mode 100644 index 0000000000..16e7dd3837 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/date-input-configuration-panel.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/form-input-settings-name.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/form-input-settings-name.avif new file mode 100644 index 0000000000..fdafc31de5 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/form-input-settings-name.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/form-with-name-date-time.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/form-with-name-date-time.avif new file mode 100644 index 0000000000..d01fc39832 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/form-with-name-date-time.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/integrations-sheets-analytics-email-zapier.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/integrations-sheets-analytics-email-zapier.avif new file mode 100644 index 0000000000..7500d1a718 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/integrations-sheets-analytics-email-zapier.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/performance-feedback-assistant-message.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/performance-feedback-assistant-message.avif new file mode 100644 index 0000000000..66539d527b Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/performance-feedback-assistant-message.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/spreadsheet-name-date-time.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/spreadsheet-name-date-time.avif new file mode 100644 index 0000000000..35eeeb6794 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/spreadsheet-name-date-time.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/time-input-form.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/time-input-form.avif new file mode 100644 index 0000000000..113299a9b4 Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/time-input-form.avif differ diff --git a/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/workflow-diagram-user-interface.avif b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/workflow-diagram-user-interface.avif new file mode 100644 index 0000000000..7d8851dcfa Binary files /dev/null and b/apps/landing-page/public/blog-assets/chatbot-hr-use-cases/workflow-diagram-user-interface.avif differ diff --git a/apps/landing-page/public/blog-assets/typebot-website.avif b/apps/landing-page/public/blog-assets/typebot-website.avif index c6e78da016..6a999c362a 100644 Binary files a/apps/landing-page/public/blog-assets/typebot-website.avif and b/apps/landing-page/public/blog-assets/typebot-website.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/cover.avif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/cover.avif new file mode 100644 index 0000000000..fe389629b5 Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/cover.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/flow-chart-contact-name.avif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/flow-chart-contact-name.avif new file mode 100644 index 0000000000..4357eacaa7 Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/flow-chart-contact-name.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/new-quick-reply-screen.avif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/new-quick-reply-screen.avif new file mode 100644 index 0000000000..8c45c976ba Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/new-quick-reply-screen.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/typebot-setup-whatsapp.gif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/typebot-setup-whatsapp.gif new file mode 100644 index 0000000000..79e751015d Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/typebot-setup-whatsapp.gif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-app-screens.avif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-app-screens.avif new file mode 100644 index 0000000000..5aabf96c0f Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-app-screens.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-phone-number-screen.avif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-phone-number-screen.avif new file mode 100644 index 0000000000..9f77932c8e Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-phone-number-screen.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-profile-edit-screen-keyboard.avif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-profile-edit-screen-keyboard.avif new file mode 100644 index 0000000000..7cee2a427c Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-profile-edit-screen-keyboard.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-quick-replies-add-button.avif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-quick-replies-add-button.avif new file mode 100644 index 0000000000..52fca1088f Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-quick-replies-add-button.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-tools-quick-replies-screen.avif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-tools-quick-replies-screen.avif new file mode 100644 index 0000000000..0ee6a5bdad Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-business-tools-quick-replies-screen.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-message-keyboard-open.avif b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-message-keyboard-open.avif new file mode 100644 index 0000000000..3ddf687399 Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-business-automated-messages/whatsapp-message-keyboard-open.avif differ diff --git a/apps/landing-page/src/features/blog/components/mdx.tsx b/apps/landing-page/src/features/blog/components/mdx.tsx index 311b8fa8b7..17d8cd8c8d 100644 --- a/apps/landing-page/src/features/blog/components/mdx.tsx +++ b/apps/landing-page/src/features/blog/components/mdx.tsx @@ -25,6 +25,12 @@ const components = { a: (props: React.HTMLAttributes) => ( ), + code: ({ className, ...props }: React.HTMLAttributes) => ( + + ), table: (props: React.HTMLAttributes) => ( diff --git a/apps/landing-page/src/routes/_layout/blog/$slug.tsx b/apps/landing-page/src/routes/_layout/blog/$slug.tsx index 24784b06f8..d26a20145a 100644 --- a/apps/landing-page/src/routes/_layout/blog/$slug.tsx +++ b/apps/landing-page/src/routes/_layout/blog/$slug.tsx @@ -7,6 +7,7 @@ import { authors } from "@/features/blog/data/authors"; import { formatDate } from "@/features/blog/helpers"; import { createMetaTags } from "@/lib/createMetaTags"; import { createFileRoute, redirect } from "@tanstack/react-router"; +import { cx } from "@typebot.io/ui/lib/cva"; export const Route = createFileRoute("/_layout/blog/$slug")({ loader: async ({ params }) => { @@ -40,7 +41,13 @@ function RouteComponent() { const { post, author } = Route.useLoaderData(); return ( -
+
{post.postedAt && (