时间戳

首页 > 解决方案 > 您知道如何设计此电子邮件链接吗？

email - 您知道如何设计此电子邮件链接吗？

问题描述

首先感谢您帮助我。

我正在尝试格式化此电子邮件，但无法将链接放入容器中。

我不知道我可以使用哪些属性。

在 html 中它工作得很好，但是当我在邮件客户端中看到它时它不起作用

<table width="650" align="center" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td bgcolr="#005daa" width="650px" bgcolor="#ffffff">
               [imagen_1]
            </td>
        </tr>

        <tr>
            <td width="650" bgcolor="#FFFFFF" style="padding-right: 30px; padding-bottom: 20px; padding-left: 30px">

                <p style="margin: 0; font-family: Arial, sans-serif; font-size: 18px; color: #5c6670; text-align: left;">
                    [texto_1]
                </p><br>

                <p style="margin: 0; font-family: Arial, sans-serif; font-size: 18px; color: #ed1b24; text-align: left; font-weight: bold">
                    <a style="text-decoration:none; margin: 0; font-family: Arial, sans-serif; font-size: 18px; color: #ed1b24; text-align: left; font-weight: bold"
                        href="https://{{ $_SERVER['HTTP_HOST'] }}/validating-email/{{$data->token}}">
                        
CLICK HERE IN THE FOLLOWING LINK <br>TO CONFIRM YOUR MAIL


                    </a>
                </p>
                <p style="margin: 0; font-family: Arial, sans-serif; font-size: 18px; color: #ed1b24; text-align: left; font-weight: bold">
                   and start enjoying great benefits.
                </p>
            </td>
            
           
        </tr>
        <tr>
         <td>
             <table width="550" align="center" cellpadding="0" cellspacing="0" border="0">
                 <tr>
                    <td bgcolr="#005daa" width="650px" bgcolor="#ffffff">
                    
                      <a rel="nofollow" style="widh: 500px;     word-break: break-all;">
                       

https://dominio.com/confirm-email/eyJpdiI6IkhkWlp6NlVQSXcrd0R6WnVWXC9za1wvUT09IiwidmFsdWUiOiJ3WUwycEt5UFwvbU9IVnBnWDJYejNlem1MYytHcFhMSk56OFwvOGZUdmVhYzdRbUgyNEM5b0VkMlhkdlBFNGxrcGQiLCJtYWMiOiI4MmZkNjllZjI3MTNhMDhiNTU1NmRmZjhmNmFiNzljYWM3ZGY0N2UzZTFlZjA5MjlkNmY4MDc5NWY1OGYwMWRjIn0= 
 

                      </a>
                    </td>
                </tr>
             </table>
            </td>
         </tr>
</table>

所以它看起来在电子邮件中

我已经尝试了一千种方法，但没有一种有效。

您对我如何才能设置链接并且不会保留在一行中有所了解

    <table width="650" align="center" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td bgcolr="#005daa" width="650px" bgcolor="#ffffff">
                   [imagen_1]
                </td>
            </tr>

            <tr>
                <td width="650" bgcolor="#FFFFFF" style="padding-right: 30px; padding-bottom: 20px; padding-left: 30px">

                    <p style="margin: 0; font-family: Arial, sans-serif; font-size: 18px; color: #5c6670; text-align: left;">
                        [texto_1]
                    </p><br>

                    <p style="margin: 0; font-family: Arial, sans-serif; font-size: 18px; color: #ed1b24; text-align: left; font-weight: bold">
                        <a style="text-decoration:none; margin: 0; font-family: Arial, sans-serif; font-size: 18px; color: #ed1b24; text-align: left; font-weight: bold"
                            href="https://{{ $_SERVER['HTTP_HOST'] }}/validating-email/{{$data->token}}">
                            
    CLICK HERE IN THE FOLLOWING LINK <br>TO CONFIRM YOUR MAIL


                        </a>
                    </p>
                    <p style="margin: 0; font-family: Arial, sans-serif; font-size: 18px; color: #ed1b24; text-align: left; font-weight: bold">
                       and start enjoying great benefits.
                    </p>
                </td>
                
               
            </tr>
            <tr>
             <td>
                 <table width="550" align="center" cellpadding="0" cellspacing="0" border="0">
                     <tr>
                        <td bgcolr="#005daa" width="650px" bgcolor="#ffffff">
                        
                          <a rel="nofollow" style="widh: 500px;">
                           

    https://dominio.com/confirm-email/eyJpdiI6IkhkWlp6NlVQSXcrd0R6WnVWXC9za1wvUT09IiwidmFsdWUiOiJ3WUwycEt5UFwvbU9IVnBnWDJYejNlem1MYytHcFhMSk56OFwvOGZUdmVhYzdRbUgyNEM5b0VkMlhkdlBFNGxrcGQiLCJtYWMiOiI4MmZkNjllZjI3MTNhMDhiNTU1NmRmZjhmNmFiNzljYWM3ZGY0N2UzZTFlZjA5MjlkNmY4MDc5NWY1OGYwMWRjIn0= 
     

                          </a>
                        </td>
                    </tr>
                 </table>
                </td>
             </tr>
</table>

标签： emailhtml-emailemail-attachments

解决方案

您是在问如何使 href 工作？

这是基本 href 的工作原理：

<a href="http://stackoverflow.com" target="_blank">stackoverflow.com</a>

在您的情况下，它应该如下所示：

<a href="https://dominio.com/confirm-email/eyJpdiI6IkhkWlp6NlVQSXcrd0R6WnVWXC9za1wvUT09IiwidmFsdWUiOiJ3WUwycEt5UFwvbU9IVnBnWDJYejNlem1MYytHcFhMSk56OFwvOGZUdmVhYzdRbUgyNEM5b0VkMlhkdlBFNGxrcGQiLCJtYWMiOiI4MmZkNjllZjI3MTNhMDhiNTU1NmRmZjhmNmFiNzljYWM3ZGY0N2UzZTFlZjA5MjlkNmY4MDc5NWY1OGYwMWRjIn0="
target="_blank" rel="nofollow" style="widh: 500px; word-break: break-all;">CLICK HERE IN THE FOLLOWING LINK<br />
TO CONFIRM YOUR MAIL<br />
and start enjoying great benefits.</a>

或者，如果您只希望 url 链接到网站，请执行此操作：

<a href="https://dominio.com/confirm-email/eyJpdiI6IkhkWlp6NlVQSXcrd0R6WnVWXC9za1wvUT09IiwidmFsdWUiOiJ3WUwycEt5UFwvbU9IVnBnWDJYejNlem1MYytHcFhMSk56OFwvOGZUdmVhYzdRbUgyNEM5b0VkMlhkdlBFNGxrcGQiLCJtYWMiOiI4MmZkNjllZjI3MTNhMDhiNTU1NmRmZjhmNmFiNzljYWM3ZGY0N2UzZTFlZjA5MjlkNmY4MDc5NWY1OGYwMWRjIn0="
target="_blank">https://dominio.com/confirm-email/eyJpdiI6IkhkWlp6NlVQSXcrd0R6WnVWXC9za1wvUT09IiwidmFsdWUiOiJ3WUwycEt5UFwvbU9IVnBnWDJYejNlem1MYytHcFhMSk56OFwvOGZUdmVhYzdRbUgyNEM5b0VkMlhkdlBFNGxrcGQiLCJtYWMiOiI4MmZkNjllZjI3MTNhMDhiNTU1NmRmZjhmNmFiNzljYWM3ZGY0N2UzZTFlZjA5MjlkNmY4MDc5NWY1OGYwMWRjIn0=</a>

所有这些都可以在一条线上。我添加了中断以更容易查看代码。

祝你好运。

推荐阅读