---
# System prepended metadata

title: eDM 常見區塊

---



[Reference]
https://drive.google.com/drive/folders/14jVbbWnTx4126CMw0iV4XNm46wFF4bA9




# eDM 架構

# eDM Style 規則



# eDM 區塊
{{圖片 URL---放這邊}}
{{Link URL--放這邊}}
<!-- 區塊開始 -->
 
## <font color=#4285F4>Heroimg - 頭圖</font>

### A.區塊位置
:::warning
![image](https://hackmd.io/_uploads/HkfWbQmr6.png =500x)
:::
### B.常見樣式

### B1.圖片(NO CTA)


:::warning
![image](https://hackmd.io/_uploads/B1vyGm7rp.png =500x)
:::

```HTML!
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;">
    <tbody>
        <tr>
            <td width="100%" valign="top">
                <img border="0" 
                     alt="" 
                     src="{{圖片URL---放這邊}}"
                     style="display:block; 
                            max-width:100% !important; 
                            width:100%; height:auto!important;">
            </td>
        </tr>
    </tbody>
</table>
```

### B2.圖片 + CTA



:::warning
 ➕ 增加 a 標籤在 Img 最外層
```HTML!
<a href="{{URL--放這邊}}" target="_blank"></a>
```
:::

```HTML!
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;">
    <tbody>
        <tr>
            <td width="100%" valign="top">
             <a href="{{URL--放這邊}}" target="_blank">
                <img border="0" 
                     alt="" 
                     src="{{圖片URL---放這邊}}"
                     style="display:block; 
                            max-width:100% !important; 
                            width:100%; height:auto!important;">
                </a>
            </td>
        </tr>
    </tbody>
</table>
```


### B3.文字 + 圖片(底圖)


:::warning
![image](https://hackmd.io/_uploads/BJE92FSra.png =500x)

 ➕ 增加背景底圖
```HTML!
background-image: url('{{URL--放這邊}}');
background="{{URL--放這邊}}">

#1 第一層 Table 的 td 控制 Background 大小
```
:::

```HTML!
<table style="border-collapse: collapse;" border="0" width="600" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            // #1 控制 Background 大小
            <td style="border-collapse: collapse; 
            background-repeat: no-repeat; 
            background-size: 100%; 
            width: 600px; 
            height: 299px; 
            padding: 0px 50px; 
            background-image: url('https://oss.uppmkt.com/202203/bai_intro/0331-h.png'); "
            background="https://oss.uppmkt.com/202203/bai_intro/0331-h.png">
                <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse">
                    <tbody>
                        <tr>
                            <td style="padding: 130px 0px 0px 0px; font-size: 24px; line-height: 140%; letter-spacing:0.02em; font-weight: 700; font-family: Google Sans, Roboto, Arial; color: #4285f4; text-align: left; ">
                                {{Company Name}}, </td>
                        </tr>
                        <tr>
                            <td
                                style=" padding:10px 0px 0px 0px; font-size: 18px; line-height: 150%; letter-spacing: 0.02em; font-weight: 700; font-family: Google Sans, Roboto, Arial; color: #202124; text-align: left; ">
                                让您的成长经理 全面了解您的业务 提供定制化的服务 </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
```






---





<!-- 區塊結束 -->

<!-- 區塊開始 -->
## <font color=#4285F4>Headline 標題區塊</font>

### A.區塊位置
:::warning
![image](https://hackmd.io/_uploads/ByWUGqSr6.png =500x)
:::

### B.常見樣式
### B1.圖片(NO CTA)

:::warning
![image](https://hackmd.io/_uploads/B18GWcSSa.png =500x)
:::

```HTML!
<table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td valign="top" width="100%" style="padding:0px 0 35px;">
                <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;"
                    src="{{圖片URL---放這邊}}" alt="" width="600" border="0">
            </td>
        </tr>
    </tbody>
</table>
```

### B2.文字

:::warning
![image](https://hackmd.io/_uploads/ryUcanBHa.png =500x)
:::



```HTML!
<table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td style="padding: 0px 45px 0px 50px;" align="justify">
                <div
                    style="margin: 40px 0px 20px; text-align: justify; font-size: 22px; line-height: 165%; letter-spacing: 0.04em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: bold;">
                    谷歌中国代理商合作伙伴专属月刊
                    <br>2023 年 3 月刊
                </div>

            </td>
        </tr>
    </tbody>
</table>
```

<!-- 區塊結束 -->


<!-- 區塊開始 -->
## <font color=#4285F4>活動介紹區塊</font>

### A.區塊位置
:::warning
![image](https://hackmd.io/_uploads/r1c2zTBB6.png =500x)
:::

### B.常見樣式
### B1.文字 Only



```HTML=
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;">
    <tbody>
        <tr>
            <td align="left" style="padding: 30px 50px 30px;">
                <div
                    style="margin:0px 0px 0px; text-align: left; font-size: 18px; line-height: 130%; letter-spacing: 0.02em; font-family: Google Sans, Roboto, Arial; color: #5F6368; font-weight: 400;">
                    With the holidays approaching, we're all in for a thrilling ride this month! Join us as we uncover
                    key retail trends, decode consumer motivation and harness Google's AI magic to meet global holiday
                    demand.</div>
            </td>
        </tr>
    </tbody>
</table>
```

### B2.文字 + 底圖

:::warning
![image](https://hackmd.io/_uploads/HkLIvTHST.png =500x)

:::


```HTML=
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;">
    <tbody>
        <tr>
            <td width="100%" height="400" valign="top"
                style="padding: 0px 0px 0px;background-image: url('https://oss.uppmkt.com/2023/11/cxo/information_bg.png');background-size: 100%;background-repeat: no-repeat;background-position: top;"
                background="https://oss.uppmkt.com/2023/11/cxo/information_bg.png">
                <table border="0" cellpadding="0" cellspacing="0" width="100%"
                    style="border-collapse: collapse; table-layout: fixed;">
                    <tbody>
                        <tr>
                            <td width="100%" style="padding: 0px 0px 0px;">
                                <div
                                    style="margin: 80px 50px 15px;text-align: center;font-size: 23px;line-height: 165%;letter-spacing: 0.01em;font-family: Google Sans, Roboto, Arial;color: #4285F4;font-weight: 500;">
                                    CxO Connect 年末盛会重磅登场 ！</div>
                                <div
                                    style="margin: 0 80px 30px;text-align: justify;font-size: 15px;line-height: 165%;letter-spacing: 0.01em;font-family: Google Sans, Roboto, Arial;color: #5F6368;font-weight: 400;">
                                    作为游戏与应用出海重点客户高层交流的年度盛会，CxO Connect 是全球开发者增长策略团队组织的年度高层闭门会议，12 月于北京有幸邀请到多位行业巨擘与
                                    Google 团队高层，分享新锐信息、行业挑战与实战经验，更设有 4
                                    大应用分会场，带来细分垂类最新趋势，并透过分会场鸡尾酒会、现场问答，近距离与垂类同行深度交流。诚挚邀请您莅临年末盛会，发现 2024 年新机遇与未来展望 。</div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
```




<!-- 區塊開始 -->


## <font color=#4285F4>RSVP 報名區塊</font>
### A.區塊位置
:::warning
![image](https://hackmd.io/_uploads/By6OJ6Sr6.png =500x)
:::
### B.常見樣式
### B1.按鈕 + 提示文字 

:::warning
![image](https://hackmd.io/_uploads/rk3Gk6Hra.png =500x)
:::

```HTML=
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;">
    <tbody>
        <tr>
            <td width="100%" valign="top" align="center" style="padding: 0px 0px 0px;">
                <a href="https://googleads.link/23cxoinvitationedm/{{.guest.uid}}?qv=1" target="_blank" style="">

                    <img src="https://oss.uppmkt.com/2023/11/cxo/cta.png"
                        style="width: 272px;vertical-align:middle;display: inline-block;margin:0 0 0 5px;"
                        alt="https://googleads.link/23cxoinvitationedm/{{.guest.uid}}?qv=1">
                </a>
            </td>
        </tr>
        <tr>
            <td width="100%" valign="top" style="padding: 0px 0px 0px ">
                <table style="border-collapse: collapse;table-layout: fixed;margin: 32px auto;" border="0"
                    align="center" cellspacing="0" cellpadding="0">
                    <tbody>
                        <tr>
                            <td valign="top" width="15" style="padding:8px 0 0;">
                                <div
                                    style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;">
                                    &nbsp;
                                </div>
                            </td>
                            <td valign="top">
                                <div
                                    style="margin:0 0 10px;text-align: left;font-size: 15px;line-height: 130%;letter-spacing: 0.015em;font-family: Google Sans, Roboto, Arial;color: #5f6368;font-weight: 400;">
                                    截止日期： 请于 11 月 30 日前预定您的线下盛会席位</div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="top" width="15" style="padding:8px 0 0;">
                                <div
                                    style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;">
                                    &nbsp;
                                </div>
                            </td>
                            <td valign="top">
                                <div
                                    style="margin:0 0 10px;text-align: left;font-size: 15px;line-height: 130%;letter-spacing: 0;font-family: Google Sans, Roboto, Arial;color: #5f6368;font-weight: 400;">
                                    邀请对象：贵司高层（每司限额 2 位，每位报名者需独立填表）</div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="top" width="15" style="padding:8px 0 0;">

                            </td>
                            <td valign="top">
                                <div
                                    style="margin: 0px;text-align: left;font-size: 12px;line-height: 130%;letter-spacing: 0;font-family: Google Sans, Roboto, Arial;color: #5f6368;font-weight: 400;">
                                    活动限定邀请 250 位应用开发者高层现场参与，名额有限，<br>请您尽早确认出席</div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>

    </tbody>
</table>
```

### B2.QRcode + 底圖

:::warning
![image](https://hackmd.io/_uploads/B1ylGpBr6.png =500x)
:::


```HTML=
<table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td valign="top" width="100%">
                <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;"
                    src="https://oss.uppmkt.com/202302/ads3-1/ft.png" alt="" border="0">
            </td>
        </tr>
        <tr>
            <td align="center"
                style="padding: 0px 0px 0px; background-image: url('https://oss.uppmkt.com/202302/ads3-1/fb.png'); background-size: 100%; background-repeat: repeat;"
                width="100%">
                <table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0"
                    cellpadding="0">
                    <tbody>
                        <tr>
                            <td align="center"
                                style="padding: 0px 0px 0px;background-image: url('https://oss.uppmkt.com/202302/ads3-1/bgicon.png');background-size: 100%;background-repeat: no-repeat;background-position: center top 35px;"
                                width="100%">
                                <table width="100%" style="border-collapse: collapse;" border="0" cellspacing="0"
                                    cellpadding="0">
                                    <tbody>
                                        <tr>
                                            <td style="padding: 20px 20px 0px;">
                                                <div
                                                    style="text-align: center; font-size: 24px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700;">
                                                    谷歌出海大讲堂
                                                </div>
                                                <div
                                                    style="text-align: center; font-size: 24px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700;">
                                                    <b style="color:#E37400">挖掘潜在客户</b> 3 月专场直播课程
                                                </div>
                                                <div
                                                    style="text-align: center; font-size: 20px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700;">
                                                    2023 年 3 月 7 日（周二） 14:00-15:00
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" style="padding:25px 0;">
                                                <img style="display: block; max-width: 500px !important; width: 500px; height: auto !important;"
                                                    src="https://oss.uppmkt.com/202302/ads3-1/line.png" alt=""
                                                    width="600" border="0">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" style="padding: 0px 50px 15px;">
                                                <table
                                                    style="border-collapse: collapse; table-layout: fixed; margin: 0 0 15px;"
                                                    border="0" cellspacing="0" cellpadding="0" align="center">
                                                    <tbody>
                                                        <tr>
                                                            <td style="padding: 0px 0px; text-align: left; font-size: 15px; line-height: 150%; letter-spacing: 0.89em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: bold; border-right: 1px solid #5F6368;"
                                                                width="80">形 式</td>
                                                            <td
                                                                style="padding: 0px 0px 0px 20px; margin: 0px 0px; text-align: left; font-size: 15px; line-height: 150%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 500;">
                                                                线上直播（重点聚焦产品培训）</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                <table
                                                    style="border-collapse: collapse; table-layout: fixed; margin: 0 0 0px;"
                                                    border="0" cellspacing="0" cellpadding="0" align="center">
                                                    <tbody>
                                                        <tr>
                                                            <td style="padding: 0px 0px; text-align: left; font-size: 15px; line-height: 150%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: bold; border-right: 1px solid #5F6368;"
                                                                width="80">适合人群</td>
                                                            <td
                                                                style="padding: 0px 0px 0px 20px; margin: 0px 0px; text-align: left; font-size: 15px; line-height: 150%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 500;">
                                                                广告投放团队、品牌营销团队<br>数据分析团队、市场洞察团队
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center">
                                                <img src="https://oss.uppmkt.com/202302/ads3-1/qr.png" alt=""
                                                    style="width:140px;" width="140">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding: 5px 20px 0px;">
                                                <div
                                                    style="text-align: center; font-size: 24px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #E37400; font-weight: 700;">
                                                    立即扫码报名
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding: 0px 20px 25px;">
                                                <div
                                                    style="text-align: center; font-size: 13px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 700;">
                                                    报名截止日期：3 月 2 日 18:00
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding: 0px 100px 20px;">
                                                <ul style="padding:0; margin:0;">
                                                    <li
                                                        style="text-align: justify; font-size: 14px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 500; margin:0 0 10px;">
                                                        挖掘潜在客户主题课程，适合<b
                                                            style="color:#E37400;">有拓客需求的出海企业，如工业设备、智能制造、SaaS 及软件服务、
                                                            FinTech、教育等行业，或为以上出海企业提供服务的谷歌广告代理商。</b>
                                                    </li>
                                                    <li
                                                        style="text-align: justify; font-size: 14px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 500; margin:0 0 10px;">
                                                        成功收到 2022 年直播确认函的伙伴，请点击蓝色按钮 「确认提交 - 上次填写的信息提交报名」 即可，无须再次填写报名信息
                                                    </li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td valign="top" width="100%">
                <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;"
                    src="https://oss.uppmkt.com/202302/ads3-1/ff.png" alt="" border="0">
            </td>
        </tr>
    </tbody>
</table>
```

<!-- 區塊結束 -->








<!-- 區塊開始 -->
### B3.左右區塊

:::warning
![image](https://hackmd.io/_uploads/Bkpky6rLa.png =500x)
:::


```HTML=
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                                                <tbody>
                                                                    
                                                                    <tr>
                                                                        <td style="
">
                                                                            <table style="border-collapse:collapse;table-layout:fixed;width: 400px;margin: 0 auto;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>

<td style="padding: 0px;"><table style="
    width: 100%;
" border="0" cellspacing="0" cellpadding="0">
<tbody>

<tr>
<td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;"><img style="display:block;margin: 0px auto 20px;width: 160px;" src="https://oss.uppmkt.com/2023/12/cxo_tk/icon_1.png">
</td>
</tr><tr>
<td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;" align="center"><p style="margin: 0px 0px 4px;text-align: center;font-size: 18px;line-height:165%;font-family:Google Sans,Roboto,Arial;color: #5F6368;font-weight: bold;">相关课件与精彩瞬间</p><p style="margin: 0px 0px 4px;text-align: center;font-size: 15px;line-height:165%;font-family:Google Sans,Roboto,Arial;color: #5F6368;font-weight: bold;">课件金钥：xxxxxx</p>
</td>
</tr>
<tr>
<td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;"><a href="https://googleads.link/23cxotk1/{{.guest.uid}}" target="_blank"><img style="display:block;margin: 10px auto 20px;width: 160px;" src="https://oss.uppmkt.com/2023/12/cxo_tk/cta_1.png"></a>
</td>
</tr>

</tbody>
</table>

</td><td style="padding: 0px;"><table style="
    width: 100%;
" border="0" cellspacing="0" cellpadding="0">
<tbody>

<tr>
<td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;"><img style="display:block;margin: 0px auto 20px;width: 160px;" src="https://oss.uppmkt.com/2023/12/cxo_tk/icon_2.png">
</td>
</tr><tr>
<td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;" align="center"><p style="margin: 0px 0px 4px;text-align: center;font-size: 18px;line-height:165%;font-family:Google Sans,Roboto,Arial;color: #5F6368;font-weight: bold;">重点回顾文章</p><p style="margin: 0px 0px 4px;text-align: center;font-size: 15px;line-height:165%;font-family:Google Sans,Roboto,Arial;color: #5F6368;font-weight: bold;">&nbsp;</p>
</td>
</tr>
<tr>
<td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;"><a href="https://googleads.link/23cxotk1/{{.guest.uid}}" target="_blank"><img style="display:block;margin: 10px auto 20px;width: 160px;" src="https://oss.uppmkt.com/2023/12/cxo_tk/cta_2.png"></a>
</td>
</tr>

</tbody>
</table>

</td>

</tr>

</tbody>
</table>

                                                                            
                                                                        </td>
                                                                    </tr>

                                                                    
                                                                    
                                                                    
                                                                </tbody>
                                                            </table>
```


## <font color=#4285F4>文章區塊</font>
### A.區塊位置
:::warning
![image](https://hackmd.io/_uploads/B1BK3aSST.png =500x)
:::

### B.常見樣式
### B1.圖片 + 文字（上下排列）

:::warning
![image](https://hackmd.io/_uploads/Sy5JaTrB6.png =500x)
:::

```HTML=
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0"
    style="border-collapse: collapse; background-color: #E8F0FE;">
    <tbody>
        <tr>
            <td style="padding: 50px 50px 20px;background-image: url('https://oss.uppmkt.com/Library/bgblue_1.png');background-size: 100%;background-repeat: repeat;"
                background="https://oss.uppmkt.com/Library/bgblue_1.png">
                <table style="border-collapse: collapse; table-layout: fixed;" border="0" align="center" width="100%"
                    cellspacing="0" cellpadding="0">
                    <tbody>
                        <tr>
                            <td valign="middle" width="161" style="padding:0px 0 0;">
                                <img border="0" style="display:block;width: 162px;height:auto !important;" alt=""
                                    src="https://oss.uppmkt.com/2023/11/hknewsletter/tag_1.png">
                            </td>

                        </tr>
                    </tbody>
                </table>
                <div
                    style="margin:20px 0px 20px; text-align: left; font-size: 18px; line-height: 130%; letter-spacing: 0.02em; font-family: Google Sans, Roboto, Arial; color: #5F6368; font-weight: 400;">
                    After experiencing the health and life challenges brought on by the pandemic, the concept of
                    <b>self-care</b> has boomed among consumers.&nbsp;According to Google Internal Data, “Self-Care''
                    consumption has experienced a <b>95% increase</b>.&nbsp;&nbsp;</div>
                <img border="0" style="display:block;width: 525px;height:auto !important;margin:0 auto 20px;" alt=""
                    src="https://oss.uppmkt.com/2023/11/hknewsletter/v2/chart_3_v2.png">

            </td>
        </tr>


    </tbody>
</table>

```


### B2.圖片 + 文字（左右排列）

:::warning
![image](https://hackmd.io/_uploads/H1bOCarBp.png =500x)
:::

```HTML=
<table style="border-collapse: collapse; table-layout: fixed; margin: 0 auto 35px;" border="0" width="500"
    cellspacing="0" cellpadding="0" align="center">
    <tbody>
        <tr>
            <td style="padding: 0;" valign="top" width="160"><img
                    style="display: block; width: 160px; height: auto !important;"
                    src="https://oss.uppmkt.com/202308/lcsn2/img5.png" alt="" width="160" border="0"></td>
            <td style="padding: 0px 0px 0 30px;" valign="top">
                <div
                    style="margin: 0 0 13px; text-align: left; font-size: 16px; line-height: 1.65; letter-spacing: 0.06em; font-family: Google Sans,'Noto Sans CJK SC', Roboto, Arial; color: #3c4043; font-weight: bold;">
                    2023 年亚太地区零售广告洞察报告
                </div>
                <div
                    style="margin: 0 0 15px; text-align: justify; font-size: 15px; line-height: 1.65; letter-spacing: 0.03em; font-family: Google Sans,'Noto Sans CJK SC', Roboto, Arial; color: #3c4043; font-weight: 400;">
                    面对宏观经济的不确定，零售商正在寻找增加利润的方法，但仍需注意不要错过高增长的机会点。后疫情时代，吸引高价值的全方位购物者显得比以往更加重要。为了应对不确定性，企业必须保持敏捷并为未来做好准备。谷歌的这份报告可以帮您为您的客户准备更多。
                </div>
                <a style="margin: 0px; text-decoration: none; display: inline-block; background-color: #4285f4; padding: 4px 10px; border-radius: 3px;"
                    href="https://googleads.link/LCS-AGnews-23-Sep-Click-10/{{.guest.uid}}" target="_blank"
                    rel="noopener"> <span
                        style="font-size: 15px; line-height: 1; letter-spacing: 0.0em; font-family: Google Sans,'Noto Sans CJK SC', Roboto, Arial; color: #ffffff; font-weight: bold; display: inline-block; vertical-align: middle; margin-right: 2px;">
                        了解更多 </span> <img
                        style="width: 24px; vertical-align: middle; display: inline-block; margin: 0 0 3px;"
                        src="https://oss.uppmkt.com/202204/SOA_edm/i-hand.png"> </a>
            </td>
        </tr>
    </tbody>
</table>
```

### B3.列點 Highlight

:::warning
![image](https://hackmd.io/_uploads/ryRSdgmaT.png =500x)
:::

```HTML=
<table style="border-collapse: collapse; table-layout: fixed;" border="0" align="center" width="100%" cellspacing="0"
    cellpadding="0">
    <tbody>
        <tr>
            <td valign="top" width="15" style="padding:8px 0 0;">
                <div
                    style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;">
                    &nbsp;
                </div>
            </td>
            <td valign="top">
                <div
                    style="margin:0 0 10px; text-align: left; font-size: 18px; line-height: 130%; letter-spacing: 0.015em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 400;">
                    Feature holiday products</div>
            </td>
        </tr>
        <tr>
            <td valign="top" width="15" style="padding:8px 0 0;">
                <div
                    style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;">
                    &nbsp;
                </div>
            </td>
            <td valign="top">
                <div
                    style="margin:0 0 10px; text-align: left; font-size: 18px; line-height: 130%; letter-spacing: 0; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 400;">
                    Leverage seasonality adjustments</div>
            </td>
        </tr>
        <tr>
            <td valign="top" width="15" style="padding:8px 0 0;">
                <div
                    style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;">
                    &nbsp;
                </div>
            </td>
            <td valign="top">
                <div
                    style="margin: 0px;text-align: left;font-size: 18px;line-height: 130%;letter-spacing: 0;font-family: Google Sans, Roboto, Arial;color: #5f6368;font-weight: 400;">
                    Optimize bids/budgets based on seasonal demand</div>
            </td>
        </tr>
    </tbody>

</table>
```

### B3.Icon + 文字 Highlight

:::warning
![image](https://hackmd.io/_uploads/B1cQKg76p.png =500x)
:::


```HTML=
<table style="border-collapse:collapse;table-layout:fixed;margin: 0px 90px 30px;" border="0" cellspacing="0"
    cellpadding="0" align="center">
    <tbody>
        <tr>
            <td style="padding:0px 0px" align="center" width="140"><img style="display:block"
                    src="https://oss.uppmkt.com/2023/11/exportsummit/fakeqr_yl.png" width="122">

            </td>
            <td style="padding: 0px;" align="left">
                <table style="border-collapse:collapse;table-layout:fixed;width: 100%;" border="0" cellspacing="0"
                    cellpadding="0" align="center">
                    <tbody>

                        <tr>
                            <td style="padding: 0px;" align="center" valign="top" width="45"><img style="display:block"
                                    src="https://oss.uppmkt.com/2023/11/exportsummit/icon_1_yl.png" width="30"></td>
                            <td style="padding:0px 0px 0px 0px" align="left" valign="top">
                                <div
                                    style="text-align:left;font-size: 18px;line-height:165%;letter-spacing:0;font-family:Google Sans,'Noto Sans CJK SC',Roboto,Arial;color: #F9A800;font-weight:bold;margin: 0px 0px 8px 0px;">
                                    扫描二维码，查看活动信息</div>

                            </td>
                        </tr>
                    </tbody>
                </table>
                <table style="border-collapse:collapse;table-layout:fixed" border="0" cellspacing="0" cellpadding="0"
                    align="center">
                    <tbody>

                        <tr>

                            <td style="padding:0px 0px 0px 0px" align="left" valign="top">

                                <div
                                    style="text-align:left;font-size:15px;line-height:165%;letter-spacing:0;font-family:Google Sans,'Noto Sans CJK SC',Roboto,Arial;color:#5f6368;margin: 4px 8px;">
                                    您可以扫描二维码，查看活动流程及演讲嘉宾介绍，我们将持续更新更多活动相关信息。</div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
```



## <font color=#4285F4>QRcode Login/掃碼</font>


### B.常見樣式
### B1. 線上課程：點擊 + 掃碼

:::warning
![image](https://hackmd.io/_uploads/S1tVPg7a6.png =500x)
:::
```HTML=
<table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td valign="top" width="100%">
                <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;"
                    src="https://oss.uppmkt.com/202302/ads3-1/ft.png" alt="" border="0">
            </td>
        </tr>
        <tr>
            <td align="left" style="padding: 0px 0px 0px 29.5px; background-color:#FEEFC3;">
                <table width="549"
                    style="border-collapse: collapse; table-layout: fixed; border-right: 8px solid #FBBC05;" border="0"
                    cellspacing="0" cellpadding="0">
                    <tbody>
                        <tr>
                            <td align="center" style="padding: 0px 0px 0px; ">
                                <table
                                    style="border-collapse: collapse; background-color:#ffffff; border-left: 1px solid #3c4043; border-right: 1px solid #3c4043;"
                                    cellspacing="0" cellpadding="0">
                                    <tbody>
                                        <tr>
                                            <td align="center" style="padding:20px 0 10px;">
                                                <img src="https://oss.uppmkt.com/202303/ads/c/t1.png"
                                                    style="display: inline-block; vertical-align: middle; margin:0 5px 1px;"
                                                    width="12">
                                                <span
                                                    style="text-align: center; font-size: 20px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #E37400; font-weight: 700; display: inline-block; vertical-align: middle;">
                                                    2023 年 7 月 25 日（周二） 14:00 - 15:00
                                                </span>
                                                <img src="https://oss.uppmkt.com/202303/ads/c/t2.png"
                                                    style="display: inline-block; vertical-align: middle; margin:0 5px 1px;"
                                                    width="12">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding: 0px 20px 0px;">
                                                <div
                                                    style="text-align: center; font-size: 22px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700;">
                                                    从增加转化到品牌提升，<br>获客产业专属解决方案深度解析
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" style="padding:25px 0;">
                                                <img style="display: block; max-width: 500px !important; width: 500px; height: auto !important;"
                                                    src="https://oss.uppmkt.com/202302/ads3-1/line.png" alt=""
                                                    width="600" border="0">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding: 0px 20px 0px;">
                                                <table border="0" cellpadding="0" cellspacing="0" width="100%"
                                                    style="border-collapse: collapse; table-layout: fixed;">
                                                    <tbody>
                                                        <tr>
                                                            <td align="center" style="padding:0 20px 5px 0;">
                                                                <span
                                                                    style="font-size: 20px; color: #3c4043; line-height: 30px; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; font-weight: 500; display: inline-block; vertical-align: middle;">
                                                                    您的专属邀请码
                                                                </span>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="center" style="padding:0 0 5px;">
                                                                <span
                                                                    style="background-color: #FEF7E0; font-family: Google Sans, Roboto, sans-serif, Arial; color: #E37400; font-size: 30px; letter-spacing: 0.02em;line-height: 1; border-radius: 60px; display: inline-block; padding:12px 35px;  vertical-align: middle; text-align: center; margin: 10px 0 30px; font-weight: 700;">
                                                                    {{.guest.uid}}
                                                                </span>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                <table style="border-collapse: collapse;" border="0" cellspacing="0"
                                                    cellpadding="0" align="center">
                                                    <tbody>
                                                        <tr>
                                                            <td align="center" valign="top"
                                                                style="padding: 0px 50px 0px 0px;">
                                                                <div
                                                                    style="font-size: 20px; line-height: 100%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700; text-align: center; margin:0px;">
                                                                    手机端请扫码 </div>
                                                                <div
                                                                    style="font-size: 15px; line-height: 100%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #9AA0A6; font-weight: 500; text-align: center; margin:15px 0px 20px;">
                                                                    扫码即可登录 </div>
                                                                <img src="https://oss.uppmkt.com/202303/ads/c/LG230725.png"
                                                                    alt="" style="width:115px;" width="115">
                                                            </td>
                                                            <td align="center" valign="top"
                                                                style="padding: 0px 0px 0px;">
                                                                <div
                                                                    style="font-size: 20px; line-height: 100%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700; text-align: center; margin:0px;">
                                                                    PC 端请点击 </div>
                                                                <div
                                                                    style="font-size: 15px; line-height: 100%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #9AA0A6; font-weight: 500; text-align: center; margin:15px 0px 45px;">
                                                                    点击即可登录 </div>
                                                                <a href="https://googleads.link/LG230725/{{.guest.uid}}"
                                                                    target="_blank"
                                                                    style="font-family: Google Sans, Roboto, Arial; color:#4285F4; font-weight: 500; text-decoration: underline; font-size: 20px;">
                                                                    <img src="https://oss.uppmkt.com/202303/ads/c/cta.png"
                                                                        alt="立即登录直播" style="width:170px;" width="170">
                                                                </a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td valign="top" width="100%">
                <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;"
                    src="https://oss.uppmkt.com/202302/ads3-1/ff.png" alt="" border="0">
            </td>
        </tr>
    </tbody>


</table>

```






# eDM 常見問題

