WordPress: Comment créer un shortcode pour publier votre bouton Google Calendar Booking

Calendrier Google Fonctionnement de planification de rendez-vous Permet aux entreprises, aux pigistes et aux professionnels de rationaliser les réservations sans avoir besoin de logiciels de planification tiers. Cependant, Google ne fournit pas un moyen facile d’intégrer un bouton de réservation directement dans un WordPress site. Au lieu de cela, les utilisateurs doivent insérer un script personnalisé ou un lien vers la page externe.

Pour rendre ce processus transparent, un simple plugin WordPress peut vous permettre d’ajouter un bouton de réservation de calendrier Google n’importe où sur votre site Web à l’aide d’un shortcode. Ce plugin garantit que les visiteurs peuvent planifier des rendez-vous directement à partir de votre site en un seul clic.

Pourquoi utiliser le calendrier Google pour la planification?

La planification de rendez-vous de Google Calendar est une fonctionnalité intégrée qui permet aux utilisateurs de créer des plages horaires dédiés pour des réunions, des consultations clients ou d’autres réservations. Certains des avantages comprennent:

• Pas besoin de logiciel de planification supplémentaire
• Ajustements automatiques du fuseau horaire pour les clients mondiaux
• Intégration transparente avec Google Meet pour les rendez-vous virtuels
• Interface simple qui fonctionne sur tous les appareils

Malgré ces avantages, Google n’offre pas une intégration WordPress intégrée. C’est là que le Plugin de bouton Google Calendar est utile.

Présentation du plugin de bouton Google Calendar

Le Plugin de bouton Google Calendar est un plugin WordPress léger qui vous permet d’insérer un bouton de planification à l’aide d’un shortcode. Vous pouvez utiliser votre rendez-vous tous URL ou l’une de vos URL d’événement unique pour le lien. Une fois activé, voici un exemple:

Voici comment formater le shortcode à l’aide de l’URL pour votre lien de calendrier:

[googlecalendar link="Your_Google_Calendar_Link" color="#YourColor"]Button Text[/googlecalendar]

Le plugin prend en charge:

• UN lien personnalisé pour votre page de réservation de rendez-vous
• UN étiquette de bouton personnalisée
• UN Couleur du bouton personnalisé

Si aucun texte de bouton n’est fourni, le texte par défaut sera «Prenez un rendez-vous.»

Comment installer le plugin de bouton Google Calendar

Suivez ces étapes pour installer et activer le plugin sur votre site WordPress:

1. Créer un nouveau dossier dans le wp-content/plugins/ répertoire et le nommer google-calendar-button.
2. Créer un nouveau fichier à l’intérieur de ce dossier et le nommez google-calendar-button.php.
3. Copier et coller le code suivant dans le google-calendar-button.php déposer.
4. Enregistrer le fichier et activer le plugin du tableau de bord administrateur WordPress.

Code de plugin de bouton Google Calendar

<?php
/**
 * Plugin Name: Google Calendar Button
 * Plugin URI:  https://dknewmedia.com
 * Description: A simple shortcode to insert a Google Calendar appointment scheduling button.
 * Version:     1.0
 * Author:      Douglas Karr
 * Author URI:  https://dknewmedia.com
 * License:     GPL-2.0+
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 */

if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly.
}

function google_calendar_scheduler_shortcode($atts, $content = null) {
    $atts = shortcode_atts(
        array(
            'link'  => '', // You can optionally default your link here
            'color' => '#039BE5', // Default color (Google blue)
        ),
        $atts,
        'googlecalendar'
    );

    if (empty($atts['link'])) {
        return '<p style="color: red; font-weight: bold;">Error: No Google Calendar link provided in the shortcode.</p>';
    }

    // Default label if no custom text is provided
    $button_label = !empty(trim($content)) ? esc_html($content) : 'Book an Appointment';

    ob_start();
    ?>
    <!-- Google Calendar Appointment Scheduling begin -->
    <link href="https://calendar.google.com/calendar/scheduling-button-script.css" rel="stylesheet">
    <script src="https://calendar.google.com/calendar/scheduling-button-script.js" async></script>
    <script>
    (function() {
      var target = document.currentScript;
      window.addEventListener('load', function() {
        calendar.schedulingButton.load({
          url: '<?php echo esc_url($atts['link']); ?>',
          color: '<?php echo esc_attr($atts['color']); ?>',
          label: '<?php echo esc_html($button_label); ?>',
          target,
        });
      });
    })();
    </script>
    <!-- end Google Calendar Appointment Scheduling -->
    <?php
    return ob_get_clean();
}

add_shortcode('googlecalendar', 'google_calendar_scheduler_shortcode');

Comment utiliser le shortcode

Une fois le plugin activé, vous pouvez ajouter un bouton de réservation de calendrier Google n’importe où sur votre site WordPress à l’aide du shortcode. Voici un exemple de base:

[googlecalendar link="https://calendar.google.com/calendar/appointments/YourAppointmentLinkHere"]
[/googlecalendar]

• Texte du bouton: Prendre rendez-vous
• Couleur du bouton: Google Blue (# 039BE5)

Texte et couleur du bouton personnalisé

[googlecalendar link="https://calendar.google.com/calendar/appointments/YourAppointmentLinkHere" color="#ff5733"]Schedule Now[/googlecalendar]

• Texte du bouton: Calendrier maintenant
• Couleur du bouton: Orange rouge (# FF5733)

Gestion des erreurs (aucun lien fourni)

Si aucun lien n’est fourni dans le shortcode, le message d’erreur suivant sera affiché:
Erreur: pas de lien de calendrier Google fourni dans le shortcode.

Google Calendar est un outil puissant pour planifier des réunions, mais intégrer un bouton de réservation dans WordPress peut être délicat. Le Plugin de bouton Google Calendar résout ce problème en permettant aux utilisateurs d’insérer un bouton de planification à l’aide d’un simple raccourci.

Ce plugin est la solution parfaite si vous recherchez un moyen simple et efficace d’intégrer les rendez-vous de calendrier Google dans votre site WordPress.