教程:如何使用Weebly創建您的第一個站點

更新:08年2020月XNUMX日/文章作者:傑里·洛(Jerry Low)

Weebly是其中之一 最強大的網站建設者 in the business.在業務上。 It offers those who want a web presence the opportunity of building one without the need to learn web coding.它為那些想要建立網絡的人提供了無需學習網絡編碼就可以建立網絡的機會。 For small business owners with tight budget constraints, this can be a way to expand business without significantly increasing overhead.對於預算緊張的小型企業所有者,這可以是在不顯著增加開銷的情況下擴展業務的一種方法。

Using a website builder is a very visual experience and building a website using one is like playing with a stack of Lego – except even easier.使用網站構建器是一種非常直觀的體驗,並且使用網站構建器就像玩一堆樂高玩具一樣,只是更加簡單。 Today I'll run you through the basics of everything you need to create your first website with Weebly.今天,我將為您介紹使用Weebly創建第一個網站所需的一切基礎知識。

Weebly主頁的屏幕截圖
使用Weebly創建您的專業網站或在線商店。


如何使用Weebly打造您的第一個網站

1.註冊一個Weebly帳戶

Weebly計劃免費Pro商業
每年價格$ 0.00 /月$ 12.00 /月$ 25.00 /月
磁盤存儲500 MB無限制無限制
SSL安全性
連接域沒有
免費域名沒有
交易費 - 3%0%
添加產品 - 25產品無限制
適用於…傳單網站小型企業/在線商店一切等等

Weebly是服務提供商,您在使用他們的任何服務之前,需要與他們創建一個帳戶。 There are three ways of signing up with Weebly – using your Facebook account, Google account or via email.使用Weebly進行註冊的方式有以下三種:使用您的Facebook帳戶,Google帳戶或通過電子郵件。

在Weebly上創建帳戶是 免費.

從此處開始>單擊以註冊並在Weebly上創建網站。

2.選擇一個主題

Weebly主題-Weebly中的內置網站模板
快速瀏覽Weebly主題。

Once you've created your account, Weebly will start with the basics.創建帳戶後,Weebly將從基礎知識開始。 The first thing you need to choose is whether you want to build just a basic website or an online store.您需要選擇的第一件事是要建立一個基本的網站還是在線商店。 If this is your first website, don't worry too much about that and simply select one or the other.如果這是您的第一個網站,請不要擔心太多,只需選擇一個。

Weebly按業務,個人或博客等類別組織主題。 Take your time and browse through the themes to choose what would suit your needs.花點時間瀏覽主題,選擇適合您需求的主題。

在這裡瀏覽並查看所有Weebly主題.

3.選擇您的域

在Weebly選擇您的域名
在Weebly中選擇您的域名。

Once you've selected your theme, you will be asked to select a domain name.選擇主題後,將要求您選擇一個域名。 There are three ways you can add a domain to your Weebly website.您可以通過三種方式將域添加到Weebly網站。

  1. 搜索和購買 –使用Weebly 搜索域名併購買 through them.通過他們。 This will involve the usual cost for the domain name and there will be yearly renewal fees for it as well.這將涉及域名的通常費用,並且還將收取年度續訂費用。 Although this may seem like a convenient option, I do not really recommend it as Weebly domain names and renewal prices are quite steep at $19.95 per year.儘管這似乎是一個方便的選擇,但我不建議您這樣做,因為Weebly域名和續訂價格非常高,每年為XNUMX美元。
  2. 連接現有域名 –如果您要使用已經擁有的域名,那麼轉移將是一個不錯的選擇。 BUT, remember that doing so means you'll be paying Weebly domain name renewal fees after the move.但是,請記住,這樣做意味著您將在搬家後支付Weebly域名續訂費。
  3. 使用免費的子域 –不是最佳選擇,但它是一個良好的起點。 Free subdomains are forced to use Weebly branding on their site but are a good way to just explore the system first before you connect an official domain name later.免費子域名被迫在其網站上使用Weebly品牌,但這是先瀏覽系統的好方法,然後再連接正式域名。

4.設計您的Weebly網站

Weebly網站構建器的工作方式非常類似於WYSIWYG字處理器
Weebly網站構建器的工作方式非常類似於WYSIWYG字處理器。

Weebly網站構建器的工作方式非常類似於WYSIWYG字處理器。 It makes use of elements like text boxes, images and other building blocks to make up a website.它利用諸如文本框,圖像和其他構建塊之類的元素組成網站。 Using them is just a matter of putting them together and filling out some blank spots with your own text.使用它們只是將它們放在一起並用您自己的文本填充一些空白點的問題。

編輯您的Weebly網站

在Weebly編輯您的第一個網站
在Weebly編輯您的第一個網站。

Weebly編輯器運行的腳本會被某些瀏覽器警告,因此您需要允許它們運行以使Weebly正常運行。

Once you've done that, there are two main things you can do to your site.完成此操作後,您可以對網站執行兩項主要操作。 The first is to drag building blocks from the left navigation bar to your site which is on the right side of the screen.第一種是將構建塊從左側導航欄拖動到屏幕右側的站點。 The second is to edit that building block to customize it.第二個是編輯該構造塊以對其進行自定義。

For example, let's say you click on a text box and drag it on to the theme on the right.例如,假設您單擊一個文本框並將其拖到右側的主題上。 Once that is done, you need to type out the text which you want to appear in that box.完成後,您需要在該框中鍵入要顯示的文本。 Using the building blocks effectively can take a bit of experimentation to get right, but it is a pretty streamlined experience.有效地使用構建基塊可能需要花費一些實驗才能正確,但這確實是一種簡化的體驗。

使用電子商務功能建立在線商店

Weebly在線商店中包含的主要功能
使用Weebly在線商店設計您的在線商店前台,接受付款,設置運輸規則和費率,設置稅金並處理客戶訂單。

如果您點擊頂部導航欄上的“存儲”,則可以配置其他設置,這些設置對於構建 網上商店。 Just fill in those details if you need them.如果需要,只需填寫這些詳細信息。 The store configuration menu will let you do almost everything you need for eCommerce, from basic information about your online store and accepting payments to creating coupons and handling shipping.商店配置菜單將使您幾乎完成電子商務所需的一切,從有關在線商店和接受付款的基本信息到創建優惠券和處理運輸。

通過使用應用程序增加功能

Weebly應用中心
Weebly應用中心

Weebly本身是一個非常基礎的網站構建器,這非常棒,因為它為用戶提供了一種簡單且易於管理的網站構建方法。 However, users who are more advanced may have different needs which can be met through the但是,更高級的用戶可能有不同的需求,可以通過 Weebly應用中心.

Click on 'Apps from the top navigation bar and you can browse the App Center.在頂部導航欄中單擊“應用程序”,然後可以瀏覽應用程序中心。 Here you will be able to find a ton of applications that extend the functionality of your store.在這裡,您將能夠找到大量擴展商店功能的應用程序。 Some of them are built by Weebly themselves while others are from third party developers.其中一些是由Weebly自己構建的,而另一些則來自第三方開發商。

There are apps for almost anything and you can add as many as you like.幾乎所有應用程序都有,您可以隨意添加。 For example, you can have apps which help you build more powerful contact forms, or others that let you build a mobile app with your website.例如,您可以擁有可幫助您構建功能更強大的聯繫表單的應用,也可以擁有其他使您可以與網站構建移動應用的應用。

Some apps are free, while others may have monthly fees you need to pay to use.有些應用程序是免費的,而其他一些則可能需要每月付費才能使用。 Be cautious of what apps you add as the cost of running your website may escalate out of control if you use too many paid apps.請注意添加的應用程序,因為如果您使用太多付費應用程序,則運行網站的成本可能會失控。

變更網站設定

Weebly基本網站設​​置
Weebly基本網站設​​置

The Settings option on the navigation bar will let you change some general option about your site.導航欄上的“設置”選項將使您更改有關站點的一些常規選項。 From site name to SEO options and people you want to collaborate with on your site design – all of this can be added or changed here.從網站名稱到SEO選項,以及您要與您合作的人員進行網站設計-所有這些都可以在此處添加或更改。

Do remember that many of these options, for example SEO, are very basic as the main Weebly aim is for you to build a site easily.請記住,其中許多選項(例如SEO)都是非常基本的,因為Weebly的主要目標是使您輕鬆構建網站。 More advanced SEO functionality can be achieved if you find the right app in their App Center.如果您在其App Center中找到合適的應用,則可以實現更高級的SEO功能。

為手機打造

在手機上建立和預覽您的Weebly網站
在手機上建立和預覽您的Weebly網站。

In this age of mobility, it is important for websites to work well on mobile devices as well as desktop computers.在當今的移動時代,讓網站在移動設備以及台式計算機上正常運行非常重要。 To ensure yours looks fine on mobile you can select the icon on the navigation bar to toggle the different views (desktop or mobile).為確保您在移動設備上看起來不錯,可以選擇導航欄上的圖標來切換不同的視圖(台式機或移動設備)。

Unfortunately, you can build a site specifically for mobile and you need to rely on the responsive theme to do this for you.不幸的是,您可以建立一個專門針對移動設備的網站,並且您需要依靠響應主題來為您完成此操作。 This tool at least helps you ensure that whatever you do fits well on both formats.此工具至少可以幫助您確保所做的一切都適合兩種格式。

5.發布您的Weebly網站

我們發布的Weebly網站的屏幕截圖

Once all of that is done and you're satisfied, you can publish your Weebly website.完成所有這些操作並且您感到滿意之後,就可以發布Weebly網站。 Just click on publish and you're good to go.只需單擊“發布”就可以了。

用Weebly構建的示例站點
搖擺與爪子(看到這裡)–我們在編寫本教程時使用Weebly構建的網站。

營銷您的網站

Launching a website is more than just slapping it together.開通網站不僅僅是將其拍打在一起。 To be more effective, you need to be able to build leads and reach out to people.為了提高效率,您需要能夠建立潛在客戶並與人們接觸。 To help you with this, Weebly has a marketing feature where you can configure some marketing tools.為了幫助您解決此問題,Weebly具有營銷功能,您可以在其中配置一些營銷工具。

For example, you can set up a popup which asks your visitors to sign up for a newsletter you can send to them regularly or for special promotions.例如,您可以設置一個彈出窗口,要求訪問者註冊可以定期發送給他們的新聞通訊或特殊促銷。 You can also create personalized newsletters and schedule them in advance for automated sending.您還可以創建個性化新聞通訊,並提前安排它們以進行自動發送。

同樣,這些是基本選項,可以在App Center中找到更強大的工具。

Weebly的網絡營銷選項
Weebly的內置網絡營銷功能

我的第一個網站的費用多少?

從根本上講,您完全可以免費使用Weebly來構建和發佈網站。 但是,使用Weebly的免費網站有很多限制。 例如,您構建和發布的任何網站都將帶有Weebly品牌,並且您基本上將停留在其免費的Weebly子域上。

It would be more realistic to consider the lowest tier of Weebly, their 'Connect' plan which clocks in at $7 per month (the price drops to $4 per month if you pay on an annual basis).考慮一下Weebly的最低層,即他們的“連接”計劃,該計劃每月收費19.95美元(如果您按年支付,則價格降至每月XNUMX美元)。 On top of that, you also need to consider the price of a domain name, which would be $XNUMX per year.最重要的是,您還需要考慮域名價格,即每年XNUMX美元。

平均而言,您可以期望付出;

($ 4 x 12)+ $ 19.95 =每年$ 67.95

…與Weebly建立和維護一個基本網站。

Knowing that a realistic website with Weebly will cost around $67.95 per year, we can do a basic comparative in price.知道一個擁有Weebly的現實網站每年將花費$ XNUMX,我們可以對價格進行基本比較。 If you were to如果你要 建立自己的網站找到您自己的託管和域名,則必須自己將所有內容組合在一起。

The average price of a domain name will run you around $10 to $12 per year, and budget shared web hosting will cost anywhere between $1 to $8 per month depending on features.域名的平均價格每年將使您花費59到XNUMX美元左右,而預算共享的虛擬主機每月費用在XNUMX到XNUMX美元之間,具體取決於功能。 This means that if you were to build and host your own site your annual fees will run in the average of $XNUMX which to be honest, isn't significantly cheaper.這意味著,如果您要構建和託管自己的網站,則年費平均為XNUMX美元,說實話,這並不便宜。

結論:強大的網站構建器

Finally, we have the main advantage of Weebly – the fact that it is a website builder at its core and allows those with zero web coding knowledge to build a website.最後,我們擁有Weebly的主要優勢-它是網站建設者的核心,並允許具有零Web編碼知識的人建立網站。 That is something worth far more than the small cost savings you would likely achieve by finding your own hosting.這比通過找到自己的主機可能節省的少量成本要有價值得多。

Creating your first Website with Weebly isn't likely to be a daunting task.用Weebly創建您的第一個網站可能不是一項艱鉅的任務。 If you're even remotely familiar with computers or know how to use a Word Processor, I would think that you will have minimal issues.如果您甚至對計算機非常熟悉,或者知道如何使用文字處理器,那麼我認為您將遇到的問題很少。

即使您確實遇到了一些問題,也可以隨時與Weebly尋求技術幫助,探索他們的問題。 知識庫 尋求想法和幫助,甚至與一般人接觸 健壯的社區 尋求幫助。

開始使用,在這裡註冊

使用您的Facebook帳戶,Google帳戶或通過電子郵件註冊Weebly。
註冊並在Weebly上創建您的第一個網站。

關於Jerry Low

WebHostingSecretRevealed.net (WHSR) 的創始人 - 他的托管評論文受到 100,000 用戶的信任和使用。 在網絡託管、聯盟營銷和 SEO 方面擁有超過 15 年的經驗。 ProBlogger.net、Business.com、SocialMediaToday.com 等的貢獻者。