回到所有的课程
课程库

导入收藏物品

使用CSV文件导入数以千计的收集项,或只是选择几个到您的Webflow网站在一个去。

注意:我们正在向工作区过渡,这一教训已经更新以反映该变化。访问Workspaces博客文章阅读有关这些更新和更改的更多信息。
如果您的帐户还没有切换到工作区,请访问我们关于导入集合项的遗留课程.你也可以学习如何检查您的帐户是否在工作区上
本视频采用了旧的用户界面。更新版本即将到来!
克隆这个项目

当您创建集合时,您可以手动添加集合项,或者用逗号分隔值(CSV)文件直接将它们导入现有的集合中。这允许您直接从外部源导入数百或数千个数据项到CMS,并在导入内容时将CSV内容映射到引用字段。为了更容易地更新大量数据,还可以通过CSV导入有选择地更新现有CMS项。

如果您从相同或不同的Webflow站点导出了集合和数据,您也可以将这些集合项导入到当前站点。了解更多关于将您的CMS迁移到另一个站点

本节课你将学到:

  1. 如何上传外部数据到Webflow
  2. 如何配置字段和预览项
  3. 如何导入映射数据
  4. 如何构造你的CSV文件
  5. 如何使用受支持的数据类型

如何上传外部数据到Webflow

让我们来看看如何将外部数据上传到Webflow Collection中。我们将介绍这个过程中的以下步骤:

如何确定可以导入的项目数量

使用免费的入门站点计划,您最多可以发布50个Collection项目。要导入超过50项,您需要向站点添加CMS或Business站点计划,它们分别允许最多2000项和10,000项Collection项。要在Starter站点规划中免费测试CSV导入,请使用50行或更少的CSV(标题行不算作项目)。

如何上传CSV文件

将CSV文件上载至指定的网上收藏:

  1. 打开CMS面板
  2. 选择您的集合
  3. 点击进口
  4. 拖在你CSV文件(或点击浏览你的电脑)
注意:CSV文件最大支持4MB。
CMS Collection中的导入按钮被突出显示。
Upload CSV模式提示您将CSV拖动到模式中。

如何指定标题行

选择CSV文件后,系统将提示您指定标题行。

通常,CSV的标题行包含定义每一列所包含内容类型的列标签。上传CSV文件后,您将看到CSV的预览,并能够确认第一行是否为标题。选择“是”或“我不确定”将第一行标记为标题,并将其排除在导入之外。选择“否”包括导入中的行。

在你把CSV拖到Upload CSV模式后,你被要求确定CSV的标题行。

无论您在这个阶段做了什么选择,在下一步中,您都可以转到第一项并选中或取消选中“Header Row”框。

显示了选中或取消选中标题行的功能。

这个标题行的值将被设置为这个字段配置步骤的字段标签。

如何选择导入哪些项目

选择标题行之后,您将收到CSV文件已完成处理的确认信息。该模式还将告诉您,您新上传的CSV项是否与您的Collection中的任何当前项匹配或不匹配。

注意:如果您没有选择标题行,或者您不确定第一行是否是标题行,您将直接移动到字段配置,而不需要选择更新匹配项。实际上,Webflow默认为您创建新项,因为如果没有标题行,就不可能映射到ID列或字段。

如果您有匹配的项目,您可以选择:

  • 更新匹配项,它将集合中的现有项与CSV上传中的项匹配
  • 将所有项导入为新项,它将CSV上传中的匹配项添加为Collection中的新项
如果CSV中的项也存在于Collection中,则会提示您更新匹配的项或将所有项作为新项导入Upload CSV模式。

选择更新匹配项是快速更改集合中现有项的好方法。例如,如果您更新了CSV文件中选择的条目的数据,那么只上传更新的条目可以让您用新数据快速覆盖CMS条目中的旧内容。

注意:常规CMS项目是基于“项目ID”字段进行匹配的,该字段包含在一个Collection的CSV导出中。(通过CSV导入更新项目并不适用于电子商务项目。)还请记住,如果从备份执行站点恢复,所有CMS Collection和项目id将刷新。阅读有关保存和恢复备份的更多信息

一旦选择更新匹配项或将所有项导入为新项,就可以开始配置CMS字段并将CSV数据映射到这些字段。如果没有匹配的条目,也可以继续执行相同的步骤。

如何配置字段和预览项

上传CSV文件后,它的列将作为字段提供,您可以在字段配置窗格下进口商品.如果指定,列标题将显示为字段标签。

注意:如果您的CSV头名称与现有字段名称匹配,它们将自动相互映射,从而节省您的配置步骤。
导入项的字段名称(名称、标题和邮件正文)在字段配置窗格中高亮显示。

输入字段中的值将从所选行提取。每一行都将转换为一个Collection项。控件中的不同项目可以预览项目预览右边的窗格。

如何配置字段

字段配置窗格中显示了字段的列表。

在此步骤中,您将通过选择映射哪些列和省略哪些列来配置字段。您还可以为每一列创建新的字段。让我们浏览一下每个选项。

不要地图领域

如果CSV中有不想导入的列,请选择不进口从下拉。

创建新领域

如果集合中还不存在某个字段,则可以创建一个字段并将其映射到列。

  1. 选择创建新领域
  2. 从出现的下拉列表中选择这个新字段的字段类型。不支持列中的内容的字段类型将不可用,并将显示为灰色。
  3. 添加一个新字段标签或者保留建议标签。
  4. 可选:添加帮助文本

您还可以为不同的字段类型设置其他选项。新的选项字段将由该列中的所有惟一值填充。对于一个新的开关字段,您可以指定哪个值映射到“No”。

映射到现有字段

可以将每个列映射到集合中的现有字段。列标签旁边的绿色指示符表示列已映射。

  1. 选择映射到现有字段
  2. 从出现的下拉列表中选择要映射此列的字段。不支持列中的内容的字段将不可用,并将显示为灰色。

对于switch字段,您可以指定哪个值映射到“No”。或者,您可以滑动屏幕将值映射为“是”。

很高兴知道:不能将列映射到已经在使用的现有字段。如果需要将列映射到特定的字段类型,可以创建一个新字段。

如何预览项目

项预览窗格在导入集合项期间显示。

您可以在右侧的项目预览窗格中预览将要导入的每个项目的字段和值。使用左边和右边箭头按钮在预览窗格的顶部进行项目之间的切换。单击显示项目下拉菜单在顶部栏中查看将要导入的所有项目的列表。随着下拉项目显示菜单打开,单击任何项目的名称,以跳转到其预览。将文本键入搜索栏搜索特定项。

将鼠标悬停在左侧面板中一个映射或创建的字段上,将突出显示预览项中相应的字段。当配置字段时,预览项会实时更新。

如果需要编辑给定项的字段中的值,可以在配置字段之前进行编辑,或者通过选择进行编辑不进口下拉。

您可以在导入集合项之前编辑字段中的内容。

您也可以选择跳过导入特定的项目到您的收藏:

  1. 定位项目在您不想导入的预览窗格中(例如,使用箭头、下拉菜单或搜索栏)
  2. 打开跳过进口切换
跳过导入切换将打开,这将显示一个跳过导入项指示器,显示项不会被导入到集合中。

跳过的项目显示在预览窗格的顶部,并在显示项目下拉菜单中有一个“跳过导入”图标。

领域需求/验证

如果将CSV列中的一个单元格映射到一个必需的引用字段,并且该字段为空或不包含该引用集合中存在的任何值,那么您将收到一个警告,表示项不存在。作为必填字段,该行的项将作为草案,而引用字段将保持空白。

如果映射的引用字段不是必需的,并且该列中的单元格为空或不包含该引用集合中存在的任何值,则该行的项将设置为了直接发布一旦导入,引用字段将保持空白。

如何导入映射数据

完全配置CMS字段和CSV数据之后,单击进口按钮,将数据添加到Collection中。

等待,直到导入所有项目。

导入完成模式显示,这表示3个项目中的3个成功导入。

如果没有将部分或所有项导入Collection中,您将看到未导入项的列表、导入失败的原因,以及可以下载详细错误报告摘要的链接。

导入完整模式将显示出来,它指示6个项目中的4个已经导入,并且还显示未导入项目的错误报告。
很高兴知道:您的网站将创建一个预导入版本,您可以在站点设置的Backups选项卡中恢复,以防导入出错。

如何构造你的CSV文件

您不需要担心导出的Webflow集合的结构。通常,从其他内容管理系统(如WordPress)导出的csv已经以一种与Webflow兼容的方式构建。

了解更多:如何从WordPress迁移到Webflow CMS

但是您可能希望创建自己的CSV并将该数据导入到Collection中。例如,您可以使用谷歌Sheets、MS Excel或Airtable创建一个电子表格,其中列表示字段,行表示项目及其值。一旦电子表格准备好了,就可以将其保存为CSV文件。

请注意:使用Excel保存CSV文件时,请确保选择CSV类型为“逗号分隔值”。其他CSV扩展在上传到Webflow时可能无法正确呈现。要确保只有1列数据导入的csv正确,请在标题列标签后直接添加逗号(例如,Name,)。

为了确保在导入过程中不会出现任何错误,首先要确保CSV是webflow友好的。请参阅下面的受支持的数据类型一节。

如何使用受支持的数据类型

当您上传CSV文件时,Webflow CMS通常会很好地理解您的内容。但是,有些格式(例如图像、日期、数字和颜色)可能无法识别。

关于格式的一个优点是,导出的Webflow CMS内容将被正确格式化以用于导入。因此,将CMS内容从一个Webflow站点移动到另一个站点将使用导出的CSV文件。

为了确保您的数据是正确的格式,它可以映射到正确的字段类型,在创建自己的数据库电子表格时,遵循以下准则:

  • 名称字段-任何小于256个字符的纯文本字段都可以映射到该字段
  • 蛞蝓领域-任何小于256个字符的纯文本字段都可以映射到该字段

注意:如果您没有将CSV列映射到默认名称和slug字段,CMS将为您生成这些字段。

  • 纯文本字段-任何纯文本值都可以映射到该字段
  • 富文本字段-任何值都可以映射到该字段。但是,要导入富文本,这个字段的值必须在HTML代码中。

注意:在导入期间,代码将被“清理”,以删除富文本字段不支持的元素、类和属性。由于这个清理过程,在导入后检查所有富文本内容是一个好主意。

  • 图像领域图片应该作为直接url(以图片文件扩展名结尾的链接)添加到CSV文件中。只支持图像文件类型将导入到您的Collection中。
  • 多映像领域-像单个图像,组图像应该添加为不同的,直接的url(链接以图像文件扩展名结束)在您的CSV。只支持图像文件类型将导入到您的Collection中。单元格中的每一组图像url都应该用分号分隔。(例如," https://images.unsplash.com/bird1.jpeg;https://images.unsplash.com/bird2.jpeg;https://images.unsplash.com/bird3.jpeg”)
  • 视频领域-只有YouTube或Vimeo url可以映射到一个视频字段
  • 链接字段—任意URL都可以映射到link字段
  • 电子邮件领域—邮件字段只能映射电子邮件地址
  • 手机领域—任何支持的电话号码格式都可以映射到一个电话字段
  • 数域-只有数字可以映射到该字段。如果您的值包含字母(例如单位(100 USD))、符号(例如。100美元),或者逗号(10000)。
  • 日期/时间字段——任何支持日期和时间格式可以映射到这个字段吗
  • 开关领域—当一个列的单元格中只有两个惟一值时,您可以将该列映射到一个Switch字段。例如,如果一列只有“True”和“False”作为值,您可以将其导入为交换字段类型,并在映射阶段指定哪个值表示“Yes”。
  • 色域-中的任何值网页颜色格式(颜色名称,十六进制代码,RGBA)可以映射到此字段。十六进制代码必须在井号(#)之前,例如#4353ff。
  • 选择字段-任意列都可以映射到option字段。该列中的所有唯一值将成为该字段的选项(最多100个选项)。
  • 文件字段-目前你不能映射任何列到文件字段。导入所有数据后,您可以手动上传文件。
  • 引用字段-您可以映射的内容格式化为正常的文本-不需要特殊的格式(如“查尔斯狄更斯”)。
  • 多引用字段-您可以映射单元格内用分号分隔的内容(例如“查尔斯·狄更斯;简·奥斯丁;)就像多图像领域的内容。
尝试Webflow——它是免费的
Baidu
map