{% linked_image "header_logo ( Given Unique Name )" label="header_logo ( Given Unique Name )", link="#", open_in_new_tab=True, alt="As per the image Alt", src=" style="border-width:0px;border:0px; width:160px; max-width:160px; display: block; font-size:20px; line-height:24px; color:#000000; font-family:Arial, sans-serif; text-decoration:none;" %}
{% set my_options = (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10) %}
{% choice "repeats1" label="Section Name", value="1", choices="{{ my_options }}", export_to_template_context=True %}
{% for options in my_options %}
{% if loop.index <= widget_data.repeats1.value %}
------------<table>------------------
{% endif %}
{% endfor %}
请注意,在上述情况下,如果您需要重复多个部分,则需要根据您的部分重复将 ‘repeats1’ 选择更改为 { ‘repeats2’, ‘repeats3’, ‘repeats4’ } 。
请注意,在上述情况下,如果选择“0”,则该部分将被删除。要显示该部分,您必须选择“1”。
<tr>
<td valign="top" align="center" style="font-size:13px; font-family:Arial, sans-serif; color:#303030; line-height:16px;"> {{site_settings.company_name}}, {{site_settings.company_street_address_1}}, {{site_settings.company_city }}, {{site_settings.company_state}},{{ unsubscribe_link }}</td>
</tr>
您可以在下面看到整个过程。
方法三:HubSpot COS
您需要更改图像、文本、背景颜色和文本颜色。您还可以添加、删除以及向上或向下拖放部分。
最重要的是,您应该使用 600px 的宽度进行编码。请检查设计宽度是否为 600 像素。
现在,您可以通过两种方式将企业邮箱上传到 HubSpot COS:
- 模型中的所有模块
- 通过企业邮箱发送整个模块(选择和分组字段)
让我们详细了解每种方法。
1. 模型中的所有模块
第一种方法,代码编写完成后,按照视频中的步骤,将本地图像渲染出来,然后集成 COS。
2. 所有模块均通过企业邮箱发送
您应该将可编辑内容分组到单个模块中,并使用组字段来组织它。否则,所有可编辑字段将显示在企业邮箱编辑器的左侧,使客户难以识别模块的每个区域。
此外,您应该使用选择功能创建一个下拉选择器,允许客户选择要添加的模块。
检查并发布图像后,设置组的主要区域并确保模块采用 HTML 格式。上传时使用简洁的名称,避免使用太长的名称。
{% for item in module.all_modules %}
<table align="center"
{% if item.module_type == "banner_section" %}
<tr>
</tr>
{% endif %}
{% if item.module_type == "text_section" %}
<tr>
</tr>
{% endif %}
</table>
{% endfor %}
仔细查看以下屏幕截图以便更好地理解。

对于可编辑标签,将可编辑标签分配给图像、文本和其他可编辑区域的过程与普通 COS 方法略有不同。

如果您复制上面屏幕截图中的变量,它将为您提供以下值:
{{模块.文本}}
但是,我们需要提供的值取决于我们在 HTML 中定义的模块名称。您需要删除“module”并将其替换为“item.module_name”:
{{ item.text_section.text }}
模块 = 元素.模块名称
我们建议观看此视频以深入了解该过程。
将正确的变量分配给可编辑区域至关重要。如视频中所示排列组和选择器。此外,务必严格按照视频中所示的下载方法进行操作。
步骤如下:
- 确保 HTML 处于活动状态并且您已定义模块。
- 使用标签的 HTML 代码中定义的模块名称创建一个如视频中所示的选择字段。
- 为模块添加可编辑字段并为特定模块的可编辑字段创建组。
- 创建一个名为“individual_module”的主组。
- 更改每个单独模块组的“显示条件”:
- module_individual.module_type
- 等于
- 在此输入模块名称
- 一旦 1-2 个模块准备就绪,就创建一封企业邮箱,以便我们检查该功能是否正常工作。
笔记: 在所有三个 HubSpot 方法中,您必须添加以下标签,否则模板将不会发布:
- {{site_settings.company_name}}
- {{site_settings.company_street_address_1}}
- {{site_settings.company_city}}、{{site_settings.company_state}}
- {{取消订阅_链接}}
获取有关 HubSpot 企业邮箱营销的更多信息
有关 HubSpot 企业邮箱营销的更多信息,请访问我们的博客。
我们也是 HubSpot 认证专家。我们可以帮助您进行端到端 HubSpot 企业邮箱营销。从部署活动到管理自动化再到迁移到 HubSpot,我们都可以做到。今天就联系我们吧!
你喜欢这篇文章吗?分享吧!
Leave A Comment