注册后在欢迎邮件中添加到日历按钮。

我在网页中实现了添加到日历的下拉按钮

<div class="dropdown" style="display: inline;">
            <button target="_blank" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="border: 1px;border-radius: 2px;padding: 5px 10px;max-height: 30px; background-color: #004FBF;"><i class="material-icons" style="color: #FFFFFF">event</i> <span style="font-size: 12px;font-family: RobotoMedium;color:#FFFFFF;line-height:14px;letter-spacing:0px;border:1px;position: relative;top: -8px;">Add to Calendar</span></button>
            <ul class="dropdown-menu" style="margin-top: 12px;">
              <li style="padding: 5px;"><a target="_blank" href="http://www.google.com/calendar/event?action=TEMPLATE&text={{encode title}}&dates={{calendarFormat sessionStartTime}}/{{calendarFormat sessionEndTime}}&details={{calendarDetail _id}}&location={{location _id}}&trp=false&output=xml" ><i class="fa fa-google" style="color: #000000;padding: 5px;font-size: 18px;"></i><span style="font-size: 14px; font-family: RobotoRegular; color: #464646; letter-spacing: 0;height: 16px;width: 45px;  line-height: 16px;">Google</span></a></li>
              <li class="addToIcalendar" style="padding: 5px;" ><a target="_blank" href="/ics/{{getOrgId}}/{{getEventId}}/{{getSessionId}}" download><i class="fa fa-apple" style="color: #000000;padding:5px;font-size: 18px;"></i><span style="font-size: 14px; font-family: RobotoRegular; color: #464646; letter-spacing: 0;height: 16px;width: 45px;  line-height: 16px;">Apple</span></a></li>
              <li class="addToIcalendar" style="padding: 5px;"><a target="_blank" href="/ics/{{getOrgId}}/{{getEventId}}/{{getSessionId}}" ><img src="/images/outlook.png" height="19" width="19"><span style="font-size: 14px; font-family: RobotoRegular; color: #464646; letter-spacing: 0;
              height: 16px;width: 45px;  line-height: 16px;padding: 5px;">Outlook</span></a></li>
              <li class="addToIcalendar" style="padding: 5px;"><a target="_blank" href="/ics/{{getOrgId}}/{{getEventId}}/{{getSessionId}}"><i class="fa fa-yahoo" style="color: #000000;padding:5px;font-size: 18px;"></i><span style="font-size: 14px; font-family: RobotoRegular; color: #464646; letter-spacing: 0;
              height: 16px;width: 45px;  line-height: 16px;">Yahoo</span></a></li>
            </ul>
          </div>

以类似的方式,我想在欢迎邮件中创建,但没有达到预期的效果。

邮件中的 “添加到日历 “的输出为

点击按钮后,下拉项目默认不显示。图标没有按预期显示同样的代码在邮件正文中无法使用。请大家帮忙,谢谢

解决方案:

下拉式和任何带有点击事件的东西在电子邮件中编码都是非常棘手的,因为你不能使用JS,而且它可能无法在所有客户端中工作。我的建议是使用类似 添加事件 特别是其 直接URL方式 因为常规的按钮只能在网页上使用,而不是在邮件中使用。 使用直接网址的方法,你可以在你的电子邮件中制作一个CTA,它将链接到一个由AddEvent创建的网页,上面有事件的信息和添加到日历的链接。

给TA打赏
共{{data.count}}人
人已打赏
未分类

"Cucumber Full Support "扩展在VS代码中,我面临着配置问题。

2022-9-9 5:52:19

未分类

Android Studio调试构建到设备上使设备断网

2022-9-9 5:52:21

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索