Besoin d'aide ?

Prise de rendez-vous en ligne

Votre site Web VistaPrint peut intégrer des outils de prise de rendez-vous en ligne gratuits et peu coûteux qui vous aideront à rester en contact à distance avec vos clients et à continuer à développer votre activité.

De nombreuses petites entreprises se lancent dans le virtuel pour proposer des cours en ligne, des cartes cadeaux numériques ou des réunions vidéo individuelles avec les clients. Voici quelques conseils et techniques pour commencer vous aussi à héberger des services virtuels. Nous allons voir en quoi consiste la prise de rendez-vous et comment la proposer sur votre site web VistaPrint.

Dans cet article, nous allons :

  • vous recommander de créer un carnet de rendez-vous avec Setmore.com
  • vous guider pour extraire le code d'intégration de votre compte Setmore
  • vous montrer comment le coller dans l'élément HTML dans l’Éditeur de site web de VistaPrint
  • vous donner plus de conseils de pro sur la publication, le paiement et le style
NB : Bien que VistaPrint ne soit pas affilié à Setmore, nous recommandons son service facile à utiliser et son abonnement de base sans frais. Vous êtes libre d'utiliser d'autres fournisseurs de services de prise de rendez-vous en ligne qui proposent un code d'intégration compatible avec votre site VistaPrint. 

Créez votre carnet de rendez-vous en ligne

Pour créer votre carnet de rendez-vous en ligne, rendez-vous sur Setmore.com et créez un compte si vous n'en avez pas déjà un.

Suivez les étapes pour configurer votre entreprise. (Pour plus de détails, consultez le guide d'assistance de Setmore)

Une fois que vous avez terminé le processus de configuration, allez dans Applications et intégrations puis faites défiler la liste jusqu'à Réservation site web et cliquez sur le widget Réservation.

Apps_intergration_booking_widget_1000px.gif

Depuis la page du widget de réservation, utilisez les paramètres recommandés pour générer le code d'intégration que vous utiliserez sur votre site VistaPrint (cliquez sur l'image pour l'agrandir).

Booking_widget_settings_embed_code_1000px.gif

 

Créez un emplacement sur votre site web pour la prise de rendez-vous

Découvrez des modèles de sites web conçus par des graphistes professionnels ici.

Si vous disposez déjà d'un site web VistaPrint, choisissez l'endroit où vous souhaitez indiquer vos rendez-vous virtuels. Par exemple, vous pouvez ajouter un court texte sur la prise de rendez-vous en haut de votre page d'accueil et créer une nouvelle page de rendez-vous avec tous les détails.

Une fois que vous avez identifié l'endroit où vous souhaitez créer un lien vers votre carnet de rendez-vous en ligne, passez votre souris sur Ajouter un élément. Cliquez sur le signe plus vert pour lancer le menu Éléments et sélectionnez l'élément HTML dans la rubrique Populaire (il apparaît aussi dans la rubrique Extras).

Adding_HTML_pip_1000px.gif

Avant de pouvoir ajouter l'élément à votre site, un message s’affichera vous demandant de vous assurer que vous n'utilisez que du code provenant de sources fiables et que VistaPrint ne peut pas vous venir en aide concernant le code personnalisé. Cliquez sur Je comprends pour commencer à personnaliser l'élément. 

customhtml_warning.jpg

Une fois que vous avez ajouté l'élément HTML, cliquez sur l'emplacement pour lancer la barre d'outils et cliquez sur Paramètres à l'extrême gauche. Le menu Code d'intégration apparaît alors.

customhtml_clickplaceholder.jpg

Cliquez sur l'engrenage des paramètres pour ajouter votre code et cliquez sur Modifier.

Retournez à votre page du widget de réservation de Setmore.com. Dans la fenêtre du code d'intégration, vous pouvez Sélectionner tout et Copier le bloc entier de code.

appointments_embedcode.jpg

Collez ce code dans le champ Code d'intégration dans le menu Paramètres de l'élément HTML :

appointments_pastecode.jpg

Cliquez sur Mettre à jour pour enregistrer votre code d'intégration. Votre bouton de réservation ressemblera à ceci lorsqu'il sera publié :

appointments_button.jpg

Cliquez sur Publier.

Voir toutes les étapes ici :

Adding_setmore_code_to_HTML_pip_900px.gif

 NB : Si l'élément HTML n’affiche pas de code d'intégration, vérifiez les paramètres de votre élément HTML pour le code d'intégration copié/collé depuis Setmore.com et confirmez que vous avez mis à jour le bloc entier de code.

ASTUCE : dans un onglet séparé, allez sur votre site web en ligne et testez votre nouveau carnet de rendez-vous en ligne. Vous pouvez aussi demander à un ami ! Lorsque vos tests sont concluants, vous pouvez être sûr que cela fonctionnera pour vos clients.

 

Créez une page de rendez-vous

En plus de créer un emplacement sur votre page d'accueil pour que les clients puissent prendre rendez-vous, vous pouvez également créer une page de rendez-vous détaillée. 

Dans votre Éditeur de site web, allez dans Modifier les pages > Ajouter une page > Rendez-vous.

appointments_addpage.jpg

Cette page contient :

  1. En-tête du site web
  2. Bloc titre et HTML : c'est ici que vous ajouterez le code d'intégration de votre bouton.
  3. Bloc titre et paragraphe : c'est ici que vous pouvez ajouter des informations pour vos clients, comme le paiement. 
  4. Pied de page du site

appointments_appointmentspage.jpg

 

Collectez des paiements et des pourboires

Les petites entreprises génèrent des revenus en facturant les rendez-vous virtuels et les cours en ligne. Vous pouvez faire de même en utilisant votre site web VistaPrint et d'autres outils gratuits ou peu coûteux. Les outils suivants ne sont que des recommandations et ne sont pas affiliés à VistaPrint.


Square

Setmore.com permet aux utilisateurs de la version de base gratuite d'intégrer directement Square comme service de traitement de paiement. 

Si vous disposez d'un compte de traitement de paiements Square (ou si vous souhaitez en créer un gratuitement), le fait de relier votre carnet de rendez-vous Setmore à votre compte Square vous permet de facturer les clients tout de suite, au moment où ils demandent un rendez-vous avec vous. Le traitement du paiement par Square est inséré dans le workflow de la prise de rendez-vous que votre client voit, de sorte qu'il est transparent.

Pour en savoir plus sur les options d'intégration des paiements de Setmore, rendez-vous sur le site : https://support.setmore.com/en/collections/87087-payments


Venmo


Si vous utilisez Venmo pour le paiement, ajoutez des éléments de titre ou de paragraphe à votre page pour mentionner votre identifiant Venmo.

Vous pouvez également ajouter votre identifiant Venmo aux coordonnées de l'entreprise, aux coordonnées du personnel et aux signatures de notification par e-mail dans Setmore. Pour en savoir plus sur toutes les options disponibles dans Setmore, consultez leurs articles d'aide ici : https://support.setmore.com/en/


PayPal


Si vous utilisez Paypal pour le paiement, identifiez votre page publique Paypal. C'est généralement Paypal.me/votrenomdutilisateur. C'est sur cette page que vos clients peuvent saisir un montant en devise et effectuer leur paiement.

Il s'agit de l'URL que vous utiliserez comme lien hypertexte dans l’Éditeur de site web de VistaPrint.

Ajoutez maintenant un élément Titre ou Paragraphe à votre page web et remplissez-le avec le texte à mettre en hyperlien, tel que « Payez votre service en utilisant Paypal ».

Sélectionnez ce texte et cliquez sur le bouton hyperlien dans la barre d'outils de l'élément.

appointments_paypaltext.jpg

Sélectionnez maintenant un lien externe et collez l'URL de votre page Paypal publique.

Cliquez sur Enregistrer les modifications.

Cliquez sur Publier pour mettre en ligne vos dernières modifications.

Vous pouvez procéder de la même manière pour créer un lien hypertexte depuis un bouton n'importe où sur votre site web. Cliquez ici pour plus d'informations sur la création de liens hypertextes.

P.S. : Si vous êtes une organisation à but non lucratif, vous pouvez utiliser le bouton « Don Paypal » disponible dans l’Éditeur de site web de VistaPrint.

P.P.S. : Si vous avez un abonnement Premium à l’Éditeur de site web de VistaPrint, vous pouvez utiliser le bouton d'achat Paypal intégré. Pour en savoir plus sur l'utilisation de Paypal, cliquez ici.


Autre modes de paiement

Pour les autres formes de paiement, nous vous recommandons vivement d'offrir à vos clients plusieurs chemins rapides et faciles pour accéder directement à votre mode de paiement préféré via des hyperliens dans des boutons et/ou un lien hypertexte. Lisez les notes sur Paypal ci-dessus pour connaître les étapes à suivre pour relier votre texte et vos boutons à d'autres méthodes de paiement.

Ne collectez jamais les informations relatives aux cartes de crédit de vos clients par e-mail ou via un formulaire. L'enregistrement des informations de paiement d'une personne directement dans un e-mail ou via un formulaire est dangereux pour vous et pour votre client, car il fait de vous une cible pour les pirates informatiques. Évitez l'usurpation d'identité et réduisez le risque de piratage en utilisant des services de traitement de paiement offrant une sécurité de niveau bancaire. Les conditions d'utilisation de VistaPrint vous interdisent également de recueillir des informations permettant d'identifier personnellement vos clients à l'aide de nos outils. N'utilisez que des services de traitement de paiement professionnels.

 

Personnalisation avancée des boutons

Si vous voulez personnaliser la façon dont votre bouton de prise de rendez-vous apparaît, utilisez le code suivant :

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