1. Centro de ayuda
  2. Integraciones y aplicaciones
  3. Opciones de inserción

Cómo insertar Calendly en Joomla

Puedes insertar Calendly en tu sitio Joomla para que los visitantes puedan programar una cita contigo directamente desde tu sitio web. Esta guía le muestra cómo añadir el código de inserción utilizando las opciones HTML personalizadas de Joomla.

Antes de empezar

Tipos de inserción compatibles

Tipo de inserción Qué hace
Inserción en línea Muestra el calendario directamente en la página
Widget emergente Añade un botón flotante que abre el calendario
Texto emergente Crea un enlace que abre el calendario

Más información sobre las opciones de inserción de Calendly.

Añadir Calendly a Joomla

Puede añadir Calendly mediante un módulo HTML personalizado o directamente en un artículo. Elige la opción que mejor se adapte a tu sitio.

Opción 1 - Usar un módulo HTML personalizado

  1. En el panel de administración de Joomla, dirígete a Extensiones > Módulos.
  2. Selecciona Nuevo y luego Personalizado.
  3. En el editor:
    • Configura Mostrar título y posición según sea necesario.
    • Selecciona el botón Código o Herramientas (cuyo aspecto puede ser <>) para cambiar a la vista HTML.
    • Pega el código de inserción.
  4. Guarde y publique el módulo.
  5. Visita tu sitio para asegurarte de que la inserción se muestre correctamente.

Opción 2 - Añade Calendly a un artículo

  1. Ve a Contenido > Artículos.
  2. Edita el artículo al que deseas añadir Calendly.
  3. Selecciona el botón Vista de código (<>) en el editor.
  4. Pega el código de inserción.
  5. Guarda y previsualiza el artículo.

Consejo: si Joomla elimina las etiquetas <script>, dirígete a Configuración global > Filtros de texto para cambiar la configuración de editor.

Ejemplo de código de inserción

Este es un ejemplo de una inserción en línea:

<div class="calendly-inline-widget"
data-url="https://calendly.com/YOUR_LINK"
style="min-width:320px;height:700px;"></div>
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script>

Para insertar un widget emergente o un texto emergente, copie el código directamente desde su cuenta de Calendly.

Solución de problemas

  • Si no aparece nada, comprueba si tu editor está eliminando los scripts.
  • Prueba tu inserción tanto en escritorio como en dispositivos móviles.
  • Si estás utilizando una plantilla dinámica o extensión, asegúrate de que el script de Calendly se cargue correctamente.
¿Fue útil este artículo?