HTML 中的 link 电子邮件无法在移动设备上打开应用程序
Deep link in HTML email not opening app on mobile
我的 HTML 表单中嵌入了一个深层链接,该表单是通过 nodeJS 上的 SendGrid API 提交的。
尽管用户能够收到电子邮件,但他们无法点击它。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="main">
<div>
<h1>Welcome to Example</h1>
<button disabled style="font-size:20px;">Connect</button>
</div>
<div class="content">
<p>A request to reset your password has been made. If you did not make this request, simply ignore this email. If you did make this request, please reset your password below.</p>
</div>
<div>
<form action="exampleapp://resetpassword/" target="_blank">
<input type="submit" value="Reset Password" style="background: #00008B; padding: 10px 50px; border: none; color: #FFF"/>
</form>
</div>
<div>
<h2><a href="https://www.example.com/en" target="_blank">Example Here</a></h2>
</div>
</div>
</body>
<footer>
<div>
<p>Having trouble viewing this email?</p>
<a href="#">Contact our support team.</a>
</div>
</footer>
</html>
我尝试将 <form><input /></form>
更改为 <a href="exampleapp://resetpassword/">
但无济于事。
请帮忙,谢谢
我已经使用 AWS 和 NodeJS 创建了一个自定义解决方案。
我的 HTML 表单中嵌入了一个深层链接,该表单是通过 nodeJS 上的 SendGrid API 提交的。
尽管用户能够收到电子邮件,但他们无法点击它。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="main">
<div>
<h1>Welcome to Example</h1>
<button disabled style="font-size:20px;">Connect</button>
</div>
<div class="content">
<p>A request to reset your password has been made. If you did not make this request, simply ignore this email. If you did make this request, please reset your password below.</p>
</div>
<div>
<form action="exampleapp://resetpassword/" target="_blank">
<input type="submit" value="Reset Password" style="background: #00008B; padding: 10px 50px; border: none; color: #FFF"/>
</form>
</div>
<div>
<h2><a href="https://www.example.com/en" target="_blank">Example Here</a></h2>
</div>
</div>
</body>
<footer>
<div>
<p>Having trouble viewing this email?</p>
<a href="#">Contact our support team.</a>
</div>
</footer>
</html>
我尝试将 <form><input /></form>
更改为 <a href="exampleapp://resetpassword/">
但无济于事。
请帮忙,谢谢
我已经使用 AWS 和 NodeJS 创建了一个自定义解决方案。