Du kannst in den Einstellungen gewisse Texte und Übersetzungen für das Buchungsformular ändern. In Fällen, in denen es diese Option nicht gibt, kannst du einige Elemente mit CSS anpassen.

Elemente mit der Klasse „sirvoy-flexible-text“ können auf der benutzerdefinierten CSS-Seite geändert werden. 

  1. Gehe zu Einstellungen -> Buchungsformulare. 
  2. Klicke auf die drei Punkte neben dem gewünschten Buchungsformular.
  3. Klicke in der Dropdown-Liste auf „Bearbeiten“.
  4. Wähle die Registerkarte „Benutzerdefinierte CSS“.

Alle Elemente der Klasse „sirvoy-flexible-text“ haben auch eine:

  1. Spezifische Klasse „sft-trans-key-SPECIFIC-KEY“.
  2. Sprachspezifische Klasse, um eine Textänderung für eine bestimmte Sprache genau zu bestimmen, zum Beispiel: „sft-lang-en“ (Englisch). (Jede Sprache wird durch einen aus zwei Buchstaben bestehenden Code repräsentiert; Englisch „-en“, Deutsch „-de“, Schwedisch „-sv“ usw.)

Beispiel: Wie kannst du den Titel der Schaltfläche „Search“ ändern

Das Markup für den Titel der Schaltfläche „Search“ lautet:

(Beachte die beiden Klassen „sft-lang-en“ und „sft-trans-key-booking-form-button-search“)

 

<span class="
   sirvoy-flexible-text 
   sft-lang-en 
   sft-trans-key-shared-button-search 
   sft-initialized" 
   data-translation-key="shared.button.search">
            
   <div class="sft-text">
      Search
   </div>

</span>

Um den Titel der Schaltfläche „Search“ für Englisch und Schwedisch zu ändern, gehe wie folgt vor:

.sft-lang-en.sft-trans-key-shared-button-search .sft-text, .sft-lang-sv.sft-trans-key-shared-button-search .sft-text { 
  display: none !important;
}

.sft-lang-en.sft-trans-key-shared-button-search::after { 
  content: "My button title";
}

.sft-lang-sv.sft-trans-key-shared-button-search::after { 
  content: "Min knapptitel";
}

 

Englische Version:

Schwedische Version:

Die oben genannten Grundsätze zum Ändern von Texten gelten für alle anderen Textänderungen, die du im Buchungsformular in Elementen der Klasse „sirvoy-flexible-text“ vornehmen möchtest.

Beachte: Benutzerdefinierte CSS wirken sich nur auf die eingebettete Version des Buchungsformulars und das WordPress-Plugin aus. Das Buchungsformular im Sirvoy Website Builder oder auf der eigenständigen Webseite bleiben unverändert.