Termin online buchen

Sie können auf Ihrer VistaPrint-Website kostenlose oder kostengünstige Tools zur Online-Terminbuchung einsetzen. Damit bleiben Sie mit Ihrer Kundschaft in Kontakt und können auch online Aufträge generieren.

Viele Kleinunternehmen bieten ihre Dienste auch virtuell an, z. B. über Online-Kurse, digitale Geschenkkarten oder persönliche Videotermine mit Interessierten. Wir haben einige Tipps und Techniken zusammengestellt, mit denen auch Sie in die virtuelle Welt einsteigen können. Beginnen wir mit der Terminvereinbarung und wie sich diese in Ihre VistaPrint-Website integrieren lässt.

Inhalt des Artikels:

  • Terminkalender mit setmore.com erstellen
  • Einbettungscode im Setmore-Konto abrufen
  • Code in das HTML-Element im Website-Baukausten von VistaPrint einfügen
  • Profi-Tipps zu Veröffentlichung, Bezahlung und Layout
HINWEIS: VistaPrint steht in keiner Unternehmensbeziehung zu Setmore. Wir empfehlen das Tool aber, da es benutzungsfreundlich ist und ein kostenloses Basisabo verfügbar ist. Sie können aber natürlich auch einen anderen Anbieter zur Online-Terminbuchung verwenden. Achten Sie lediglich darauf, dass der bereitgestellte Einbettungscode mit Ihrer VistaPrint-Website kompatibel ist. 

Online-Terminkalender erstellen

Um einen Online-Terminkalender zu erstellen, gehen Sie zu setmore.com und erstellen Sie ein Konto, falls Sie noch keines haben.

Gehen Sie die Schritte zur Einrichtung durch. (Weitere Einzelheiten finden Sie im Support-Leitfaden von Setmore.)

Sobald Sie den Einrichtungsvorgang abgeschlossen haben, gehen Sie zu Apps & Integrations (Apps & Integrationen). Scrollen Sie nach unten zu Website Booking (Buchung auf einer Website) und klicken Sie auf Booking Widget (Buchungs-Widget).

Apps_intergration_booking_widget_1000px.gif

Behalten Sie auf der Seite des Buchungs-Widgets die empfohlenen Einstellungen bei, um den Einbettungscode zu erstellen, den Sie auf Ihrer VistaPrint-Website verwenden möchten (zum Vergrößern auf das Bild klicken).

Booking_widget_settings_embed_code_1000px.gif

 

Platzierung der Terminbuchung auf der Website

Werfen Sie einen Blick auf die professionell gestalteten Website-Vorlagen hier

Falls Sie bereits eine VistaPrint-Website haben, suchen Sie aus, auf welcher Seite virtuelle Termine angeboten werden sollen. Sie können zum Beispiel oben auf Ihrer Startseite einen kurzen Hinweis zur Terminbuchung einfügen und eine neue Terminseite mit allen Einzelheiten erstellen.

An der Stelle, an dem Sie den Link zum Online-Terminkalender einfügen möchten, bewegen Sie den Mauszeiger über Element hinzufügen. Klicken Sie auf das grüne Pluszeichen, um das Menü „Elemente“ aufzurufen. Wählen Sie das HTML-Element aus dem Abschnitt „Beliebt“ aus (es ist auch unter „Extras“ zu finden).

Adding_HTML_pip_1000px.gif

Bevor Sie das Element zu Ihrer Website hinzufügen können, werden Sie in einer Meldung darauf hingewiesen, dass Sie nur Code aus vertrauenswürdigen Quellen verwenden sollten. Außerdem kann VistaPrint nicht garantieren, dass der spezifische Code unterstützt wird. Klicken Sie auf Verstanden, um mit der Anpassung des Elements zu beginnen. 

customhtml_warning.jpg

Sobald Sie das HTML-Element hinzugefügt haben, klicken Sie auf den Platzhalter, um die Symbolleiste zu öffnen. Klicken Sie ganz links auf das Zahnrad Einstellungen. Daraufhin wird das Menü „Code einbetten“ angezeigt.

customhtml_clickplaceholder.jpg

Klicken Sie auf das Einstellungsrad, um Ihren Code hinzuzufügen, und klicken Sie dann auf Aktualisieren.

Kehren Sie zur Seite mit dem Buchungs-Widget auf setmore.com zurück. Im Fenster mit dem Einbettungscode können Sie den gesamten Text auswählen und kopieren.

appointments_embedcode.jpg

Fügen Sie diesen Code in den Einstellungen des HTML-Elements in das Feld Code einbetten ein:

appointments_pastecode.jpg

Klicken Sie auf Aktualisieren, um den Einbettungscode zu speichern. So sieht die Buchungsschaltfläche nach der Veröffentlichung aus:

appointments_button.jpg

Klicken Sie auf Veröffentlichen.

Hier sehen Sie den Ablauf aller Schritte:

Adding_setmore_code_to_HTML_pip_900px.gif

 HINWEIS: Wenn das HTML-Element keinen Einbettungscode enthält, überprüfen Sie die Einstellungen des HTML-Elements. Sehen Sie sich den kopierten/eingefügten Einbettungscode von setmore.com an und vergewissern Sie sich, dass Sie den kompletten Codeblock übernommen haben.

TIPP: Öffnen Sie Ihre Live-Website in einem separaten Tab und probieren Sie den neuen Online-Terminplaner aus. Oder bitten Sie einen Bekannten, einen Testtermin zu buchen. Wenn die Tests erfolgreich verlaufen, können Sie sich sicher sein, dass die Terminbuchung auch bei Ihrer Kundschaft funktioniert.

 

Terminseite erstellen

Sie können nicht nur einen spezifischen Bereich auf Ihrer Startseite einrichten, in dem Termine gebucht werden können, sondern auch eine detaillierte Terminseite. 

Gehen Sie im Website-Baukasten zu Seiten bearbeiten > Seite hinzufügen > Termine.

appointments_addpage.jpg

Diese Seite enthält Folgendes:

  1. Kopfzeile der Website
  2. Titel und HTML-Baustein: Hier fügen Sie den Code zum Einbetten der Schaltfläche ein.
  3. Titel- und Absatzbaustein: Hier können Sie weitere Details angeben, z. B. zur Zahlungsabwicklung. 
  4. Fußzeile der Website

appointments_appointmentspage.jpg

 

Bezahlung und Trinkgeld

Kleinunternehmen erzielen Einnahmen, indem sie Gebühren für virtuelle Termine und Online-Kurse erheben. Sie können dies auch über Ihre VistaPrint-Website und andere kostenlose oder kostengünstige Tools tun. Die folgenden Tools sind lediglich Empfehlungen und stehen in keiner Verbindung zu VistaPrint.


Square

Setmore.com ermöglicht im Rahmen des kostenlosen Basic-Abos die direkte Integration mit Square als Zahlungsabwickler. 

Wenn Sie ein Square-Konto zur Zahlungsabwicklung haben (oder ein kostenloses Konto einrichten möchten), verknüpfen Sie Ihr Setmore- und Ihr Square-Konto. So können Sie Termine direkt bei der Buchung in Rechnung stellen. Die Square-Zahlungsabwicklung wird direkt und nahtlos in die Terminbuchung integriert.

Weitere Informationen zur Integration der Zahlungsabwicklung in Setmore finden Sie hier: https://support.setmore.com/en/collections/87087-payments


Venmo


Wenn Sie Venmo für die Bezahlung verwenden möchten, fügen Sie Ihrer Seite Titel- oder Absatzelemente hinzu, in denen Sie Ihren Venmo-Anmeldenamen erwähnen.

Sie können ihn auch in den Unternehmensdetails, Teaminfos und E-Mail-Signaturen in Setmore hinzufügen. Weitere Informationen zu allen verfügbaren Optionen in Setmore finden Sie in diesem Hilfeartikel: https://support.setmore.com/en/


PayPal


Wenn Sie PayPal für die Zahlungsabwicklung verwenden möchten, geben Sie Ihre öffentliche PayPal-Seite an. In der Regel lautet die Adresse paypal.me/IhrAnmeldename. Auf dieser Seite können Kundinnen und Kunden einen Betrag eingeben und an Sie senden.

Dies ist die URL, die Sie im Website-Baukasten von VistaPrint verlinken sollten.

Fügen Sie ein Titel- oder Absatzelement auf Ihrer Website ein und geben Sie Text an, der mit einem Hyperlink versehen werden soll, z. B. „Service ganz einfach mit PayPal bezahlen“.

Markieren Sie diesen Text und klicken Sie in der Symbolleiste des Elements auf die Schaltfläche „Hyperlink“.

appointments_paypaltext.jpg

Wählen Sie nun die Option für einen externen Link und fügen Sie die URL Ihrer öffentlichen PayPal-Seite ein.

Klicken Sie auf Änderungen speichern.

Klicken Sie auf Veröffentlichen, damit die Änderungen online sichtbar sind.

Sie können den Link auch in eine Schaltfläche an einer beliebigen Stelle Ihrer Website integrieren. Weitere Informationen zum Erstellen von Hyperlinks

Hinweis: Falls Sie eine Non-Profit-Organisation sind, können Sie die Schaltfläche „Spenden mit PayPal“ im Website-Baukasten von VistaPrint nutzen.

Nicht vergessen: Wenn Sie ein Premium-Abo des Website-Baukastens von VistaPrint haben, können Sie die integrierte PayPal-Schaltfläche nutzen. Weitere Informationen zur Verwendung von PayPal


Andere Zahlungsmethoden

Falls Sie andere Zahlungsarten verwenden möchten, empfehlen wir dringend, mehrere unkomplizierte Möglichkeiten anzubieten, um direkt zu Ihrer bevorzugten Zahlungsmethode zu gelangen. Setzen Sie dazu Hyperlinks in Schaltflächen und/oder verlinkten Text ein. In den Hinweisen oben zu PayPal erfahren Sie, wie Sie Text und Schaltflächen mit anderen Zahlungsmethoden verlinken können.

Erfassen Sie niemals die Kreditkartendaten Ihrer Kundinnen und Kunden per E-Mail oder über ein Formular. Die Aufzeichnung von Zahlungsinformationen direkt in einer E-Mail oder in einem Formular ist für Sie und Ihre Kundschaft gefährlich, da Sie dadurch ein Ziel für Hacker werden. Vermeiden Sie Identitätsdiebstahl und verringern Sie das Risiko von Hackerangriffen, indem Sie nur Zahlungsabwickler verwenden, die Sicherheit auf Bankniveau garantieren können. Wie in den Geschäfts- und Nutzungsbedingungen von VistaPrint vorgesehen, ist es nicht zulässig, mithilfe unserer Tools personenbezogene Informationen zu Kundschaft zu erfassen. Verwenden Sie nur professionelle Zahlungsabwickler.

 

Erweiterte Anpassung von Schaltflächen

Wenn Sie das Aussehen der Schaltfläche zur Terminbuchung personalisieren möchten, verwenden Sie folgenden Code.

 

<style>  

.style-my-text {
  text-decoration: none;
  color: white;
  font-size: 16px;  
}  
.give-my-button-color {
  background-color: Green;    
}  
.set-the-width-of-my-button {
    width: 200px;
} 
.make-space-around-my-button-text{
    padding: 15px;
}  

.center-my-button {
  margin: 0 auto;
}  

.left-align-my-button {
  margin-left: 0;
  margin-right: auto;
}  

.right-align-my-button {
  margin-right: 0;
  margin-left: auto;
}  

.add-additional-styles-to-my-button {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  }

</style>

<div class = 
     "set-the-width-of-my-button 
      give-my-button-color 
      center-my-button 
      make-space-around-my-button-text 
      add-additional-styles-to-my-button" 
role="button" >

<script id="setmore_script" type="text/javascript" src="https://my.setmore.com/webapp/js/src/others/setmore_iframe.js"></script><a id="Setmore_button_iframe" class="style-my-text" href="https://my.setmore.com/bookingpage/INSERT YOUR BOOKING PAGE HERE">Book an Appointment</a></div>



 

Termin online buchenFolgen

Sie können auf Ihrer VistaPrint-Website kostenlose oder kostengünstige Tools zur Online-Terminbuchung einsetzen. Damit bleiben Sie mit Ihrer Kundschaft in Kontakt und können auch online Aufträge generieren.

Viele Kleinunternehmen bieten ihre Dienste auch virtuell an, z. B. über Online-Kurse, digitale Geschenkkarten oder persönliche Videotermine mit Interessierten. Wir haben einige Tipps und Techniken zusammengestellt, mit denen auch Sie in die virtuelle Welt einsteigen können. Beginnen wir mit der Terminvereinbarung und wie sich diese in Ihre VistaPrint-Website integrieren lässt.

Inhalt des Artikels:

  • Terminkalender mit setmore.com erstellen
  • Einbettungscode im Setmore-Konto abrufen
  • Code in das HTML-Element im Website-Baukausten von VistaPrint einfügen
  • Profi-Tipps zu Veröffentlichung, Bezahlung und Layout
HINWEIS: VistaPrint steht in keiner Unternehmensbeziehung zu Setmore. Wir empfehlen das Tool aber, da es benutzungsfreundlich ist und ein kostenloses Basisabo verfügbar ist. Sie können aber natürlich auch einen anderen Anbieter zur Online-Terminbuchung verwenden. Achten Sie lediglich darauf, dass der bereitgestellte Einbettungscode mit Ihrer VistaPrint-Website kompatibel ist. 

Online-Terminkalender erstellen

Um einen Online-Terminkalender zu erstellen, gehen Sie zu setmore.com und erstellen Sie ein Konto, falls Sie noch keines haben.

Gehen Sie die Schritte zur Einrichtung durch. (Weitere Einzelheiten finden Sie im Support-Leitfaden von Setmore.)

Sobald Sie den Einrichtungsvorgang abgeschlossen haben, gehen Sie zu Apps & Integrations (Apps & Integrationen). Scrollen Sie nach unten zu Website Booking (Buchung auf einer Website) und klicken Sie auf Booking Widget (Buchungs-Widget).

Apps_intergration_booking_widget_1000px.gif

Behalten Sie auf der Seite des Buchungs-Widgets die empfohlenen Einstellungen bei, um den Einbettungscode zu erstellen, den Sie auf Ihrer VistaPrint-Website verwenden möchten (zum Vergrößern auf das Bild klicken).

Booking_widget_settings_embed_code_1000px.gif

 

Platzierung der Terminbuchung auf der Website

Werfen Sie einen Blick auf die professionell gestalteten Website-Vorlagen hier

Falls Sie bereits eine VistaPrint-Website haben, suchen Sie aus, auf welcher Seite virtuelle Termine angeboten werden sollen. Sie können zum Beispiel oben auf Ihrer Startseite einen kurzen Hinweis zur Terminbuchung einfügen und eine neue Terminseite mit allen Einzelheiten erstellen.

An der Stelle, an dem Sie den Link zum Online-Terminkalender einfügen möchten, bewegen Sie den Mauszeiger über Element hinzufügen. Klicken Sie auf das grüne Pluszeichen, um das Menü „Elemente“ aufzurufen. Wählen Sie das HTML-Element aus dem Abschnitt „Beliebt“ aus (es ist auch unter „Extras“ zu finden).

Adding_HTML_pip_1000px.gif

Bevor Sie das Element zu Ihrer Website hinzufügen können, werden Sie in einer Meldung darauf hingewiesen, dass Sie nur Code aus vertrauenswürdigen Quellen verwenden sollten. Außerdem kann VistaPrint nicht garantieren, dass der spezifische Code unterstützt wird. Klicken Sie auf Verstanden, um mit der Anpassung des Elements zu beginnen. 

customhtml_warning.jpg

Sobald Sie das HTML-Element hinzugefügt haben, klicken Sie auf den Platzhalter, um die Symbolleiste zu öffnen. Klicken Sie ganz links auf das Zahnrad Einstellungen. Daraufhin wird das Menü „Code einbetten“ angezeigt.

customhtml_clickplaceholder.jpg

Klicken Sie auf das Einstellungsrad, um Ihren Code hinzuzufügen, und klicken Sie dann auf Aktualisieren.

Kehren Sie zur Seite mit dem Buchungs-Widget auf setmore.com zurück. Im Fenster mit dem Einbettungscode können Sie den gesamten Text auswählen und kopieren.

appointments_embedcode.jpg

Fügen Sie diesen Code in den Einstellungen des HTML-Elements in das Feld Code einbetten ein:

appointments_pastecode.jpg

Klicken Sie auf Aktualisieren, um den Einbettungscode zu speichern. So sieht die Buchungsschaltfläche nach der Veröffentlichung aus:

appointments_button.jpg

Klicken Sie auf Veröffentlichen.

Hier sehen Sie den Ablauf aller Schritte:

Adding_setmore_code_to_HTML_pip_900px.gif

 HINWEIS: Wenn das HTML-Element keinen Einbettungscode enthält, überprüfen Sie die Einstellungen des HTML-Elements. Sehen Sie sich den kopierten/eingefügten Einbettungscode von setmore.com an und vergewissern Sie sich, dass Sie den kompletten Codeblock übernommen haben.

TIPP: Öffnen Sie Ihre Live-Website in einem separaten Tab und probieren Sie den neuen Online-Terminplaner aus. Oder bitten Sie einen Bekannten, einen Testtermin zu buchen. Wenn die Tests erfolgreich verlaufen, können Sie sich sicher sein, dass die Terminbuchung auch bei Ihrer Kundschaft funktioniert.

 

Terminseite erstellen

Sie können nicht nur einen spezifischen Bereich auf Ihrer Startseite einrichten, in dem Termine gebucht werden können, sondern auch eine detaillierte Terminseite. 

Gehen Sie im Website-Baukasten zu Seiten bearbeiten > Seite hinzufügen > Termine.

appointments_addpage.jpg

Diese Seite enthält Folgendes:

  1. Kopfzeile der Website
  2. Titel und HTML-Baustein: Hier fügen Sie den Code zum Einbetten der Schaltfläche ein.
  3. Titel- und Absatzbaustein: Hier können Sie weitere Details angeben, z. B. zur Zahlungsabwicklung. 
  4. Fußzeile der Website

appointments_appointmentspage.jpg

 

Bezahlung und Trinkgeld

Kleinunternehmen erzielen Einnahmen, indem sie Gebühren für virtuelle Termine und Online-Kurse erheben. Sie können dies auch über Ihre VistaPrint-Website und andere kostenlose oder kostengünstige Tools tun. Die folgenden Tools sind lediglich Empfehlungen und stehen in keiner Verbindung zu VistaPrint.


Square

Setmore.com ermöglicht im Rahmen des kostenlosen Basic-Abos die direkte Integration mit Square als Zahlungsabwickler. 

Wenn Sie ein Square-Konto zur Zahlungsabwicklung haben (oder ein kostenloses Konto einrichten möchten), verknüpfen Sie Ihr Setmore- und Ihr Square-Konto. So können Sie Termine direkt bei der Buchung in Rechnung stellen. Die Square-Zahlungsabwicklung wird direkt und nahtlos in die Terminbuchung integriert.

Weitere Informationen zur Integration der Zahlungsabwicklung in Setmore finden Sie hier: https://support.setmore.com/en/collections/87087-payments


Venmo


Wenn Sie Venmo für die Bezahlung verwenden möchten, fügen Sie Ihrer Seite Titel- oder Absatzelemente hinzu, in denen Sie Ihren Venmo-Anmeldenamen erwähnen.

Sie können ihn auch in den Unternehmensdetails, Teaminfos und E-Mail-Signaturen in Setmore hinzufügen. Weitere Informationen zu allen verfügbaren Optionen in Setmore finden Sie in diesem Hilfeartikel: https://support.setmore.com/en/


PayPal


Wenn Sie PayPal für die Zahlungsabwicklung verwenden möchten, geben Sie Ihre öffentliche PayPal-Seite an. In der Regel lautet die Adresse paypal.me/IhrAnmeldename. Auf dieser Seite können Kundinnen und Kunden einen Betrag eingeben und an Sie senden.

Dies ist die URL, die Sie im Website-Baukasten von VistaPrint verlinken sollten.

Fügen Sie ein Titel- oder Absatzelement auf Ihrer Website ein und geben Sie Text an, der mit einem Hyperlink versehen werden soll, z. B. „Service ganz einfach mit PayPal bezahlen“.

Markieren Sie diesen Text und klicken Sie in der Symbolleiste des Elements auf die Schaltfläche „Hyperlink“.

appointments_paypaltext.jpg

Wählen Sie nun die Option für einen externen Link und fügen Sie die URL Ihrer öffentlichen PayPal-Seite ein.

Klicken Sie auf Änderungen speichern.

Klicken Sie auf Veröffentlichen, damit die Änderungen online sichtbar sind.

Sie können den Link auch in eine Schaltfläche an einer beliebigen Stelle Ihrer Website integrieren. Weitere Informationen zum Erstellen von Hyperlinks

Hinweis: Falls Sie eine Non-Profit-Organisation sind, können Sie die Schaltfläche „Spenden mit PayPal“ im Website-Baukasten von VistaPrint nutzen.

Nicht vergessen: Wenn Sie ein Premium-Abo des Website-Baukastens von VistaPrint haben, können Sie die integrierte PayPal-Schaltfläche nutzen. Weitere Informationen zur Verwendung von PayPal


Andere Zahlungsmethoden

Falls Sie andere Zahlungsarten verwenden möchten, empfehlen wir dringend, mehrere unkomplizierte Möglichkeiten anzubieten, um direkt zu Ihrer bevorzugten Zahlungsmethode zu gelangen. Setzen Sie dazu Hyperlinks in Schaltflächen und/oder verlinkten Text ein. In den Hinweisen oben zu PayPal erfahren Sie, wie Sie Text und Schaltflächen mit anderen Zahlungsmethoden verlinken können.

Erfassen Sie niemals die Kreditkartendaten Ihrer Kundinnen und Kunden per E-Mail oder über ein Formular. Die Aufzeichnung von Zahlungsinformationen direkt in einer E-Mail oder in einem Formular ist für Sie und Ihre Kundschaft gefährlich, da Sie dadurch ein Ziel für Hacker werden. Vermeiden Sie Identitätsdiebstahl und verringern Sie das Risiko von Hackerangriffen, indem Sie nur Zahlungsabwickler verwenden, die Sicherheit auf Bankniveau garantieren können. Wie in den Geschäfts- und Nutzungsbedingungen von VistaPrint vorgesehen, ist es nicht zulässig, mithilfe unserer Tools personenbezogene Informationen zu Kundschaft zu erfassen. Verwenden Sie nur professionelle Zahlungsabwickler.

 

Erweiterte Anpassung von Schaltflächen

Wenn Sie das Aussehen der Schaltfläche zur Terminbuchung personalisieren möchten, verwenden Sie folgenden Code.

 

<style>  

.style-my-text {
  text-decoration: none;
  color: white;
  font-size: 16px;  
}  
.give-my-button-color {
  background-color: Green;    
}  
.set-the-width-of-my-button {
    width: 200px;
} 
.make-space-around-my-button-text{
    padding: 15px;
}  

.center-my-button {
  margin: 0 auto;
}  

.left-align-my-button {
  margin-left: 0;
  margin-right: auto;
}  

.right-align-my-button {
  margin-right: 0;
  margin-left: auto;
}  

.add-additional-styles-to-my-button {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  }

</style>

<div class = 
     "set-the-width-of-my-button 
      give-my-button-color 
      center-my-button 
      make-space-around-my-button-text 
      add-additional-styles-to-my-button" 
role="button" >

<script id="setmore_script" type="text/javascript" src="https://my.setmore.com/webapp/js/src/others/setmore_iframe.js"></script><a id="Setmore_button_iframe" class="style-my-text" href="https://my.setmore.com/bookingpage/INSERT YOUR BOOKING PAGE HERE">Book an Appointment</a></div>



 

Want to contact us?
phone
1.866.614.8002
Sun. 8:00 AM-8:00 PM Mon. - Fri. 7:00 AM-3:00 AM Sat. 8:00 AM-8:00 PM
chat
Live Chat
Talk with a specialist
email
Send email
We'll answer you within one working day