我给客户搭建了一个wordpress网站，现在想要更改wordpress的后台让客户能更加清晰在后台增加和更新产品，有以下这几个需求，请帮我用代码或者插件的方式去实现：1.在前端增加右下角的询盘表单弹窗，要求用代码方式实现；2.在前端的右侧增加在线悬浮窗口，要求有Jason的WhatsApp号码，号码为+8518588629881，请用代码方式实现；3.需要实现后台的排版，后台首页的内容需要可以统计关键词排名的图表，访问的流量和国家的图表，这个是否接入API，如何接入API，又如何把API的内容放在后台首页上来呈现？4.后台需要有一个询盘菜单栏，这个询盘菜单栏可以统计留下询盘的人的信息，包括邮箱，电话，IP，国家和详情内容，我该如何实现？

1. 在前端增加右下角的询盘表单弹窗

可以使用以下步骤实现：

1. 在WordPress的主题文件中打开 functions.php 文件，添加以下代码：

function add_popup_form() {
    ?>
    <div id="popup-form-container">
        <form id="popup-form" method="post" action="">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" required>

            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required>

            <label for="message">Message:</label>
            <textarea id="message" name="message"></textarea>

            <input type="submit" value="Submit">
        </form>
    </div>
    <?php
}

add_action('wp_footer', 'add_popup_form');

2. 将上面代码中的表单内容进行自定义修改，比如修改表单项的名称，添加更多的表单项等。

3. 在 WordPress 的主题样式文件（style.css）中添加以下 CSS 代码，以控制弹窗的显示和样式：

#popup-form-container {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 400px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
    display: none;
}

#popup-form-container form {
    padding: 20px;
}

#popup-form-container label {
    display: block;
    margin-bottom: 10px;
}

#popup-form-container input,
#popup-form-container textarea {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

#popup-form-container input[type="submit"] {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

4. 最后，使用 JavaScript 代码监听点击事件，显示和隐藏弹窗：

jQuery(document).ready(function($) {
    $('#popup-form-container').fadeIn();
});

$('#close-button').click(function(e) {
    e.preventDefault();
    $('#popup-form-container').fadeOut();
});

2. 在前端的右侧增加在线悬浮窗口

可以使用以下步骤实现：

1. 在 WordPress 的主题文件中打开 functions.php 文件，添加以下代码：

function add_whatsapp_button() {
    ?>
    <div id="whatsapp-button">
        <a href="https://wa.me/8518588629881" target="_blank"><img src="path/to/whatsapp-icon.png" alt="WhatsApp"></a>
    </div>
    <?php
}

add_action('wp_footer', 'add_whatsapp_button');

2. 修改代码中的 WhatsApp 号码，以及 WhatsApp 图标的路径。

3. 在 WordPress 的主题样式文件（style.css）中添加以下 CSS 代码，以控制按钮的显示和样式：

#whatsapp-button {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

#whatsapp-button img {
    width: 50px;
    height: 50px;
}

3. 实现后台的排版

可以使用以下步