Lokalisierung

Texte und Sprachen anpassen

PRO-Funktion

Text-Anpassungen erfordern einen Professional-Plan.

Übersicht

BookingJs unterstützt standardmäßig fünf Sprachen: Deutsch, Englisch, Französisch, Spanisch und Italienisch. Sie können alle Texte anpassen und eigene Sprachen hinzufügen.

Sprache festlegen

Sprache setzenjavascript

timum.init({
  ref: 'ihre-ressourcen-referenz',
  culture: 'de' // de, en, fr, es, it
});

// Oder als URL-Parameter
// ?culture=de

Automatische Erkennung

Ohne explizite Angabe wird die Browser-Sprache verwendet.

Texte anpassen

Sie müssen nicht das gesamte Lokalisierungsobjekt neu definieren. Geben Sie nur die Texte an, die Sie ändern möchten:

Texte überschreibenjavascript

timum.init({
  ref: 'ihre-ressourcen-referenz',
  localization: {
    de: {
      booked_successfully_header: 'Vielen Dank für Ihre Buchung!',
      booked_successfully_message: 'Wir haben Ihnen eine Bestätigung an {{mail}} gesendet.',
      book_button: 'Jetzt Termin buchen',
      product_selection_headline: 'Wählen Sie Ihre Terminart'
    },
    en: {
      booked_successfully_header: 'Thank you for your booking!',
      book_button: 'Book now'
    }
  }
});

Verfügbare Lokalisierungs-Keys

Ressourcen-Auswahl

Key	Standard (DE)
`resource_selection_headline`	Ressource wählen
`product_selection_headline`	Terminart wählen

Buchung erfolgreich

Key	Standard (DE)
`booked_successfully_header`	Termin gebucht
`booked_successfully_message`	Sie erhalten eine E-Mail mit den Termindetails an {{mail}}
`requested_successfully_header`	Termin angefragt
`requested_successfully_message`	Sie erhalten eine E-Mail sobald der Termin bestätigt wurde.

Stornierung

Key	Standard (DE)
`canceled_successfully_header`	Termin storniert
`cancel_button`	Termin stornieren
`cancel_confirmation_question`	Möchten Sie diesen Termin wirklich stornieren?

Formular

Key	Standard (DE)
`book_button`	Termin buchen
`first_name_label`	Vorname
`last_name_label`	Nachname
`email_label`	E-Mail
`phone_label`	Telefon
`message_label`	Nachricht

Variablen in Texten

Sie können Variablen mit {{variableName}} verwenden:

Variablenjavascript

localization: {
  de: {
    booked_successfully_message: 'Bestätigung an {{mail}} gesendet',
    appointment_for: 'Termin für {{productName}} am {{date}}',
    greeting: 'Hallo {{firstName}}'
  }
}

Eigene Sprache hinzufügen

Neue Sprachejavascript

timum.init({
  ref: 'ihre-ressourcen-referenz',
  culture: 'nl', // Niederländisch
  localization: {
    nl: {
      resource_selection_headline: 'Kies een resource',
      product_selection_headline: 'Kies een afspraaktype',
      booked_successfully_header: 'Afspraak geboekt',
      booked_successfully_message: 'U ontvangt een e-mail op {{mail}}',
      book_button: 'Boek nu',
      cancel_button: 'Annuleren',
      first_name_label: 'Voornaam',
      last_name_label: 'Achternaam',
      email_label: 'E-mail',
      phone_label: 'Telefoon',
      message_label: 'Bericht'
      // ... weitere Keys
    }
  }
});

Custom Field Labels

Labels für benutzerdefinierte Formularfelder werden ebenfalls über die Lokalisierung definiert:

Custom Field Labelsjavascript

{
  fields: {
    companyName: {
      type: 'text',
      required: true
    }
  },
  localization: {
    de: {
      field_companyName_label: 'Firmenname',
      field_companyName_placeholder: 'Ihre Firma GmbH',
      field_companyName_error: 'Bitte geben Sie einen Firmennamen an'
    },
    en: {
      field_companyName_label: 'Company Name',
      field_companyName_placeholder: 'Your Company Inc.',
      field_companyName_error: 'Please enter a company name'
    }
  }
}