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).

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).

Platzierung der Terminbuchung auf der Website

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).

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. 

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.

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.

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

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

Klicken Sie auf Veröffentlichen.

Hier sehen Sie den Ablauf aller Schritte:

 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.

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.

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

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“.

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

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.

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>