Это видео недоступно.
Сожалеем об этом.
如何从零开始搭建 Woocommerce 在线商城，从零开始，初学者友好教程
HTML-код
- Опубликовано: 14 авг 2024
- ✅ 视频中提及的服务器: www.siteground...
在这个视频中，我将会向你展示如何从零开始搭建一个在线商城，基于完全免费的WordPress和Woocommerce程序。这个教程可以让你了解如何拥有一个可定制的网站外加在线商城，而且，你还可以完全自己定义这个商城。
视频中，我介绍了如何获取你的域名和服务器空间，如何安装WordPress，Woocommerce，和导入漂亮的商城模板。我也涉及了如何用网站搭建器Elementor来设计你的网站。
我们介绍了一些重要的事项：
1. 上传简单的商品。
2. 上传多样化商品。
3. 上传虚拟类商品。
4. 如何设置侧边栏Sidebar。
5. 如何设置优惠券 Coupon。
6. 如何设置产品分类。
7. 如何设置产品标签。
8. 如何美化网站的页面和页底。
等等众多细节修改，让你能轻易理解搭建网站的流程和思路，以便你能举一反三，自我搭建网站。
★ - - - - 视频的时间表 ----- ★
00:00:00 开场白
00:00:15 主机选择
00:13:48 绑定域名
00:18:19 设置网站SSL 加密
00:20:07 WordPress后台设置
00:26:47 安装Astra 主题
00:28:47 安装Elementor
00:29:18 Astra主题设置
00:30:10导入商城主题模板
00:33:01 商城功能浏览
00:34:40 增加简单商品 Simple Product
00:41:46 修改货币种类
00:43:35 促销价格设置
00:43:47 产品页面其他设置
00:47:59 Upsell 和 Crosssell
00:51:00 产品页面设置
00:52:11 产品分类和子分类设置
00:54:53 产品标签设置 Tag
00:55:55 产品评价设置
00:59:30 如何添加一个多样化产品
01:05:57 如何添加一个虚拟产品
01:09:12 商城页面设置
01:15:24 Coupon 优惠券设置
01:18:37 模板修改及自定义
01:25:47 页底Footer设计
01:31:55 结束语
📬 找到梧桐： wutong.ca
WordPress 推荐主机：
🟡 Siteground-wutong.ca/Site... (大多数情况都够用)
🟡 Kinsta-wutong.ca/Kinsta (高流量的独立站/B2B/高性能网站)
梧桐推荐WP主题和编辑器：
🟡 Breakdance-wutong.ca/Brea... (最适合Woocommerce建站)
🟡 Elementor-wutong.ca/Elem... (用户基数最大)
🟡 Blocksy-wutong.ca/Blocksy （全面能力的主题，10%优惠码：wutong10）
🟡 Kadence 套装-wutong.ca/Kadence (全套WP产品，推荐)
梧桐推荐网站推广工具：
🟡 Semrush-wutong.ca/semrush (我最推荐的SEO工具，强大且可选中文界面)
商城独立站搭建推荐平台：
🟡 Shopify-wutong.ca/shopify
联盟营销声明(Affiliate Disclosure)
💌 本频道所有的视频的表述均为个人的真实，客观的观点。同时，若视频或视频描述中有包含链接，则这些链接，经常会以 Affiliate 链接的形式出现，若您通过此链接购买后，您不会多付费，而我们会从商家处得到一小部分利润分享，用来支持这个频道。非常感谢您一直以来的支持，这些支持能让我做出更多免费的教程并分享给大家，感谢！We have Affiliate links in our description. Meaning we get a commission if you decide to purchase through our links. At no extra to you. We appreciate your support.
![Baby Kia - WYG (feat. LAZER DIM 700) [Official Music Video]](http://i.ytimg.com/vi/avlLsOH_oJc/mqdefault.jpg)
烧脑的时间总是辣抹短暂😀非常棒的作品！第二遍观看！谢谢梧桐老师！
梧桐老师，每次视频都结合实际操作，而且讲得好仔细！太适合跟着学习啦。
非常感谢您的分享！
每当我的woocommerce商城出现了问题，需要调整修改，就来看老师的视频。 受益匪浅！！！
非常感谢，讲解非常认真仔细，跟着您做半天就可以搭建自己的网站了。👍👍👍期待付款部分的讲解
谢谢老师的细致讲解！跟着视频花了2个小时拥有了自己的跨境电商自建站～
感谢老师的指导。按照老师的步骤，已经一步一步建立了一个简单的WooCommerce网站，看起来很不错。十分谢谢老师的详细讲解。期待老师后面的课程。万分感激！！
恭喜恭喜🎉！谢谢你的支持！
@@梧桐小讲堂 谢谢老师，讲得很细 已经找到了！
UP主讲得很详细，没有多余废话，顶
谢谢你的支持！
感謝老哥 跟著你的視頻 擁有了自己的個人網站和獨立站商品站 感謝感謝 非常的仔細
这个消息真好！加油💪
非常棒的讲座！期待梧桐老师讲解邮寄及收款参数设定的视频
我也期待，也一直在等。
請問一下建立購物車及購買頁面後，怎樣建立結帳頁面，以及客人付費的頁面？
有類似的教程嗎？謝謝！
结账付款页面是Woocommerce自带的功能，不许要另外设计，客户加入购物车之后就会被引导到付款页面了。如果您说的是自定义设计这个页面的话，可以在进入checkout页面后选择customize, 然后可以把一些不要的元素隐藏。付款模块出现需要你在后台添加支付手段，比如Stripe或Paypal。
@@梧桐小讲堂 謝謝您的解答喔！請問一下我現在的網站，只有自己可以上得到，用電話都不行的話，是哪裡出現問題了？謝謝您！
你的网址是？
@@梧桐小讲堂 hugocover.com
太喜欢您了 您是一位认真做事的人^_^
梧桐老师，你的视频讲的好细节，给我们小白非常大的帮助，有个问题想问下，我的Elementor编辑器没有Site footer,只有before footer, 就没有办法改模板里的FOOTER内容了，还有什么其它方法改footer吗？
在customizer里可以更改astra的footer
感谢分享，已经建站成功
视频做的太好太用心了，非常感谢。
谢谢你的支持和鼓励！
梧桐老师，请问怎样在store界面显示商品分类呢？而不是像模板原有的所有的产品都放在一起。
老大，什么时候才出关于设置收款接口，税费，邮费的教程？😂
非常棒，YoTobe上最给力的同类教程，讲解十分细致。如果能提供相关的制作服务，我愿意第一个报名。
谢谢支持！
感谢老师视频都，结合实际操作，而且讲得好仔细，我现在有个问题就是，product data 这个产品信息选项消失了，不知道怎么恢复，因为，这个功能，我无法给产品定价，希望老师早点回复
不太了解为什么消失，有安装别的插件吗？
老师 您好！ 我想咨询一下如何设置付款页面和付款方式
感谢老师，讲解很详细！
向梧桐老师好好学习天天向上
非常用心的制作，谢谢！
有问题想问不知道哪里不对siteground 的cpanel 居然WordPress 会不见自从更改了username 后在all in one wp security里。你知道那是怎么回事吗
在Astra主题的网页底部，edit with elementor 上找不到site footer？
梧桐老师，反复跟着您的讲课，成功搭建了一个在线商城，非常高兴，也非常感谢您！想问网站客户留言的邮箱该怎么设置？
发送邮件功能可以使用wpsmtp等插件来实现发送邮件功能。
建站启蒙人。期待worldpress收款视频
吴老师您好。感谢您的分享，我是建站零基础，通过您的视频，学会了基本的WordPress建站。我不知道您能不能做一期视频，专门讲一下用WordPress做多店铺平台?不知道您能否看到我的请求，更不知道您是否能满足学生的小小请求😄，如果能够早日看到您做的多店铺平台，将非常感谢!祝您工作生活一切顺利，频道越办越好!
另外加一句，我是根据您另一部视频做的，用的是cloudway和astra
谢谢你的支持，你指的多店铺是？
@@梧桐小讲堂 多谢吴老师这么快就回复了!我所说的多店铺平台，指的就是像淘宝，天猫，不同商家可以来开自己的店铺
woo主要是独立开店的首选，并不适合做淘宝那样的店铺，我个人是这个经验哈。
@@梧桐小讲堂 谢谢吴老师回复。您的经验肯定是不会错了，我其实并不知道WordPress到底能做什么，是真正的零经验😄。想到这个问题是因为看到别人的一个类似的网站。不管怎样，多谢您的指导。祝您的频道越办越好，事业生活一帆风顺!
老师感谢您的分享，订单状态on hold是什么原因呢？该怎么处理呢？
您好，請問一下我己經設計了產品的頁面，然後我把他們都放在購物車，再按結帳號，沒有去到付帳的頁面
請問付帳的頁面要自己再另外設計的嗎？ 謝謝
结账页面是Woocommerce自带的功能，不用另外设计的。
好棒的视频
十分感谢，超详细的
你好梧桐老师，我想问问这个header上面那个account为什么在自己登陆后台进网页里面点还是会出现这个模版的原来那个界面（就是仙人掌的😂）如果别人浏览是正常的。好像没功能客户也不能注册影响使用吗？还有一个product下面出现form id required。这个完全找不到原因😅。 等你答复，谢谢您！！！
您好，非常好的教学视频，解决我很多的疑问，但是还是有一个问题，能否在描述栏里面添加图片？
超赞的视频。一步一步干起来
梧桐老师你好！我的edit with elementor下面没有显示site footer,只显示了 site setting 和theme builder,请问我该从哪里进入编辑footer呢
NIce video for sharing.
梧桐老师像Simply Natural这种模版不是自动适应手机端吗，手机搜索网店不是自动适应呢，谢谢！
老师你好 为什么我的可变产品-变量里面点开的界面和您的不一样 他提示我的是在 “您可以添加一个变量之前您需要在属性 选项卡添加一些变量属性。”
非常棒的视频，老师!
谢谢你的支持！欢迎常来！
希望老师出一期WordPress付费可见文章的教程，谢谢！
梧桐老师，请问有没有办法增加一个站内搜索项，可以根据产品的的标签来只展示搜索后的产品呢？比如我选择只显示“多肉”，下面就只有多肉的显示，其他的都隐藏掉了？
老师讲的真好，不过我想问问做国际物流这块怎么操作，还有运送到美国的产品要多久，需要有个设定的实效性吗？
梧桐老师为什么我的WooCommerce 没有Coupon选项，我怎么才能设置Coupon呢？
为什么登入自己申请的域名没办法直接进入到零售网站 。
老師您好，我把商品建立後爲何前台網站看不到呢？
您好梧桐老师，首先感谢您的精彩视频。我想问一下，我按照视频流程，安装了Astra和Elementor。安装完成以后跟您的视频显示也是一样的。但是在Appearance菜单里却没有Astra Options，却多了Additional csS无法进行下一步。请问这怎么处理呢？这样我就无法装修。
软件都是一直在更新在改变，但逻辑都是一样的，Astra现在在左侧导航条中有单独的Astra选项，在那里面找到customizer。
梧桐老师 为什么我的wordpress后台设置里没有我网站的链接呢 直接是网站名字和网站描述下面就是邮箱 然后下面就是设置时间的 没有你网页显示的两个http那个 也加不了s 请问老师这是什么原因呢
老师我记得你有手表网站做的很漂亮，但怎么找不到了，在你的视频里。
你好，问下我用的astra免费主题，featured products 怎么设置，设置要显示的商品和链接，谢谢
你好梧桐老师，您的视频非常详细且对初学者很有帮助，想请问一下，在woocommer设置首页时，我想在首页中间插入一个产品类目下的产品模块，比如短袖分类的产品模块。怎么插入呢？
你好，这类情况就需要你的主题或编辑器支持首页商城模块动态调用，一般都是收费主题内可以包括的
想問老師，請問導入ASTRA新主題之後，舊有的都會被蓋掉嗎? 因為 我之前 曾經遇過 舊的有部分殘留，然後 混在一起 變成了怪物了@@@
老师您好，45分钟的时候那个sale的颜色是哪里修改？我找不到，我自带的是灰色的不明显也不好看~~
老师你好 我尝试做了upsell和crosssell Crosssell 成功了 但是upsell设置完了就是不会出现，去前台看相关位置是空白的，这是为什么呢
谢谢🙏非常有帮助！！
老师请问那个shop now 的按钮要怎么设置按直接去store的function呢？
梧桐老师你好，请问woocommerce是不是大陆身份和地址不能收款呢？谢谢！
您好！我想在siteground服务器上做第二个网站，有没有相关的教学呢？非常感谢！
老师，如何添加搜索栏，还有付款时的客户资料填写的表格，如何更改？
我在Appearance 选择中没有看到有个叫 ASTRA Options 的， 是不是要安装什么呢，老师
您好老师，我的系统购物车，点击之后没有反应，不知道问题出在哪里，请求指教
请关注下这个问题老师！
如何在store里面把products categories 添加在左边？
梧桐老师批发企业网站可以介绍一下吗？
非常不错
老师，感谢您的分享！我有一个问题，如果我想把产品价格设置成阶梯形式的，比如数量1-100，价格1；数量101-200，价格2
讲的很不错
相见恨晚，非常感谢您的无私奉献
请问一下，为何新建的categories没有出现在store里面？
你好，梧桐老师。我用的也是woocommerce商城，但是在我的订单里面会有一些客户的订单出现on hold的状态，请问我该怎么办？为什么会出现这种情况？谢谢
老师您好，可以讲一下，woocommerce和elementor之间的区别吗，我有点混淆概念了，都是pagebuilder工具吗？
woocommerce 是建商城的插件，实现商城的功能。elementor是pagebuilder。设计网站用的。
为什么我的elementor编辑器上没有site footer
我想做一个餐馆网站，请梧桐老师推荐一个更适合主题。可以吗？谢谢！
请问一下：http和https的区别是什么？我看您的wp后台的链接都是https，而我的都是http
梧桐老师，请问在阿里云买的域名，siteground买的主机，需要把DNS服务器修改为siteground的DNS服务器地址吗？
是的，如果要邮箱，最好把dns修改了。如果只要网站，也可以只改a记录。
谢谢
想請問梧桐老师,要怎麼在store放類似Product Categories的分類
是的，我也遇到了这个问题
老师怎么制作，拼团活动设置
但是我 happyaddons 编辑后，显示出来是非常不清楚的，类似蒙了一层纱，为什么呢？我找不到哪里设置错了？求帮助
看起来是服务器网速，复制后 稍等一下，等处理完成
你好老师，我有一个线上的产品需要接入WeChat pay Alipay的一个支付方式，这个是不是需要用到Stripe这个三方系统呢。但是使用Stripe就需要搭建一个Woocommerce 在线商城才能够实现呢，
如果你了解stripe，不需要woo。可以直接接入
这个模版没有搜索引擎吗？
梧桐老师，请问一下，Woocommerce能否先定义一个单价，再通过客户输入的产品变量数据进行计算，得出最终总价，并按比例收取订金？看了您很多视频，特别棒！对我帮助很大。谢谢🙏
你好，这属于woo的开发了。肯定可以，但要开发或找到已经开发好的插件，你可以到woo官方的插件库网站找找，也许可以找到
@@梧桐小讲堂 我本来尝试用shopify完成这个设置，失败了。看来定制性来说，还是wordpress+woocommerce更胜一筹。
谢谢，视频很详细。我像请教一下，有没有那种只显示产品信息（详情页，价格等）而不需要购物车功能的主题？谢谢
好问题。任何一种主题，把价格删除，保存，就不显示加入购物车了
@@梧桐小讲堂 谢谢您的回复。我想了想，假如只显示商品信息而没有购物车功能，就又有点像博客了。不过还是很谢谢您的回答
你好，梧桐，想请教一下，我做了一个批发型网站，有没有什么插件，可以让数量变成一打的。比如说一个产品的价格1加币，一包是12pcs，当客户点击一次后，就变成1加币乘以12个pcs的数量和价格。就是说原始显示的是单价数量，但是客人点击后就变成了一包的数量在购物车。谢谢梧桐
你好！抱歉啊，我还没有遇到过这种情况，一般情况下客户习惯直接标价一打的价格，标题中注明这是一打的数量。因为没有处理过，所以没有实际用过的可靠的插件推荐。
請問shopify domain 還沒過60 天, 不能轉移domain 到其他主機. 要什麼做? (已轉了nameserver, ip address 指去我的主機). 但我每一次我的網址都會redirect 回 shopify
你好，兩種可能。1. nameserver剛剛改，需要一定時間生效。 2. 請在shopify後台，刪除這個域名的關聯。
@@梧桐小讲堂 謝謝。已經好了
请问这个虚拟空间是多大运行内存的？
更多的观众是中国人 ，如果是中文页面更完美
老师您好 我想问一下关于税的问题 我自己自由交易在没有注册公司的情况下也可以注册网站收款吗？
老师你好，我想问一下header怎么在elementor里面修改呢？找不到能修改的地方，求助！！！
elementor- template-增加个header模版，这样试试看！
梧桐老师，谢谢分享，请问网站建好了，但客户评论之后在Dashboard的Comments里看不到，还有就是客户下单了收不到下单邮件，这是什么情况，能否帮忙讲解以下。
邮件发送没有设置，也许是这个原因？可以查看我出过的邮件发送设置问题。
@@梧桐小讲堂 好的，我去找找看看，非常感谢你！👍
老师，sitegruound最近是怎么了，一到晚上就无法登录..........
有个小白问题请教老师：就是安装了woocommerce后，wordpress出现一个访问store, 又还有一个访问站点。这俩不是一个东西吗？一个域名可以同时有网站 和 商城？可访问域名只有store啊, confused! 问题很幼稚，见笑了～～～😳
你好！是的，Wordpress就是会生成网站，woocommerce会给这个网站增加商城功能。你把store首页设成整站首页的话，那也就相当于一个商城了，或者网站做首页，其中包含一个商城频道。
大家好，我woocommer是的主题，模板我用的astra， 链接都是 域名?product=basic-gray-jeans 无法改成静态页面的格式，有碰到同样问题的网友吗？
试试rankmath
开个在线商城选Wordpress hosting还是woocommerce主机
都一樣的
梧桐老师您好，在您的视频的帮助下我建立了自己的网店，真心感谢！在我网店付款选项上有个问题：比如我想设置用Paypal付款客户需要承担2%手续费，请问如何设置，或需要哪些Plugins?
大部分情况都会采用把价格抬高以包括手续费，如果因特殊原因要收取手续费。Wordpress官方有插件解决这个问题。但是收费的，其他免费插件应该也有，但我没用过。官方插件在这里：woocommerce.com/products/extra-fees-for-woocommerce/
@@梧桐小讲堂 感谢您的帮助 :-)
梧桐老师，请教一下我在上传了产品主图后，图片会变得很大，这个是什么问题？我们上架产品那里有wordpress 和elementor编辑两种方式。最初用wordpress 上架产品没出现这个问题，后来点了elementor 后主图就变大了。
你好，不好分析，需要关闭插件排查
@@梧桐小讲堂 谢谢梧桐老师，我把elementor编辑器关了，切换到wordpress 后主图目前是正常大小了，但如果一旦切换到elemetor编辑产品详情，就会影响到主图片显示的大小。现在wordpress中上传产品详情图的排版有点乱。
@@mumiam 你好，你这种情况，可以让elementor客服帮你查一下。
你好，大佬，问下我的后台网站和前台怎么那么慢，和购买的主机有关系吗？怎么能提高访问后台的速度？多谢。
Hello, 这有很多可能，但最大的可能是主机的问题。还有你访问主机的网速。让你的客户测试下，看看快不快。
老师，咨询一下您，如果是定制类的产品，买产品的时候，需要上传一张图片，这种情况怎么弄呢？
您好，这个功能默认不支持的。也许有插件可以解决，但我不太了解，也就暂无法推荐。抱歉。
@@梧桐小讲堂 老师，已经解决，谢谢
梧桐老师好，现在siteground有限制网站数量了，请问有其他的表现不错的但不限制网站数量的服务器推荐吗？谢谢
你好！是的，我也关注到了，所以我在最新的视频里Elementor Pro用法，那一集里推荐了Namehero，很不错，你可以看下那一集，我觉得是最好的替换选择了。wutong.ca/namehero
请问siteground的套餐可以随时升级吗？还是买了只能到期再更改了？谢谢
可随时升级
这个网站国内可以用吗？