Question

我希望你能帮助我。我用于电子邮件的CTA Button目前只有在您点击文字时才可以点击。我试图使整个盒子可点击。

我的CTA按钮的当前HTML代码是：

import org.apache.spark.sql.expressions.scalalang._
import org.apache.spark.sql.types._
import org.apache.spark.sql.{DataFrame, Dataset, SparkSession}

val session = SparkSession.builder().enableHiveSupport().getOrCreate()

val schema = StructType(Seq(
  StructField("k1", StringType, false),
  StructField("optK", StructType(Seq(StructField("nestedK", BooleanType, false))), false)
))

val df = session.read.schema(schema).json("data.json")
df.registerTempTable("Mr_Table")

为了让整个CTA按钮可以点击，我应该更改什么？非常感谢您的帮助。

露西尔

Answer 1

你应该这样做：

<table border="0" cellpadding="0" cellspacing="0" class="button" style="border-collapse: collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%">
    <tbody class="button">
        <tr>
            <td align="center" class="button" style="padding:10px 50px; mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" valign="top">
                <table border="0" cellpadding="0" cellspacing="0" class="button" style="border-collapse: separate !important;border: 0px none;border-radius: 7px;background-color: #cb673d;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%">
                    <tbody>
                        <tr>
                            <td align="center" class="button" style="font-family: verdana;font-size: 12px;padding: 15px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding: 0;" valign="middle"><a class="button" href="*http://www.mywebsite.com*" style="font-weight: bold;letter-spacing: .5px;line-height: 100%;text-align: center;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-decoration:none;color: #EFEFEF;display: block;width: 100%;height: 100%;padding: 15px;text-align:center;" target="_blank">Submit your application</a></td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

带有HTML的CTA Button设计

1 个答案: