教程：如何使用Wix建立您的第一个网站（分步指南）

Wix 是一个非常直观的网站构建器。 但是因为它提供了大量的选择，所以当你使用 Wix 时，你很容易感到有点不知所措 建立自己的网站 为第一次。

如果您正在寻找创建Wix网站的教程，则本指南适合您。

In this guide, I'll introduce you to the Wix dashboard and show you how it works.在本指南中，我将向您介绍Wix仪表板并向您展示其工作方式。 We'll also see the different settings and steps you need to do to publish a shiny new Wix website.我们还将看到发布闪亮的新Wix网站所需的不同设置和步骤。

如何建立您的第一个 Wix 网站

下面是步骤：

1. 注册一个 Wix 帐户
2. 选择 Wix ADI 或 Wix Editor
3. 选择预建模板
4. 添加站点元素和功能
5. 发布并上线
6. 使用 Wix 管理器

准备？ 让我们开始。

1. 注册 Wix 账户

Wix 提供不同的保费计划。 选择最适合您需求的一种。

对于新手，我建议从 Wix Combo 计划开始，然后随着网站的发展而升级。 对于企业，请选择 Business Basic 计划，因为它允许您设置在线商店。

始终推荐 Wix 高级计划（无限制和 VIP），因为它们提供许多好处，包括能够连接您自己的域、删除 Wix 广告以及提供额外的带宽和存储空间。

这里有 使用Wix建立的一些网站样本.

我们将Wix视为其中之一 最好的网站建设者 但请记住，每种工具总是有利有弊。 例如，有 提到 对易用性的热爱以及它在某些方面的局限性。

Wix的优点：

Users who gave Wix a positive rating were happy with how intuitive the Wix system is.给予Wix正面评价的用户对Wix系统的直观性感到满意。 The drag-and-drop interface is easy to use and allows businesses to create websites without coding knowledge.拖放界面易于使用，并且使企业无需编码知识即可创建网站。

Wix不好的地方：

Negative Wix reviewers complain about its slow servers.负面的Wix审阅者抱怨其服务器速度慢。 Websites created with Wix sometimes do load slowly and are thought to not be very SEO friendly, which means websites made with Wix may not show up highly on search engine results.使用Wix创建的网站有时加载速度很慢，并且被认为不是非常适合SEO，这意味着使用Wix创建的网站在搜索引擎结果中的排名可能不会很高。

从这里开始 > 单击此处注册并创建 Wix 网站。

2. 使用 Wix ADI 或 Wix Editor 创建

Wix 提供了两种创建网站的方法 – Wix ADI 和 蜡笔编辑器. 您可以使用预先设计的模板，也可以让 Wix 为您构建。

在本演练教程中，我们将演示如何使用这两种方法来构建商业网站。

什么是Wix ADI？

Wix ADI（或 Wix Artificial Design Intelligence）是一种利用 AI 力量的独特工具——您只需提供一些基本信息（例如您的业务类型和站点名称），系统就会使用该信息来构建一个网站自动。

什么是 Wix 编辑器？

另一方面，Wix Editor 允许您使用拖放式构建器从头开始创建网站。

选项1：使用Wix ADI创建网站

首先，Wix 会询问您想要建立的商业网站类型，并提出一些基本选项。 如果您不确定要制作的网站类型，只需输入一些关键字，Wix ADI 就会发挥作用。

之后，Wix 会提示输入网站名称。 为了这个例子，我将我们的网站命名为“BuildThisDigitalMarketing”。

在您指定企业网站的性质和名称后，Wix ADI 会在您的网站上询问所需的一组功能。 在这里，您需要考虑您希望能够对您的网站执行的所有操作。

在了解您网站所需的功能后，Wix ADI 会提示两个选项来设计您的网站。

要使用 Wix ADI 构建自定义站点，请单击“获取自定义站点”。

然后，Wix ADI将提示您提供更多的业务信息，例如公司地址和其他详细信息。

尽可能多地提供Wix ADI信息，因为它将使用该信息来填写网站上的相关部分（例如网站的页脚和联系页面。）

最后，在您提供了所有功能首选项和信息后，Wix ADI将准备建立您的网站。

在下一个屏幕上，Wix ADI询问您的配色方案偏好。

选择您喜欢的配色方案。 有了首选的配色方案，Wix ADI 现在就可以在网站的主页上工作了。

选择您喜欢的主页设计后，Wix ADI 应该会在不到一分钟的时间内准备好您的网站。

示例：我使用Wix ADI创建的网站

供您参考，这是我使用Wix ADI创建的主页：

老实说，我并不是 Wix ADI 为我设计的设计的忠实粉丝。

But you should know that this design is not final.但是您应该知道这种设计不是最终的。 You can add new sections to it.您可以向其中添加新部分。 The colour scheme and elements can also be changed.配色方案和元素也可以更改。 It can even be redesigned from scratch.甚至可以从头开始重新设计。

Anyway, let's forget the design for a second and see what else the Wix ADI program has done for this website.无论如何，让我们忘记设计的一秒钟，然后看看Wix ADI程序对该网站做了什么。 For example, let's see if Wix ADI at least chose the right pages to add to our site.例如，让我们看看Wix ADI是否至少选择了正确的页面添加到我们的网站。

要检查这一点，请单击仪表板左侧面板上的“页面：主页”选项。

以下屏幕截图显示了Wix ADI选择为我们的数字营销代理网站创建的不同页面：

底线：Wix ADI 比之前的版本有了很大改进。

如您所见，尽管使用Wix ADI设计网站很方便，但结果远非如此。

Maybe this was just a one-off example where Wix ADI didn't quite get it right.也许这只是Wix ADI不太正确的一个例子。 Nonetheless, you now get an idea of what to expect from this option.尽管如此，您现在已经了解了此选项的期望。

我们现在来看看创建网站的第二种选择，即使用 Wix 编辑器。 此选项使您可以完全控制网站的外观、感觉、导航、功能和其他所有内容。

选项2：使用Wix编辑器创建网站

为了了解Wix编辑器的工作原理，假设我们试图创建一个相同的数字营销代理网站作为示例。

当您单击它时，Wix 将再次询问您要构建的站点类型以及所有与之前步骤相同的信息。

But this time, we'll create the site with the Wix editor because we want to try the editor now.但是这次，我们将使用Wix编辑器创建该站点，因为我们现在想尝试使用该编辑器。 This leads us to next step;这将我们引向下一步；

3. 选择 Wix 预建站点模板

单击“从模板开始”按钮后，您将被引导至各种模板。

正如您在上图中所看到的，Wix 已经在“业务和服务”类别中突出显示了许多相关模板。

不仅如此，还有一个便捷的搜索选项可帮助您过滤合适的模板（在此处查看Wix的预建模板).

编辑 Wix 预建模板

选择模板后，您将看到完整的 Wix 编辑器仪表板。 Wix 仪表板内有 3 个关键区域（请参阅突出显示的部分）：

• 核心部分是您的网站——当您进行更改时，您可以实时预览它们；
• 在您的右侧，您可以选择删除、复制、旋转和调整网站上各种元素的位置； 和，
• 左侧是您可以使用的构建块和设计选项。

4.添加站点元素和功能

让我们还详细了解构建基块和设计选项中的所有元素。

网站背景

如果您想更改背景颜色，只需单击“颜色”选项，Wix 就会显示一个调色板。 当您将鼠标悬停在调色板中的任何颜色上时，Wix 会向您显示实时预览。

如果您喜欢图像背景，则可以上传自己的图像，也可以从Wix免费提供的精美图像集中选择。

这些图像不仅美丽，而且还整齐地分类。

同样，如果您想再次尝试视频背景，您可以上传自己的视频或从 Wix 的收藏中选择一个。

通过向您提供这种优质的媒体资源，Wix确实可以帮助您构建具有精美图像或媒体的精美网站。

If you've ever tried recreating demos of most website builder templates, you might know how your designs fall flat when compared to them.如果您曾经尝试重新创建大多数网站构建器模板的演示，则可能会知道与它们相比，您的设计如何平淡无奇。 This almost always happens because of lack of quality imagery, but Wix takes good care of you in this area.由于缺少高质量的图像，几乎总是会发生这种情况，但是Wix在这一领域会很好地照顾您。

内容块和设计元素

The 'Add' option lets you add design elements to your website.通过“添加”选项，您可以将设计元素添加到您的网站。 These elements include:这些元素包括：

添加这些元素中的任何一个，您都会意识到Wix已经关注了“小”细节。

例如，对于我们的示例网站，我决定在主菜单中添加一个 CTA（号召性用语）按钮。 因此，当我单击按钮设计元素时，Wix 向我展示了几种按钮样式，并且还精心挑选了适合我的模板的建议样式。

另一件需要注意的事情是，这些设计元素是完全可定制的。 在我们的示例中，我放置在菜单中的 CTA 按钮看起来有点不合适，因为它略小，而且字体与默认菜单字体不匹配。

但是有一个简单的解决方法。 只需单击一个元素即可打开其设计工具箱。 单击画笔图标后，您会看到许多自定义选项。

如果将这些设计工具与大多数其他平台提供的工具进行比较 喜欢Squarespace，您会注意到这里有更多具有100多种样式和自定义选项的元素。 Wix的功能远远超过其他大多数网站建设者提供的功能。

网站功能（通过 Wix App Market）

“ Wix应用程序市场”是一个包含大量第三方和Wix本机应用程序的存储库，可让您扩展站点的功能。

如果您只想建立一个基本的网站，则不需要任何其他应用程序，因为Wix涵盖了您可能需要的几乎所有功能。

However, there may be times when you need features that aren't present in Wix right out of the box.但是，有时您可能需要立即使用Wix中不存在的功能。 Or, you might want to extend your website or add some marketing power to it.或者，您可能想扩展您的网站或为其添加一些营销能力。 For all such times, just head on over to the Wix App Market.在所有此类情况下，只需进入Wix应用程序市场即可。

许多应用程序是免费的，还有一些高级应用程序。

虽然您添加的应用将取决于您的需求，但我还是推荐一种，即“Wix获取订户' app.的应用。 You can use it to add signup forms and popups on your website and build an email list super-fast.您可以使用它在网站上添加注册表单和弹出窗口，并快速建立电子邮件列表。

我的上传

“我的上传和 Wix中的部分就像您的个人图像库。 This section contains all the visual files you've uploaded to Wix like images, video, audio, and others that you can add to your site.本部分包含您已上载到Wix的所有可视文件，例如图像，视频，音频以及可以添加到网站的其他文件。

用于博客的 Wix

如果愿意，您可以向该页面添加更多元素。 只需使用“博客管理器”菜单中的“添加博客元素”选项，然后单击“立即添加”。

“添加博客元素”选项可让您将不同的元素添加到博客页面，例如：

• Disqus评论
• Facebook评论
• 自订资讯提供
• RSS
• 分类目录
• 还有一些。

除了这些元素之外，本节还建议一些可以为您的博客增加更多功能的Wix应用程序。

Wix用虚假帖子预填充了博客页面，因此使用您的内容进行更新变得更加容易。

预订

如果您想提供咨询或需要预订系统的其他事项，“预订”选项可能会很有帮助。

这涵盖了左侧面板上的所有选项以及一般的Wix编辑器。

5.发布上线

您的网站现在可以发布了。 在您点击右上角的按钮发布您的第一个 Wix 网站之前，您可以预览它。 在单击“发布”之前，请确保您对网站的每个部分都满意。 一旦你按下那个按钮，你就会看到你的 域名 出现在弹出窗口中。 您可以选择将您的 Wix 站点连接到您自己的域 (通过将域名服务器指向Wix），或将其保留为默认值。

您的Wix网站现已正式启用！

使用 Wix 网站管理器管理和更新您的网站

完成网站设计后，您可以从“网站”菜单选项访问您的网站设置。 单击“站点管理器”，您可以看到可用于提升 Wix 网站的选项列表。

Wix网站管理器下的选项

从可用选项列表中，我们将讨论一些我们认为对您的网站很重要的选项。

域名

The domain setting lets you connect a custom domain and add a customized favicon to your Wix website.域设置允许您连接自定义域并将自定义图标添加到Wix网站。 However, you need a Wix premium plan to do this.但是，您需要执行Wix高级计划。

搜索引擎优化

SEO设置可让您向网站添加自定义跟踪和其他代码。 You can add tracking code for Google Webmaster tools, Bing Webmaster Tools, Twitter Cards, Pinterest Verification and more*.您可以为Google网站管理员工具，必应网站管理员工具，Twitter卡，Pinterest验证等添加跟踪代码。 Learn more about学习更多关于 SEO基础知识 点击此处。

电话

此设置仅可确保您运行的是适合移动设备浏览的网站。

语言和地区

Wix的一项重要功能是，它可以帮助您立即创建本地化的网站。 Under the 'Language & Region' setting, you can specify the language of your website.在“语言和地区”设置下，您可以指定网站的语言。

商业信息

在“公司信息”设置下，您可以添加公司名称，地址，电子邮件等详细信息。

社会

（我很好奇为什么这里只包含Facebook！）

数据分析

与一些网站建设者不同，Wix 没有自己的访问者或网站指标跟踪系统。 出于跟踪目的，Wix 与 Google Analytics 所以你可以在这里添加你的谷歌分析脚本。

角色和权限

Wix允许您将多个用户添加到您的网站，并支持不同的用户角色，例如博客贡献者，编辑者，管理员等。

SSL证书

HTTPS is automatically enabled for all newly created Wix sites without additional cost.自动为所有新创建的Wix站点启用HTTPS，而无需支付额外费用。 You can check the settings in your site's dashboard.您可以在网站的信息中心中检查设置。 At the time of writing, Wix doesn't support third-party在撰写本文时，Wix不支持第三方 SSL证书.

*关于SEO设置的附加说明：

这里一个非常有趣的Wix SEO工具是 搜索引擎优化。 SEO Wiz使用页面SEO帮助网站。

结束工作

This is probably as much as you need to know to start your website with Wix.这可能是您需要使用Wix来启动网站所需的知识。 I have covered Wix ADI, the Wix editor, and the various site settings available.我已经介绍了Wix ADI，Wix编辑器以及各种可用的站点设置。

祝您第一个Wix网站好运！

常见问题解答

了解更多

• 如何增加您的博客流量
• 建立并翻转网站以获利
• Wix 定价计划和替代方案
• 优秀 WordPress 替代品