如何从页脚后面弹出网站聊天气泡？

Question

我正在开发的网站 https://ihcsuspension.com/ 有一个聊天功能，我正在尝试实现以将聊天内容导入 Salesforce。它目前隐藏在页脚后面，但我一生都找不到办法将其向前移动或将页脚向后拉。这是 WordPress 版本。如果您能提供任何帮助，我们将不胜感激。我已经厌倦了通过 z-index 推回页脚，但无济于事。

这是在页脚中添加聊天气泡的代码。

    <script type="text/javascript">
gform.initializeOnLoaded( function() {jQuery(document).trigger('gform_post_render', [1, 1]);gform.utils.trigger({ event: 'gform/postRender', native: false, data: { formId: 1, currentPage: 1 } });} );
</script>
</body>
<script type='text/javascript' src='https://service.force.com/embeddedservice/menu/fab.min.js'></script>
<script type='text/javascript'>
    var initESW = function(gslbBaseURL) {
        // Required if you want labels in a language that’s different from your user’s context.
        //embedded_svc.menu.settings.language = ''; //For example, enter 'en' or 'en-US'

        embedded_svc.menu.init(
            'https://ihcsuspension.my.salesforce.com',
            'https://d.la3-c1-ia6.salesforceliveagent.com/chat',
            gslbBaseURL,
            '00DHs000000QTLN',
            'IHC_Suspension'
        );
    };

    if (!window.embedded_svc || !window.embedded_svc.menu) {
        var s = document.createElement('script');
        s.setAttribute('src', 'https://ihcsuspension.my.salesforce.com/embeddedservice/menu/fab.min.js');
        s.onload = function() {
            initESW(null);
        };
        document.body.appendChild(s);
    } else {
        initESW('https://service.force.com');
    }
</script>

Answer 1

在尝试使用 z-index 推送它时，您是否将位置设置为相对/绝对/等？