提问人：Joao Antonucci 提问时间：7/31/2023 最后编辑：Joao Antonucci 更新时间：7/31/2023 访问量：14
将已填写的“电子邮件按钮”添加到wordpress帖子中
Add an "e-mail button" already filled out to a wordpress post
问：
我试图创建一个按钮，用已经写好的电子邮件打开电子邮件，准备简单地发送，而无需从点击器方面进行进一步的工作。
我写了第一个不起作用的代码，以另一种方式重写，然后传递了 ChatGPT（是的，我需要帮助），但它仍然不起作用（按钮在那里，但当我单击它时没有任何反应）。
这是我最后想出的：
<button id="emailButton">Click to Email</button>
<script><br />
document.getElementById("emailButton").addEventListener("click", function () {<br />
var destinationEmail = "[email protected]";<br />
var emailSubject = "Your email subject here";<br />
var emailBody = "Your pre-filled message here";</p>
<p> var emailLink = "mailto:" + destinationEmail + "?subject=" + encodeURIComponent(emailSubject) + "&body=" + encodeURIComponent(emailBody);<br />
window.location.href = emailLink;<br />
});<br />
</script>
我不明白为什么它不起作用，它看起来是正确的（我不是最有经验的人）。也许这是我如何在 Wordpress 上添加它的错误？
感谢您的帮助！
答：
0赞
Mart
7/31/2023
#1
问题是你的脚本标签中有 br 标签。 删除它们，它应该可以正常工作。
如果你刚开始开发，请安装一个代码编辑器，比如 VsCode（它是免费的），这样你就会注意到这样的问题。
评论
0赞
Joao Antonucci
7/31/2023
我做了你建议的更改（并在 VsCode 上尝试了）。在 VsCode 上，当我运行它时它可以工作，但是当我将其转置到 WordPress 上时，该按钮仍然不起作用！按钮在那里，但是当我单击它时没有任何反应！
0赞
Mart
7/31/2023
那么，您可能在 Wordpresss 中使用的编辑器会添加到 br 标签中。也许尝试创建一个带有 and “a” 标签的实际链接，并将 href 属性设置为：“mailto：[email protected]？subject=The%20subject%20of%20the%20email&body=The%20body%20of%20the%20mail”
评论