Los sitios web de Vistaprint pueden integrarse con herramientas de reserva de citas en línea, gratuitas y de bajo coste, con las que estarás en contacto con los clientes a distancia y seguirás teniendo activo tu negocio.

Muchas pequeñas empresas están ofreciendo servicios virtuales con la impartición de clases en línea, con tarjetas de regalo digitales o con citas individuales por vídeo con los clientes. A continuación, indicamos algunos consejos profesionales y técnicas para empezar a alojar también servicios virtuales. Para empezar, vamos a hablar de la reserva de citas y de cómo ofrecerla en tu sitio web de Vistaprint.

En este artículo, hacemos lo siguiente:

• Te aconsejamos que crees una agenda de citas con Setmore.com.
• Te orientaremos sobre cómo conseguir el código de inserción de tu cuenta de Setmore.
• Te enseñaremos a pegarlo en el elemento HTML del Editor de sitios web de Vistaprint.
• Te damos más consejos profesionales sobre la publicación, el pago y el estilo.

IMPORTANTE: aunque Vistaprint no esté vinculado a Setmore, te recomendamos su servicio, fácil de usar, y su suscripción básica gratuita. Puedes utilizar otros proveedores de servicios de reserva de citas en línea que ofrezcan un código de inserción que funcione con los sitios de Vistaprint. 

Cómo crear una agenda de citas en línea

Para crear tu propia agenda de citas en línea, abre Setmore.com y crea una cuenta si aún no la tienes.

Sigue los pasos para configurar tu negocio. Infórmate en más detalle en Guía de asistencia de Setmore.

Cuando la hayas configurado, abre Aplicaciones e integraciones, desplázate hacia abajo hasta Reserva de sitios web y haz clic en Widget de reserva.

Desde la página de Widget de reservas, utiliza esta configuración recomendada para crear el código de inserción que utilizarás en el sitio de Vistaprint (haz clic en la imagen para ampliarla).

Cómo hacer un hueco en el sitio web para la reserva de citas

Si ya tienes un sitio web de Vistaprint, elige dónde quieres hacer mención a las citas virtuales. Por ejemplo, puedes añadir una breve nota sobre las citas en la parte superior de la página de inicio y crear una nueva página de Citas con todos los detalles.

Una vez que hayas decidido dónde quieres enlazar a la agenda online, pasa el ratón por Añadir elemento. Haz clic en el signo de más verde para abrir el menú Elementos y selecciona HTML de la sección Popular (también aparece en Extras).

Antes de que puedas añadir el elemento a tu sitio, verás un mensaje en el que se te informa de que debes asegurarte de utilizar únicamente código de fuentes de confianza y de que Vistaprint no puede garantizar la asistencia con respecto al código personalizado. Haz clic en Entiendo para comenzar a personalizar el elemento. 

Cuando añadas el elemento de HTML, haz clic en el marcador para abrir la barra de herramientas y haz clic en la rueda dentada de Configuración, situada en el extremo izquierdo. De esta forma, se verá el menú del código de inserción.

Haz clic en la rueda dentada de la configuración para añadir el código y haz clic en Actualizar.

Vuelve a la página de Widget de reservas de Setmore.com. En la ventana de código de inserción, puedes dar a Seleccionar todo y Copiar todo el bloque de código.

Pégalo en el campo Código de inserción del menú Configuración del elemento HTML:

Haz clic en Actualizar para guardar el código de inserción. El botón de reserva tendrá este aspecto cuando se publique:

Haz clic en Publicar.

Ve todos los pasos aquí:

 IMPORTANTE: si en el elemento HTML sigue sin aparecer el código de inserción, vuelve a comprobar la configuración de tu elemento HTML para el código de inserción copiado y pegado de Setmore.com y confirma que has actualizado completamente el bloque de código.

Cómo crear una página de citas

Además de destinar un espacio en tu página de inicio para que los clientes reserven citas, también puedes crear una página detallada de Citas. 

En el Editor de sitios web, abre Editar páginas > Añadir página > Citas.

Esta página contiene:

1. Encabezado del sitio.
2. Título y bloque HTML: lugar donde añadir el código de inserción de botón.
3. Título y bloque de párrafos: lugar donde añadir más información para los clientes, como el pago. 
4. Pie de página del sitio.

Cómo cobrar pagos y donativos

Las pequeñas empresas están obteniendo ingresos del cobro de citas virtuales y clases a distancia. Puedes hacer lo mismo con el sitio web de Vistaprint y otras herramientas gratuitas o de bajo coste. Las siguientes herramientas son sólo recomendaciones y no están vinculadas a Vistaprint.

Square

Setmore.com permite a los usuarios del servicio básico gratuito integrarse directamente con Square como procesador de pagos. 

Si tienes una cuenta de procesamiento de pagos de Square (o quieres crear una gratuita), al vincular tu agenda de citas de Setmore a tu cuenta de Square, podrás cobrar a los clientes en el momento en que cojan cita. El procesamiento de pagos de Square se inserta en el flujo de trabajo de reserva de citas que ve el cliente, por lo que se produce de seguido.

Conoce más detalles sobre las opciones de integración de pagos de Setmore haciendo clic aquí: https://support.setmore.com/en/collections/87087-payments

Venmo

Si utilizas Venmo para pagar, añade algún título o elemento de párrafo a tu página que mencione tu cuenta de Venmo.

También puedes añadir tu cuenta de Venmo a los datos de la empresa, a los datos del personal y a las firmas de las notificaciones por correo electrónico dentro de Setmore. Para informarte en más detalle sobre todas las opciones de Setmore, consulta sus artículos de ayuda aquí: https://support.setmore.com/en/

PayPal

Si utilizas PayPal para pagar, indica tu página pública de PayPal. Suele ser PayPal.me/nombre de usuario. Desde esta página, tus clientes pueden introducir un importe y realizarte un pago.

Esta es la URL que enlazarás en el Editor de sitios web de Vistaprint.

Ahora, añade un elemento de Título o Párrafo a tu página web, y escribe el texto que se va a enlazar, por ejemplo, «Paga tu servicio con PayPal».

Selecciona el texto y haz clic en el botón del hipervínculo de la barra de herramientas de elementos.

Ahora selecciona un enlace externo y pega la URL de tu página pública de PayPal.

Haz clic en Guardar cambios.

Haz clic en Publicar para publicar los últimos cambios al instante en la web.

También puedes hacer lo mismo para enlazar un elemento de botón en cualquier parte de tu sitio web. Haga clic aquí para informarte en más detalle sobre la creación de hipervínculos.

Otras formas de pago

Por lo que respecta a otras formas de pago, te recomendamos encarecidamente que ofrezcas a los clientes varias vías rápidas y sencillas para llegar directamente al método de pago elegido mediante hipervínculos en los botones o texto con hipervínculos. Consulta las notas anteriores sobre PayPal acerca de los pasos para enlazar el texto y los botones a otros métodos de pago.

Personalización avanzada de los botones

Si quieres personalizar la apariencia del botón de reserva de citas, utiliza el siguiente código.

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