So fügen Sie dem WordPress-Plugin Online-Chat-Funktionalität hinzu

So fügen Sie dem WordPress-Plugin eine Online-Chat-Funktion hinzu

Im modernen Zeitalter der sozialen Medien wird es immer wichtiger, sofort in Verbindung zu bleiben und mit Ihren Benutzern zu kommunizieren. Ob es um die Beantwortung von Benutzerfragen oder die Bereitstellung technischer Unterstützung geht, es wird eine prägnante und effiziente Möglichkeit benötigt, mit Benutzern in Echtzeit zu kommunizieren. Zu diesem Zweck können wir erwägen, dem WordPress-Plugin eine Online-Chat-Funktion hinzuzufügen, um sofort mit Benutzern zu kommunizieren.

Um Online-Chat-Funktionalität zum WordPress-Plug-in hinzuzufügen, können wir die API-Schnittstelle der Chat-Plattform eines Drittanbieters nutzen und sie in unser Plug-in integrieren. Unten sehen Sie ein Beispiel, das zeigt, wie Sie die API-Schnittstelle der Drittanbieter-Chat-Plattform Tawk.to verwenden, um Online-Chat-Funktionalität zu unserem WordPress-Plugin hinzuzufügen.

Zuerst müssen wir ein Konto auf der offiziellen Website von Tawk.to registrieren und einen Antrag erstellen. Sobald die Registrierung abgeschlossen ist, erhalten wir einen eindeutigen API-Schlüssel für die Kommunikation mit Tawk.to.

Als nächstes müssen wir den folgenden Funktionscode in den Code des WordPress-Plugins einfügen:

function add_chat_button() {
    $api_key = 'YOUR_TAWKTO_API_KEY';
    echo '<script type="text/javascript">
                var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
                (function(){
                    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
                    s1.async=true;
                    s1.src="https://embed.tawk.to/" + $api_key + "/default";
                    s1.charset="UTF-8";
                    s1.setAttribute("crossorigin","*");
                    s0.parentNode.insertBefore(s1,s0);
                })();
            </script>';
}
add_action('wp_footer', 'add_chat_button');

Im obigen Code müssen wir zunächst YOUR_TAWKTO_API_KEY durch die API ersetzen, die wir auf dem Tawk erhalten haben. zum Website-Schlüssel. Der Code wird mithilfe von JavaScript unten im WordPress-Plugin eingebettet. YOUR_TAWKTO_API_KEY替换为我们在Tawk.to网站上获得的API密钥。代码使用了JavaScript嵌入到WordPress插件的底部。

接下来，我们需要在WordPress插件的设置页面中添加选项，以便用户可以输入他们自己的Tawk.to API密钥。我们可以使用WordPress提供的Settings API，添加如下设置：

function chat_settings_init() {
    add_settings_section('chat_settings_section', __('Chat Settings', 'wp_chat'), false, 'general');

    add_settings_field(
        'tawkto_api_key',
        __('Tawk.to API Key', 'wp_chat'),
        'chat_settings_callback',
        'general',
        'chat_settings_section'
    );

    register_setting('general', 'tawkto_api_key');
}
add_action('admin_init', 'chat_settings_init');

function chat_settings_callback() {
    $api_key = get_option('tawkto_api_key');
    echo '<input type="text" id="tawkto_api_key" name="tawkto_api_key" value="' . $api_key . '" />';
}

在上述代码中，add_settings_section函数用于添加设置页面的部分，add_settings_field用于添加具体的设置字段，register_setting函数用于注册我们的设置。

最后，我们需要在WordPress插件的设置页面中调用上述设置，以便用户可以输入他们的Tawk.to API密钥。我们可以在插件的主文件中添加以下代码：

function chat_settings_page() {
    ?>
    <div class="wrap">
        <h1><?php echo esc_html(get_admin_page_title()); ?></h1>
        <form method="post" action="options.php">
            <?php
            settings_fields('general');
            do_settings_sections('general');
            submit_button();
            ?>
        </form>
    </div>
    <?php
}
function add_chat_settings_submenu() {
    add_submenu_page('options-general.php', __('Chat Settings', 'wp_chat'), __('Chat Settings', 'wp_chat'), 'manage_options', 'chat-settings', 'chat_settings_page');
}
add_action('admin_menu', 'add_chat_settings_submenu');

在上述代码中，add_submenu_page用于添加一个子菜单，链接到我们的设置页面，chat_settings_page

rrreee

Das obige ist der detaillierte Inhalt vonSo fügen Sie dem WordPress-Plugin Online-Chat-Funktionalität hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!