教程:如何使用Wix建立您的第一个网站(分步指南)

Wix网站建设者
使用它很容易创建一个网站 Wix. 有超过 220 亿人使用网站构建器在线构建和发展他们的网站(在线访问 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 提供不同的保费计划。 选择最适合您需求的一种。

特色商业基础Unlimited Combo
带宽Unlimited Unlimited GB 2
储存GB 20GB 10GB 3
免费域名
Wix广告去除去除去除
定制图标
免费SSL
Site Booster App没有
在社交渠道上销售没有没有
安全的在线支付没有没有
推荐使用基本网上商店中小和
自由职业者
开胃菜和
个人使用
价格$17/月$12.50/月$8.50/月

对于新手,我建议从 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 ADI 或 Wix Editor
使用 Wix 创建网站的两种选择:从模板开始或让 Wix 为您创建。

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

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

什么是Wix ADI?

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

什么是 Wix 编辑器?

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

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

Wix ADI - 定义您的网站
我在本教程中选择了“数字营销”。

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

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

您可以选择要添加到网站的功能。
您可以选择要添加到网站的功能。

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

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

您可以让 Wix 在几分钟内为您创建一个自定义网站,方法是选择“获取自定义网站”选项。
您可以让 Wix 在几分钟内为您创建一个自定义网站,方法是选择“获取自定义网站”选项。

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

填写您网站的信息。 您也可以跳过此选项,稍后再填写。
填写您网站的信息。 您也可以跳过此选项,稍后再填写。

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

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

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

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

对于我们的示例,我选择了“Lush”配色方案。
对于我们的示例,我选择了“Lush”配色方案。

选择您喜欢的配色方案。 有了首选的配色方案,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 认为适合我们网站的选项。
如您所见,Wix ADI 向我们的数字营销网站添加了一堆页面。 其中包括我们在初始设置阶段选择的选项以及 Wix 认为适合我们网站的选项。

底线: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 将再次询问您的详细信息。
要创建新站点,请单击“站点操作”菜单项中的“创建新站点”选项。

当您单击它时,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编辑器仪表板。

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

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

4.添加站点元素和功能

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

网站背景

对于网站的背景,Wix支持纯色,图像和视频。
对于网站的背景,Wix支持纯色,图像和视频。

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

来自 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 向我展示了几种按钮样式,并且还精心挑选了适合我的模板的建议样式。

To match our CTA button with the rest of the menu, we could easily change its font as well as size.为了使CTA按钮与菜单的其余部分匹配,我们可以轻松地更改其字体和大小。 This is enough to make the newly added element look like a part of the design.这足以使新添加的元素看起来像设计的一部分。
To match our CTA button with the rest of the menu, we could easily change its font as well as size.为了使CTA按钮与菜单的其余部分匹配,我们可以轻松地更改其字体和大小。 This is enough to make the newly added element look like a part of the design.这足以使新添加的元素看起来像设计的一部分。

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

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

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

网站功能(通过 Wix App Market)

Wix App Market 拥有您网站上可能需要的所有功能的应用程序。 无论您需要添加常见问题解答部分还是实时聊天小部件,Wix App Market 都能满足您的需求
Wix App Market 拥有您网站上可能需要的所有功能的应用程序。 无论您需要添加常见问题解答部分还是实时聊天小部件,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

“Wix 博客”选项 - 顾名思义 - 允许您将博客添加到您的网站。
顾名思义,“Wix 博客”选项可让您将博客添加到您的网站。

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

As you click on the 'Add Now' button, a blog page gets added to your website.当您单击“立即添加”按钮时,博客页面将被添加到您的网站。 If you look at the blog page layout, you'll notice that it has a (completely customizable) sidebar with useful options like search by tags, a featured post widget, and a recent posts widget.如果查看博客页面的布局,您会注意到它的(完全可自定义)侧边栏带有有用的选项,例如按标签搜索,精选的帖子小部件和最近的帖子小部件。
As you click on the 'Add Now' button, a blog page gets added to your website.当您单击“立即添加”按钮时,博客页面将被添加到您的网站。 If you look at the blog page layout, you'll notice that it has a (completely customizable) sidebar with useful options like search by tags, a featured post widget, and a recent posts widget.如果查看博客页面的布局,您会注意到它的(完全可自定义)侧边栏带有有用的选项,例如按标签搜索,精选的帖子小部件和最近的帖子小部件。
You can add even more elements to this page.您可以在此页面添加更多元素。 Just use the 'Add Blog Elements' option from the 'Blog Manager' menu.只需使用“博客管理器”菜单中的“添加博客元素”选项即可。
You can add even more elements to this page.您可以在此页面添加更多元素。 Just use the 'Add Blog Elements' option from the 'Blog Manager' menu.只需使用“博客管理器”菜单中的“添加博客元素”选项即可。

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

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

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

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

预订

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

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

5.发布上线

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

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

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

在“网站管理器”设置下,您可以针对网站的SEO,社交,分析等提供许多选项。
在“站点管理器”设置下,您的站点有许多选项,包括 SEO 设置、分析、自动化等。

完成网站设计后,您可以从“网站”菜单选项访问您的网站设置。 单击“站点管理器”,您可以看到可用于提升 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帮助网站。

To start using this tool, click on the 'Let's Go' button from the SEO panel option.要开始使用此工具,请单击SEO面板选项中的“ Let's Go”按钮。 When you start optimizing with the SEO Wiz tool, it will first ask for some business-related information.当您开始使用SEO Wiz工具进行优化时,它将首先询问一些与业务相关的信息。 Once you provide it, you're asked to input about 5 keywords that you'd like to optimize your website for.提供后,系统会要求您输入大约XNUMX个您要为其优化网站的关键字。 Just input your keywords and click on the 'Create SEO Plan' option.只需输入您的关键字,然后单击“创建SEO计划”选项。 As soon as you do so, you'll be presented with a checklist with steps to help make your site search engine friendly.这样做之后,您将获得一个清单,该清单包含一些步骤,以帮助您使站点搜索引擎更友好。

结束工作

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多少钱?

蜡的价格范围从 $ 4.50美元24.50 Combo计划每月收费4.50美元,无广告,并提供8.50年免费域名。 The $1 per month Unlimited plan is suitable for medium to large sites.每月$ 12.50无限计划适用于大中型网站。 If you are going to sell products on your site you need to ensure that you opt for one of their “Business & eCommerce” plans which start at $17 per month.如果您打算在自己的网站上销售产品,则需要确保选择他们的“商务与电子商务”计划之一,该计划的起价为每月XNUMX美元。

如何在Wix上启动网站?

请按照以下5个简单步骤创建您的第一个Wix网站:

1.注册一个Wix帐户> 2.选择Wix ADI或Wix编辑器> 3.选择一个预构建的模板> 4.添加站点元素和功能> 5.发布。 点击此处开始.

建立Wix网站需要多长时间?

A simple site can be pieced together on Wix in a matter of minutes (depending on how fussy you are).一个简单的站点可以在几分钟之内组装到Wix上(取决于您的工作量)。 If you want a more highly customized site then more time will be necessary.如果您想要一个高度定制的网站,那么将需要更多时间。 I would expect to spend an average of between 2 to 3 hours on a reasonably well-customized site with basic features.我希望在一个具有基本功能的合理定制的网站上平均花费XNUMX到XNUMX个小时。

哪种Wix高级计划适合我?

对于新手,我们建议从每月仅需 8.50 美元的 Wix Combo 计划开始。 您可以随着网站的增长而升级。 商业用途 楼主,最好一起去 电子商务网站 计划,因为它允许您设置在线商店。

如果您想了解更多,请查看Wix定价。.

一次可以创建几个Wix网站?

You can create as many Wix sites as you want under a single account.您可以在一个帐户下创建任意数量的Wix网站。 Keep in mind though that each site you publish needs to have its own premium plan attached.请记住,尽管您发布的每个网站都需要附加自己的高级计划。

Wix是否比WordPress更好?

蜡和 例如: WordPress 和 Weebly , 各有利弊,但总的来说,与 WordPress 相比,Wix 更易于使用。

Wix允许不精通技术的用户使用其拖放式编辑器快速构建和部署网站。 WordPress, on the other hand, offers greater potential with better customizability and control over your site.另一方面,WordPress具有更大的潜力,具有更好的可定制性和对您网站的控制。 That comes at a cost of a slightly steeper learning curve.这是以稍微陡峭的学习曲线为代价的。

了解更多

作者照片

文章 Jason Chow