Logga in

Registrera

Vi presenterar Hapio Booking Flow för React!

Tröskeln för att komma in i Hapiovärlden har precis blivit mycket lägre.

Vi är glada att presentera Hapio Booking Flow för React, en plug-and-play-komponent som gör det enklare än någonsin att integrera Hapios kraftfulla bokningsfunktioner i React-applikationer.

Vill du testa Hapio men har inte tid eller kunskap att få igång det? Med Hapio Booking Flow för React kan du börja använda Hapio på några minuter! Konfigurera enkelt dina platser, tjänster, resurser och deras scheman med Hapio API, släpp sedan Flow-komponenten i din React-app, ange din API-token och du är redo att köra – ingen komplicerad installation krävs.

Krav

  • React 18
  • ReactDOM 18

Komma igång

Att integrera Hapio Booking Flow i ett React-projekt är snabbt och enkelt. Installera bara paketet med din föredragna pakethanterare:

shell



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

Använd det sedan i ditt React-projekt:

javascript



// 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} />;
}

Anpassning och funktioner

Paketet Hapio Booking Flow levereras med en standardkonfiguration som fungerar direkt, men den är fullt anpassningsbar!

  • Teman – Justera färger, teckensnitt och stilar för att matcha ditt varumärke.
  • Lokalisering – Ställ enkelt in din lokalisering och lägg till översättningar för en global publik.
  • Formuläranpassning – Ändra metadatafält för bokning som namn, e-post och telefonnummer.
  • Konfigurationsalternativ – Åsidosätt enkelt standardinställningarna för en skräddarsydd upplevelse.

Vill du veta mer?

Med Hapio Booking Flow för React har det aldrig varit enklare att komma igång med Hapios kraftfulla boknings-API. Prova det idag!

Författare

Patrik