在Wix邮件中添加HTML及图片格式签名的实现方案问询

方法一：用Wix Velo代码自定义邮件内容 #

Wix默认邮件签名仅支持纯文本，但可以通过Velo（Wix代码编辑器）自定义邮件发送逻辑，直接在邮件HTML内容中插入带图片和样式的签名：

1. 上传图标到Wix媒体库
   将社交媒体图标等图片上传到Wix后台的「媒体库」，右键图片选择「复制直接链接」，保存这个链接用于后续HTML代码。

2. 编写HTML签名代码
   用内联CSS编写签名（邮件客户端普遍支持内联样式，不推荐外部样式表），示例代码如下：

   <div style="margin-top:20px; padding-top:15px; border-top:1px solid #eee;">
     <div style="display:flex; align-items:center; gap:12px;">
       <a href="你的社交链接1"><img src="Wix媒体库中图标1的直接链接" alt="社交图标1" width="28" height="28"></a>
       <a href="你的社交链接2"><img src="Wix媒体库中图标2的直接链接" alt="社交图标2" width="28" height="28"></a>
     </div>
     <p style="margin:8px 0 0; color:#666; font-size:14px;">
       你的名字<br>
       职位 | 公司名称
     </p>
   </div>
   

3. 在Velo中实现邮件发送
   打开Wix编辑器，切换到「代码」模式，在对应页面或后端模块中使用wix-email-backend模块发送带HTML签名的邮件，示例代码：

   import { sendEmail } from 'wix-email-backend';
   
   // 示例：监听联系表单提交事件，发送带自定义签名的邮件
   export function contactForm_submit(event) {
     const userInput = event.fields;
     const emailHtml = `
       <p>您好，收到来自${userInput.name}的消息：</p>
       <p>${userInput.message}</p>
       <!-- 插入自定义HTML签名 -->
       <div style="margin-top:20px; padding-top:15px; border-top:1px solid #eee;">
         <div style="display:flex; align-items:center; gap:12px;">
           <a href="你的社交链接1"><img src="Wix媒体库中图标1的直接链接" alt="社交图标1" width="28" height="28"></a>
           <a href="你的社交链接2"><img src="Wix媒体库中图标2的直接链接" alt="社交图标2" width="28" height="28"></a>
         </div>
         <p style="margin:8px 0 0; color:#666; font-size:14px;">
           你的名字<br>
           职位 | 公司名称
         </p>
       </div>
     `;
   
     return sendEmail({
       recipients: '你的收件邮箱',
       subject: `来自${userInput.name}的联系消息`,
       html: emailHtml
     });
   }
   

方法二：使用Wix应用市场的第三方邮件工具 #

如果不想写代码，可以在Wix应用市场中安装支持HTML签名的专业邮件工具：

• 打开Wix编辑器的「应用市场」，搜索“邮件签名”或“HTML邮件”相关应用，选择带HTML编辑功能的邮件工具
• 安装后，在应用设置中创建包含图片、链接的HTML签名，将其关联到你的邮件发送流程，替代Wix默认的纯文本签名

注意事项 #

• 图片必须使用Wix媒体库的直接链接，外部链接可能被邮件客户端拦截
• 测试签名时，发送邮件到不同邮箱（Gmail、Outlook等），确保样式和图片在各客户端正常显示
• 若使用Wix自带联系表单，需禁用默认邮件通知，改用Velo代码或第三方工具发送邮件

内容的提问来源于stack exchange，提问作者John Could