AI革命：Butternut AI網頁設計能力初探

目录

• Butternut AI评估和介绍
• 开始构建宠物诊所的着陆页面
• 编辑和调整页面内容
• FAQ：常见问题解答
• 与社交媒体和订阅者联系
• 下一步
• Butternut AI资源

Butternut AI评估和介绍

Butternut AI是一个在产品猎场上备受关注的产品。在今年春季，它曾在产品猎场上获得了当天的第二名以及当周的第三名，在其所属类别中表现出色。尽管本文只是对Butternut AI进行了部分拆包，但它已经展现出了令人信服的潜力。现在，让我们来一起探索如何利用Butternut AI创建一个宠物诊所的着陆页面。

开始构建宠物诊所的着陆页面

首先，我们将使用Essentia Sunshine Coast Animal Clinic作为我们的案例。它是一家宠物诊所，我们将为其创建一个着陆页面。打开Butternut AI的编辑界面，我们可以看到页面上显示了一只狗作为hero section的背景图。虽然页面的其他部分可能与宠物诊所的形象不太吻合，但我们可以轻松更改这些内容。在hero section中，Butternut AI根据我们的位置自动填写了所在地信息。我们还可以隐藏一些我们不需要的部分，比如服务（services）模块。现在，我们已经有了一些可以操作的内容，接下来我们将开始编辑并探索Butternut AI的各种功能。

编辑和调整页面内容

大多数部分都具有不同程度的编辑功能。如果是图片，我们可以点击上传按钮来更换图片，并会有一些关于图片格式和大小的要求。不同部分所需的图片尺寸也不同，因此我们需要根据具体情况来选择合适的图片。我们可以逐一修改各个部分的内容，例如更换照片、编辑文本等。至于FAQ部分，我们可以编辑问题和答案来适应我们的需求。

页面中还有一些动画效果和悬停特效可以进行调整，以增加页面的吸引力。但是需要注意的是，并非所有部分都可以进行自定义编辑，例如社交媒体链接和订阅者联系信息。此外，Butternut AI还提供了一些连接到社交媒体和订阅者联系表单的选项，但我并不确定如何使用这些功能。

FAQ：常见问题解答

• ❓ 如何更改页面上的照片？
  • 修改各个部分时，找到与照片相关的模块，并点击上传按钮更换照片。
• ❓ FAQ部分是否可以添加更多的问题？
  • 目前看起来只能添加三个问题，无法添加更多。
• ❓ 如何与社交媒体进行连接？
  • 在页面的社交媒体链接部分，添加您的社交媒体链接即可与之连接。

与社交媒体和订阅者联系

Butternut AI提供了与订阅者联系的选项，可以通过填写联系表单来与订阅者建立联系。在社交媒体链接部分，您可以轻松将您的社交媒体账号与页面链接起来，与粉丝们进行互动和分享。

下一步

在编辑和调整页面内容后，您可以选择将页面发布，让Butternut AI知道您已经准备好进行下一步操作。他们将通过电子邮件发送具体的操作说明。目前，我还没有进行这一步，所以我会在下一个视频中继续介绍。

Butternut AI资源

• Butternut AI官方网站

请注意，该内容为简化表达，可能与实际Butternut AI的功能和界面有所不同。具体操作请参考Butternut AI的官方文档和指南。