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

更新:17年2021月XNUMX日/文章:周杰伦(Jason Chow)

Wix是一个非常直观的网站构建器。 But because it offers a ton of options, you could easily feel a little overwhelmed when you use Wix to build your own website for the first time.但是,由于它提供了很多选择,因此当您首次使用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网站的5个步骤

第1步–注册Wix帐户

Wix提供了五个高级计划。 Choose the one that best suits your needs.选择最适合您的需求。

特色VIP电子商务Unlimited Combo 联系
带宽Unlimited 10GBUnlimited 2GB1GB
储存20GB20GB10GB3GB500MB
免费域名没有
Wix广告去除去除去除去除
定制图标没有
Form Builder App没有没有
Site Booster App没有没有
网上商店是的(样本)是的(样本)没有没有没有
电子邮件广告系列是的,每月10次没有没有没有没有
价格$24.50/月$16.50/月$12.50/月$8.50/月$4.50/月

For newbies, I'd recommend starting with the Wix Combo plan and then upgrading as your site grows.对于新手,我建议先从Wix Combo计划开始,然后随着网站的增长进行升级。 For businesses, go with the eCommerce plan as it allows you to set up an online store.对于企业,请使用电子商务计划,因为它允许您建立在线商店。

始终建议使用Wix高级计划(组合– VIP),因为它们具有许多优势,包括连接自己的域,删除Wix广告以及提供额外的带宽和存储空间的能力。

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

我们将Wix视为其中之一 最好的网站建设者 but keep in mind that there's always pros and cons with every tool.但请记住,每种工具始终都有利弊。 For example, there have been例如,已经有 提到 对易用性的热爱,以及在某些方面过于有限。

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创建的网站在搜索引擎结果中的排名可能不会很高。


步骤2 –使用Wix ADI或Wix编辑器创建

Wix提供了两种创建网站的方法-Wix ADI和Wix编辑器。

Wix ADI(或Wix人工设计智能)是一种独特的工具,可以利用AI的力量–您所需要的只是提供一些基本信息(例如您的业务类型和站点名称),然后系统使用该信息来构建AI。网站。 另一方面,Wix编辑器允许您使用拖放生成器从头开始创建网站。

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

编辑
使用Wix创建站点的两个选项:Wix ADI或Wix编辑器。

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

要使用Wix ADI进行构建,请单击“从Wix ADI开始”。

Wix will then asks for the kind of business website you want to build and suggests some basic options.然后,Wix会询问您要构建的商业网站类型,并提出一些基本选项。 If you aren't sure about the kind of website you want to make, just input some keywords and Wix ADI will do the magic.如果您不确定要创建的网站类型,只需输入一些关键字,Wix ADI就会发挥作用。

wix-adi-step-1
我在本教程中选择了“数字营销”。

When you specify your business website's nature, Wix ADI asks for the desired set of features on your website.当您指定企业网站的性质时,Wix ADI会要求您在网站上提供所需的功能集。 Here, you need to think about all the things you want to be able to do with your website.在这里,您需要考虑要与您的网站一起完成的所有工作。

wix-adi-step-2
在我们的示例中,我们将选择Wix建议的所有功能,但“接受预订和约会”功能除外。

了解了网站的所需功能后,Wix ADI会提示您输入网站名称。

为了这个示例,我将我们的网站命名为“ BuildThisDigitalMarketing”。

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

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

wix-adi-step-3

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

点击“开始”。
点击“开始”。

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

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

通过首选的配色方案,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-step-7
As you can see, Wix ADI added a bunch of 'Shop' pages to our website even though we were building a business website.如您所见,即使我们正在建立商业网站,Wix ADI也向我们的网站添加了一堆“商店”页面。 I guess these pages got added because we chose the feature to 'Sell online'.我猜是因为我们选择了“在线销售”功能而添加了这些页面。 Other than the shop pages, Wix ADI has also added a blog page, which is fine.除了商店页面,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.尽管如此,您现在已经了解了此选项的期望。

We'll now take a look at the second option of creating a website and that is by using the Wix Editor.现在,我们来看看创建网站的第二种方法,即使用Wix编辑器。 This option gives you total control on the look, feel, navigation, features and everything else on your site.此选项使您可以完全控制外观,感觉,导航,功能以及网站上的所有其他内容。

选项2:使用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-edit-step-3
让我们来看一下“广告与营销”子类别,因为它看起来对我们而言最相关。
对于模板,我们选择“广告和营销公司”。
对于模板,我们选择“广告和营销公司”。

编辑Wix预制模板

选择模板后,您将看到完整的Wix Editor仪表板。

3)在您的右边,您可以使用一些选项来删除,复制,旋转和调整网站上各种元素的位置; and 1) on your left are the building blocks and design options you can use.和2)左侧是您可以使用的构建基块和设计选项。

wix-edit-adi-step-5
Wix编辑器仪表板。


步骤4 –添加网站元素和功能

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

1.网站背景

wix-edit-step-6
对于网站的背景,Wix支持纯色,图像和视频。

If you want to change the background color, all you need to do is click on the 'Color' option, and Wix will present a colour palette.如果要更改背景颜色,只需单击“颜色”选项,Wix就会显示一个调色板。 As you hover over any colour from the palette, Wix will show you a real time preview.当您将鼠标悬停在调色板上的任何颜色上时,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在这一领域会很好地照顾您。

2.内容块和设计元素

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

  • 文本
  • 图片
  • 图片库
  • 不是幻灯片
  • 按键
  • 礼盒

  • 剥去
  • 形状
  • 视频制作
  • 音乐
  • 公共信息交流
  • 联系我们

  • 菜单
  • 名单
  • 灯箱
  • 博客
  • 更多

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

For example, for our example website, I decided to add a CTA (Call to Action) button to the main menu.例如,对于我们的示例网站,我决定在主菜单中添加一个CTA(号召性用语)按钮。 So when I clicked on the button design element, Wix showed me several button styles and also handpicked suggested styles that would go with my template.因此,当我单击按钮设计元素时,Wix向我展示了几种按钮样式,还精心挑选了适合模板的建议样式。 See the 'Themed Buttons' in the following image:请参见下图中的“主题按钮”:

wix-edit-step-8

Another thing to note is that these design elements are completely customizable.要注意的另一件事是,这些设计元素是完全可定制的。 In our example, the CTA button I placed in the menu looked a little out of place because it was slightly bigger and the font didn't match with the default menu font.在我们的示例中,我放置在菜单中的CTA按钮看起来有点不合适,因为它稍大,并且字体与默认菜单字体不匹配。

But there's an easy fix for this.但这有一个简单的解决方法。 Simply clicking on an element opens its design toolbox.只需单击一个元素即可打开其设计工具箱。 Once you click on the paintbrush icon, you're presented with a host of customization options:单击画笔图标后,将为您提供许多自定义选项:

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.这足以使新添加的元素看起来像设计的一部分。

wix-edit-step-9

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

3.通过Wix App Market的网站功能

Wix应用程序市场中的应用程序可能具有您网站上可能需要的所有功能。 Whether you need to add a FAQ section or a simple live chat widget, the Wix App Market has you covered.无论您需要添加FAQ部分还是简单的实时聊天小部件,Wix App Market都可以满足您的要求。
Wix应用程序市场中的应用程序可能具有您网站上可能需要的所有功能。 Whether you need to add a FAQ section or a live chat widget, the Wix App Market has you covered.无论您需要添加FAQ部分还是实时聊天小部件,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.您可以使用它在网站上添加注册表单和弹出窗口,并快速建立电子邮件列表。

4.我的上传

“我的上传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的所有可视文件,例如图像,视频,音频以及可以添加到网站的其他文件。

5.博客博客

If you like, you can add even more elements to this page.如果愿意,您可以在此页面添加更多元素。 Just use the 'Add Blog Elements' option from the 'Blog Manager' menu:只需使用“博客管理器”菜单中的“添加博客元素”选项即可:

wix-edit-step-10
顾名思义,“启动博客”选项使您可以将博客添加到您的网站。
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用虚假帖子预填充了博客页面,因此使用您的内容进行更新变得更加容易。

6.预订

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

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


步骤5 –发布并上线

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

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


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

完成网站设计后,您可以从“网站”菜单选项访问网站设置:

Under the 'Site Manager' settings, you have a host of options for your site's SEO, social, analytics and more.在“网站管理器”设置下,您可以针对网站的SEO,社交,分析等提供许多选项。 We will go over each of these options.我们将介绍所有这些选项。
在“网站管理器”设置下,您可以针对网站的SEO,社交,分析等提供许多选项。
我们将介绍所有这些选项。
我们将介绍所有这些选项。

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!)

数据分析

Unlike some website builders, Wix doesn't have its own visitor or site metrics tracking system.与某些网站建设者不同,Wix没有自己的访问者或网站指标跟踪系统。 For tracking purposes, Wix integrates with Google Analytics so you can add your Google Analytics script here.为了进行跟踪,Wix与Google Analytics(分析)集成在一起,因此您可以在此处添加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 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 make your site search engine friendly.这样做后,您将获得一个清单,该清单中包含一些使站点搜索引擎友好的步骤。
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.这样做之后,您将获得一个清单,该清单包含一些步骤,以帮助您使站点搜索引擎更友好。

常问的问题

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高级计划适合我?

For newbies, we recommend starting with the Wix Combo plan which costs only $8.50 per month.对于新手,我们建议从Wix Combo计划开始,该计划每月仅需$ XNUMX。 You can upgrade as your site grows.您可以随着站点的增长进行升级。 For business owners, it's better to go with eCommerce plan as it allows you to set up an online store.对于企业主来说,最好选择电子商务计划,因为它允许您建立在线商店。

如果您想了解更多,请查看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更好?

Wix和WordPress都有其优缺点,但总的来说,与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.这是以稍微陡峭的学习曲线为代价的。

把它包起来

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网站好运!

关于Jason Chow

Jason崇尚科技和创业精神, 喜欢创建网站。您可以通过 Twitter 与他取得联系。