Antes de empezar
- Necesitarás identificar qué versión de Wordpress estás usando; wordpress.com o wordpress.org. Para determinar tu versión de Wordpress, sigue estos pasos:
- Inicia sesión en WordPress y visita el panel de control de administración de tu cuenta.
- Pon el cursor sobre el logotipo de Wordpress en la esquina superior izquierda de la página:
-
-
-
- Los usuarios de WordPress.org verán un menú desplegable con opciones.
- WordPress.com no verá un menú.
-
-
- Necesitarás generar el código de incrustación Como recordatorio, el código de incrustación se puede generar para un único tipo de evento o para la página de reservas de tu cuenta.
- WordPress.org admite las tres opciones de incrustación de Calendly:
- En línea
- Texto emergente
- Widget emergente
- WordPress.org admite las tres opciones de incrustación de Calendly:
Nota
El código de incrustación de Calendly requiere el uso de JavaScript. Si has aplicado un tema a tu sitio web de Wordpress.org, es posible que el tema no sea compatible con JavaScript o pueda afectar a la apariencia del código de incrustación.
Cómo incrustar Calendly en WordPress.org
Para incrustar Calendly en una sola página de tu sitio:
- Inicia sesión en WordPress y visita el área de administración.
- Ve a Páginas y decide cuál te gustaría editar, luego selecciona + para agregar un nuevo bloque.
- Elige un HTML personalizado en la lista desplegable Formato y pega tu código de incrustación de Calendly.
- Previsualizar cambios para garantizar que la incrustación coopere con el tema de tu sitio web antes de seleccionar Actualizar para guardar.
Para aplicar el widget emergente incrustado en todo tu sitio:
- Navega a la sección Apariencia y abre el Editor.
- Localiza la barra lateral Archivos de tema a la derecha de la página y desplázate para encontrar el pie de página del tema.
- Localiza la etiqueta </body en la parte inferior del pie de página. Justo encima de la etiqueta, pega el código del widget emergente desde tu cuenta de Calendly.
Cómo incrustar Calendly en WordPress.com
Aunque los widgets incrustados de Calendly no son compatibles con Wordpress.com, puedes agregar un hipervínculo a tu página de programación directamente en un sitio de WordPress.com. De esta manera, puedes dirigir a los invitados a tu página de reservas de Calendly.
Añadir un hipervínculo a tu página de Wordpress.com:
- Mientras editas una de tus páginas, resalta cualquier texto y selecciona el botón Insertar/editar en la barra de herramientas.
- Pega la URL en tu página de programación personal, una página de tipo de evento o una página de equipo. Para una imagen, selecciona la imagen y sigue los mismos pasos.
Cómo incrustar Calendly con Wordpress Elementor
Elementor es un complemento de terceros que te permite crear un tema personalizado para tu sitio de Wordpress. Con Elementor, puedes agregar el código de incrustación de Calendly a cualquier página de Wordpress.
Cuando usas Elementor para incrustar Calendly, copia el código de incrustación desde tu cuenta de Calendly. A continuación, pega el código de incrustación completo en el widget de código corto de Elementor.