进入Hapio世界的门槛已经大大降低了。

我们很高兴推出Hapio Booking Flow for React——这是一个即插即用的组件，让将 Hapio 强大的预订功能集成到 React 应用程序中变得比以往任何时候都更加简单。

想尝试 Hapio，却苦于没有时间或技术来部署它？借助Hapio Booking Flow for React，您只需几分钟即可开始使用 Hapio！只需通过 Hapio API 设置好您的地点、服务、资源及其排班，然后将 Flow 组件拖放到您的 React 应用中，传入您的 API 令牌，即可立即使用——无需复杂的配置。

要求

• React 18
• ReactDOM 18

入门指南

将Hapio 预订流程集成到 React 项目中既快速又简单。只需使用您喜欢的包管理器安装该包即可：

npm install @hapio/hapio-booking-flow-react

然后，在你的 React 项目中使用它：

// Import Flow component
import { Flow } from '@hapio/hapio-booking-flow-react';

// Setup or import a config JSON object
const config = { hapioApiToken: 'YOUR_API_TOKEN' };

function App() {
  // Use the Flow component with your config as a prop
  return <Flow config={config} />;
}

自定义与功能

Hapio 预订流程套件自带默认配置，开箱即用，但完全支持自定义！

• 主题设置 – 调整颜色、字体和样式，以契合您的品牌形象。
• 本地化 – 只需设置语言环境，即可为全球用户添加翻译。
• 表单自定义 – 修改预订元数据字段，例如姓名、电子邮件和电话号码。
• 配置选项 – 轻松覆盖默认设置，打造专属体验。

想了解更多吗？

• 指南：Hapio 入门指南
• Hapio 官方文档
• NPM 上的包
• GitHub 仓库

借助Hapio Booking Flow for React，使用Hapio 强大的预订 API从未如此简单。 立即体验！