Diseño Web Valencia

Tutorial Calendly: cómo integrarlo en tu web

¿Qué es Calendly?

Empecemos por el principio: ¿qué es Calendly?

Puede ser que ya sepas lo que es, o incluso ya lo uses en tu trabajo. 

Calendly es una plataforma que te permite automatizar la reserva de citas en tu negocio y así ahorrarte la faena de estar con cientos de correos electrónicos para encontrar el momento ideal entre tu cliente y tú.

Otras funciones de Calendly

Su principal función es la reserva de citas, pero además te permite hacer muchas otras cosas:

  • Incluir el pago de las sesiones reservadas
  • Enviar emails de recordatorio
  • Incluir un formulario en la reserva
  • Formularios de redirección
  • Integrar tus calendarios
  • Usar distintas ubicaciones para la reunión: Meet, Zoom, teléfono, Skype…

Si es cierto, que no todas las opciones están en la versión gratuita. Pero para empezar, te puedes servir muy bien.

Por qué incluir Calendly en tu web

Aunque Calendly es una plataforma totalmente independiente a tu web, puedes integrarla dentro de esta. ¿Para qué?

La principal razón es para que tu cliente no abandone la web, ya que eso muchas veces crea desconfianza y de esta forma agiliza mucho más el proceso de reservar, nos ahorramos algunos pasos. 

Entre las distintas formas que hay para integrarlo, hay dos opciones de visualización: 

  • Feed de calendarios: esta es idónea si tienes varios calendarios y necesitas que previamente tu cliente escoja el que prefiera.

  • Página de calendario: si solo tienes un calendario o tienes varios, pero para cada tipo de cliente tienes uno, es mejor que directamente le lleves al suyo y le ahorres una página.

3 formas de integrar Calendly en tu web

La forma más simple: un enlace

Esta es la forma más fácil y rápida que hay. Simplemente tienes que copiar tu enlace del calendario y pegarlo en el botón de la página que quieras que esté. 

Por ejemplo: en la página de gracias (a la que te redirige una vez te han contactado) puedes poner un botón que le lleve a tu calendario y así reserve una sesión de valoración contigo. 

Con código HTML

La propia plataforma de Calendly, te da 3 opciones de integrarlo en tu web. Todas son mediante código HTML, pero que no te asuste la palabra ‘código’, porque simplemente se trata de pegar un texto HTML que te dan ellos. 

Aclarar que con estas formas que te ofrece, en todas te va a llegar a la página del feed de tus calendarios. Para que aparezca directamente el calendario que deseas, tendrá que ser con la primera opción que te he dado, o con la siguiente mediante plugin. 

Para insertar el código HTML, si usas Elementor, tienes que coger un widget de HTML y copiar el código que te dé la plataforma. 

Veamos las 3 formas que nos ofrece Calendly:



1. Inserción en línea: Se trata de que en la página que tu escojas directamente aparezca la página del feed de tus calendarios totalmente visible. 

2. Widget emergente: Esto sería un botón pop up que saldría en la página que escojas. No obstante, este pop up no se abre hasta que tu cliente le da al botón que aparece disimuladamente en la parte de abajo de la página.

3. Texto emergente: Esta opción se trata de una especie de botón que se crea para que al clicar, le lleve al feed de calendarios. 

Con un plugin: mi favorita

Esta opción puede parecer algo más enrevesada, pero es fácil, te lo aseguro. A mí es la que más me gusta porque aparece totalmente visible el calendario que tú deseas. Sin hacerte pasar antes por todos los calendarios ni sacarte fuera de tu web. 

Paso 1: Instalar el plugin “Embed Calendly”

Paso 2: Obtener API y Token

Para esto, tendrás que ir a Calendly > Integraciones > API y conectores > API y webhooks 

Una vez aquí, abajo del todo tendrás la API lista para copiar y arriba te saldrá la opción de crear el token.

Paso 3: Pegar las claves

Vas a irte al plugin Embed Calendly > Settings 

Ahí te saldrá la opción para que las pegues y así se conecte.

Paso 4: Copia el shortcode en tu página

Dentro del mismo plugin, vas a ir a la opción de ‘Event types

Ahí copiaras el shortcode y te lo llevarás  a la página en la que quieras que aparezca el calendario. Si usas Elementor, escoge un widget de shortcodes y pégalo. 

¡Listo! De esta forma, una vez tu cliente aterrice en tu página (la que hayas elegido para que aparezca el calendario) le saldrá directamente sin que tenga que navegar por distintas páginas o salirse de tu web. 

En mi servicio de diseño web a la carta siempre implemento esta última opción, ya que es la que me parece más práctica en cuanto a usabilidad y navegación. 

Si tú también quieres tener una web automatizada para ahorrarte tiempo en gestiones con clientes, empieza por aquí ¡Estaré encantada de ayudarte!

TALLER ONLINE GRATUITO

Te desvelo mi proceso de cocción para tener web que sea VISIBLE y VENDA.