- 在前端增加右下角的询盘表单弹窗:
可以使用以下代码实现,在 WordPress 主题的 functions.php 文件中添加以下代码:
add_action('wp_footer', 'my_custom_popup');
function my_custom_popup() { ?>
<div id="popup-wrapper">
<div id="popup-content">
<h2>询盘表单</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email">
<label for="message">信息:</label>
<textarea id="message" name="message"></textarea>
<button type="submit">提交</button>
</form>
</div>
</div>
<style>
#popup-wrapper {
position: fixed;
bottom: 0;
right: 0;
width: 300px;
height: 300px;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
z-index: 9999;
}
#popup-content {
padding: 20px;
}
</style>
<?php }