给一个网站风格做定义,匿名聊天网站开发,重庆设计培训机构有哪些,做外包软件的网站Prestashop是一款来自法国专业的开源电商CMS(内容管理系统)平台#xff0c;和wordpress一样比较轻量#xff0c;适合中小网站。Prestashop跨境电商独立站在国内并不是很流行#xff0c;不过国外是非常火的#xff0c;从各大平台的Prestashop主题数量就可以看得出来。
最有…Prestashop是一款来自法国专业的开源电商CMS(内容管理系统)平台和wordpress一样比较轻量适合中小网站。Prestashop跨境电商独立站在国内并不是很流行不过国外是非常火的从各大平台的Prestashop主题数量就可以看得出来。
最有名的CMS当然是WordPress不过wordpress建立跨境电商网站需要安装woocommerce插件而Prestashop本身就是电商平台只要你安装好这款开源系统你的网站就已经是一个店铺。国内用的不多教程也不多我这个教程可能帮得到你。
Prestashop建站的基本需求
自建prestashop跨境电商独立站基本上和WordPress自建站是差不多的因为都是开源的内容管理系统所以你最少需要一个主机Prestashop和WordPress都是中小卖家建站的工具都算轻量所以主机配置要求不是很严格起步的话虚拟主机就可以了。
你需要为Prestashop建站所准备的一些基本的东西
一台主机可以是虚拟主机8个优秀的Prestashop海外主机一个顶级域名Prestashop开源系统可以通过虚拟主机直接安装一个主题还需要一些模块modules类似于插件。
接下来正式开始建站跟着我的步伐你也可以很容易建立一个Prestashop跨境电商网站。
第一步购买主机(web hosting)
中小网站虚拟主机就可以了尤其是对于起步的新手来说因为虚拟主机是全托管的主机只要关于主机的一切事务和问题都可以交给主机商。不懂主机的可以到我这篇文章了解一下相关的知识。专业的Prestashop主机很少不过一般很常用的虚拟主机已经给你准备好了Prestashop建站。为了节省大家的时间我这里推荐几个
Chemicloud Web Hosting – 比较新但在国内却很火的一款虚拟主机我有专门的wordpress建站文章介绍过这个主机Hostinger cPanel Hosting – 整体来讲价格便宜 Litespeed web服务器 $2.59/月Siteground – 不用多介绍的名牌主机
只要是cPanel主机99%都能直接安装Prestashop今天就以Chemicloud为例其他的都不错可以自由选择不一定要用chemicloud。
购买Chemicloud web Hosting
进入Chemicloud网站针对新的小型外贸独立站Shared web hosting(共享主机)就足够了点击Web Hosting选择Web Hosting Starter套餐这是最低的套餐订购的价格优惠后是2.99美金/月查看这里获取70%折扣续费9.95美金/月一开始是够用的如果你将来的业务增长了随时可以升级高级套餐。
最低价格是3年的价格你可能觉得被忽悠其实你会发现其他的主机商都是这样销售的所以也不用太过纠结.
点击Get Start Now页面跳转到域名选择页面点击Register a new domain注册新域名如果你有第三方购买的域名可以点击I already have a domain填写你的域名不过你需要懂的域名解析。 在此处购买新域名后点击Check页面会提示你需不需要购买WHOIS隐私保护这里强烈建议你购买价格8.99美金/年不然你的每天会收到很多垃圾邮件和电话。继续下一步是一个叫Configure页面也就是一些相关信息以及附加选项的页面。 在这个页面有两个地方需要你选择第一个是选择购买年限我建议购买3年真正开始一项外贸业务3年真的不多就算你选择两年期的价格也差不了多少再说续费价格也是3年的更便宜然后选择一个数据中心建议按照你的主要客户所在地选择离他们最近的服务器其他的都不要选。
以上价格需要填写优惠码才能获得总共价格应该是107.64美金加WHOIS费用换算成人民币1000元不到三年的费用真的不多。然后点击继续付款这时候ChemiCloud会需要你注册个帐号可信用卡或者PayPal付款成功后就可以登录后台管理你的主机了。
第二步安装SSL证书
一般购买后会有几封邮件告诉你订购的主机信息以及登陆信息。
登陆Chemicloud后台在安装Prestashop之前先给你的域名安装SSL证书Chemicloud用户首页你就可以看到你购买的主机服务了。 点击上图种箭头指示的图标进入cPanel面板在面板种找到Security如果你不习惯英文右上角用户名点击下拉菜单可以change language。 看到Let’s Encrypt™ SSL吧点进去可以安装免费的SSL证书。拉到下面在Issue a new certificate里面找到你需要安装证书的域名。 真正建站你还是使用顶级域名(http://example.com)。点击Issue在接下来的页面选择需要安装SSL证书的子域名不需要的就不要勾选。 然后点击底部的蓝色按钮Issue。域名和主机都是在Chemicloud的地方购买的话证书立即就会被创建并安装。
**如果你使用的是第三方的域名你一定要解析域名到chemicloud主机成功之后才能成功安装ssl证书不然会失败。
为了证明证书是否真的安装成功你只要在你的浏览器输入你的域名就知道了成功的话你会在浏览器网址的前面看到一把安全锁。
第三步进入cPanel并安装Prestashop
主机的大部分功能你都能在cPanel中操作需要安装prestashopwordpress等等的话也同样是在cPanel面板种拉到cPanel底部。 看到了Prestashop吧显示的是版本1.6其实进去你可以选择不同的版本有最新的版本1.7.8我建议安装最新版的吧老版本可能不会再获得官方更新和支持而且很多新资源可能会不支持。点击Prestashop进入安装页面 点击install now接下来你需要设置一些登陆信息也就是你的prestashop店铺的后台信息。
如下图所示注意Prestashop1.6已经两年多没更新了所以系统也不建议安装 里面需要设置的地方
安装的URL即你的网站首页网址我这里使用的是我一个子域名只是做参考而已然后是选择版本站点信息包括站点名称可以不改之后进入prestashop可修改至于Admin Folder(管理文件夹)建议修改也是为了安全起见。管理员账号这个按照你自己的信息填写即可。
最后拉到底部点击Install开始安装安装过程很快几分钟就完了。如果安装过程中出了什么问题请直接联系主机商解决。安装成功页面 你可以点击你的网址预览一下你的网站也可以点击administrative URL进入你的管理员页面。 安装好的首页是这样的
这直接就是一个电商网站了比起wordpress更快捷假如你不介意这么简洁的页面直接不需要另外安装主题自定义信息然后上传产品就可以开始销售了。
点击上文中的administrative URL(以后要记住了包括用户名密码等)也可以进入后台登陆页面下图就是prestashop的管理后台了。和wordpress一样左侧是导航菜单界面还是挺通俗易懂的。 一般来说网站未完全建立好之前都是不建议直接发布的这样可能会对SEO有一些影响因为前期网站内容不丰富对于搜索引擎来说这是一个不太好的网站。因为Prestashop安装好之后后台是自动给你发布了网站的建议你取消发布网站再做其他的工作。可以在后台的CONFIGUREShop ParametersGeneral中暂时取消发布网站 General中有个Maintenance选项卡如上图默认Enable store是打开了的你可以点击关掉其他的可以不需要设置因为一个新网站除了你自己对于其他人来说它都是不存在的。
第四步安装Prestashop主题和modules(模块)
当然为了不使网站过于千篇一律还是建议购买一个付费主题来安装需要安装新主题的话当然是要进入网站后台了。
Prestashop本身自带一个叫做classic的主题很简约那种我觉得要求不高的可能还会很喜欢不过需要功能丰富的朋友就需要安装第三方主题。那么哪里能获得第三方的主题呢
Prestashop官方的商城这里拥有超过2千个主题不过价格普遍偏高。Themeforest这个不用过多介绍了吧了解一点自建站的朋友都知道这个主题商城应该肯定是全球第一大吧价格比较不错但是质量就参差不齐了选择贵的或者用户多的就对了数量庞大我也不好怎么推荐。Template Monster, 这里的prestashop可不比官方少也是非常大的一个商城质量整体会比Themeforest好一些因为人工审核。Hiddentechies严格来说不算商城只是一家主题开发商因为主题比较优秀而且接下来要用的就是他们家的主题。
安装主题Etrend Lite
从这些商城显示的prestashop主题数量来看国外用Prestashop搭建电商网站一点都不输于wordpresswoocommerce。那么我今天用的主题是哪个呢这个主题叫做Etrend Lite是Hiddentechies出品的一个主题有付费和免费版打算认真做独立站的话建议购买付费版几十美金一次买断还有3个月技术支持以及更多的功能而且更新也更及时当然如果你只是想试试那用免费版吧。 购买后登陆你的用户后台My Downloadable Products里面找到Etrend Lite应该会有三个下载选项需要下载theme别下载patch这个补丁是对于老版本升级用另外还有一个Demo image(演示图片)。
然后进入你的Prestashop网站后台依次IMPROVEDesignTheme LogoAdd New Theme 点击Browse把你刚刚下载的主题文件导入到这里点击Save之后就会自动安装主题了不要关闭网页上传可能会持续一小会儿。
主题安装完成后页面会返回前一个页面你往下拉在My theme for My Store shop中会看到新添加的主题 点击Use this theme网站就换成了新的主题你可以预览以下你的网站前台后台右上角有个View my shop就是了。因为主题有些图片没有导入可能你在前台看到图片丢失的情况如果你需要的话可以去下载上文提到的Demo Images不过我觉得你的网站肯定要改成你自己的内容所以实际这些图片并不重要至于如何导入图片请查看主题的documents。
Modules模块安装
Modules类似于wordpress的插件但又不同有时候像插件有时候更像一个模板你可以在很多地方使用。系统本身有自带一些modules安装主题之后主题方也带来了一些modules。假如你想自己安装一些模块如何安装比如PayPal modules这个系统是不带的需要自己安装又比如最近火爆的TikTok(国际版抖音)modules。
安装模块可以有两个方式
从IMPROVEModulesModule Catalog进入官方的列表搜索如果是第三方购买或者下载的话可以从IMPROVEModulesModule Manager进入到模块管理页面点击upload a module上传模块安装。在模块管理页面你也可以看到已经安装了不少模块如果不懂最好是别去修改或者删除。 比如TikTok如上图点击Install就可以了。
上图中看到一个module selection选项卡吗这里有更多的模块需要去官方的商城下载才能安装不过这个选项卡可以直接搜索。比如你搜索PayPal就会跳转到Prestashop官方模块商城并显示搜索结果 你需要先购买对免费也要购买只是付款是0然后下载再到你的网站后台来安装。
第五步自定义网站及店铺设置
这一步对于新手应该是比较难一点毕竟一个新系统要使用还是需要时间摸索的不过也没什么好担心的就像你第一天入驻亚马逊你也需要搞懂他们的后台在使用方面你就要学习不少知识同理Prestashop对于新手来说肯定也是需要学习的。一个系统的后台使用首先就是基本设置和自定义。
网站标题(名称)
在安装Prestashop的时候是可以设置网站标题也就是你的网站名称的如果你没有设置或者想修改的话可以在网站后台更改但不容易找到。位置在CONFIGUREShop PrarametersContact在这个页面有两个选项卡选择Store见下图。 往下拉找到Contact details这个地方就可以设置店铺名称其实就是网站名称还有网站邮箱以及店铺联系方式。其实你还可以添加多个店铺但是一个店铺对于新手已经需要时间学习了多个店铺就暂时别考虑了。
说修改网站标题难找其实也不是难找主要是你不会想到在这个地方。
网站LOGO
网站logo是网站标识的另一个部分按道理本来网站标题和logo应该要在同一个地方可以设置的但是并不是好了不吐槽这点了。
其实在上文安装主题的时候你肯定就看到Logo了就是在那个地方添加LOGOIMPROVEDesignTheme Logo 在这里可以设置网站的LOGO还有邮件的LOGO另外一个就是网站的标志这个是在你的浏览器标签页开头显示的一个标识。
Modules模块设置
模块设置对于Prestashop的整个网站设计是非常重要的可以说是从头到脚都靠模块来完成这和其他流行的网站搭建方式有所区别最少和wordpress区别非常大wordpress是可视化的即使现在引入BLOCK(区块)的页面设计都还是可视化的。也许真的是这个原因劝退了很大一部分用户吧但就是架不不住还是有喜欢这个系统的人。
前面我们已经说了模块安装这里就说模块的使用和设置。从IMPROVE进入Module manager模块管理页面拉到Facebook Social Networks这个部分以Social media follow links模块为例。为何以这个么模块为例因为其他的模块都已经放置在了设当的位置这里主要是告诉你如何设置并使用模块一通百通。 点击configure进入这个模块配置页面如下图把你的社交主页链接填在相应的社交平台中然后点击Save。 接下来就要把模块放置到网页中点击右上角的Manage hooks在接下来的页面点击蓝色按钮Transplant a Module之后进入的页面就能选择放置模块的位置。 Module – 选择需要放置的模块Transplant to – 选择需要放置的位置比如图中的displayNav1()是在页头的顶部里面的位置有很多每一个模块可放置的位置也是不同的。Exceptions – 排除不需要的页面。
这里有个问题这个放置的位置这样标识好像代码用户怎么知道是在网页的什么位置对这确实是个问题所以你需要到IMPROVEdesignPosition里面去看看所有模块的位置你要找到你想放置的模块附近的位置代码类似这种displayNav1()然后把模块插入这个位置中去。同一个位置的模块是互相拖动以更改位置的。 这里虽然只是其中一个模块但是其实大部分模块用法类似区别在于不同的模块所能放置的位置是不同的有些可能放置在很多位置有些则只可能放到几个位置还有的不可更改位置具体到module manager和position里面去了解。
这一步肯定让很多用户望而却步其实真正明白Prestashop网页设计关键的一点就是你只要搞懂模块的使用之后你就能得心应手了因为网站的任何一个部分都是模块真的是从头到脚稍微有点困难的地方就是你需要知道模块应该放置在什么位置这个位置可能不太容易找。
页头
网站的页头是用户能第一时间看到的地方因为主题不同这里以我安装的Etrend lite为例说真的主题页头已经显示了大部分需要的因素需要改变的地方不多。
设置语言和货币
默认安装的语言一般是英语或者用户自己设置的语言货币也是一样。假如网站只有一种语言和货币的话网站前台是不会显示语言和货币选择器的如果你想网站拥有两种语言或者货币的话可以通过后台添加两种以上前台就会显示了 默认英语和美元
增加语种和币种进入IMPROVEInternationalLocalization添加语种有手动和自动添加两种建议自动手动的话还要去查询国别和语言编号还不好使用。 见上图有四个选项标签
Localization – 这里可以自动添加多语种和货币以及设置默认语言和货币。Import a localization pack就是自动添加语种你选择一个国家比如France然后选择要导入的内容包括州税语言货币等等其他然后开启download pack data点击Import就会自动导入相应的信息。Languages – 你可在这个地方查询你网站拥有的语言还可以手动添加你想要的语言当然也能删除多余的语言Currencies – 和语言一样可以自动添加删除币种Geolocation – 这个是网站根据你的IP地理位置自动更改货币或者语言你需要去注册第三方服务这里就不介绍了。
只要你有两种语言或者币种以上首页头部就能看到语言和货币选项了。 多语种和币种选项
另外页头可添加模块比如上文中添加一个社交Follow的模块也可以更改同一区域不同模块的位置这在上文也说过。
菜单和类目
页头还有一个重要的部分那就是菜单网站的菜单可能是每一个访客在页头最先关注的地方吧因为菜单就代表了了这个网站大致的内容框架了。设置菜单也是安装主题的菜单里面IMPROVEDesignTheme LogoPages Configuration 在Pages Configuration里面你能设置三种页面的内容首页目录页以及产品页。而每一种页面下面你又能设置菜单、页面的各个模块以及页脚。*注意这里的首页模块并不是Etrend lite主题的首页而是默认主题的首页但是这里的模块可以用在Etrend lite主题首页中。
菜单设置又分四个部分
Categories目录 – 这里的目录是指你的店铺产品目录Content pages – 内容页这里你可以添加自定义页面比如那些什么about us之类的主题一般有自带模板Brands and Suppliers – 假如你的店铺有多个品牌比如你是一个运动服饰店铺有adidas、Li-ning、Nick等就可以在这里添加分类了Main menu – 主菜单这就是页头的菜单了也是网站的主要菜单以上三项都能添加进这个菜单
点击上图中Main menu的configure进入主菜单的设置页面 其实Main menu也是一个模块你可以添加你网站已有的任何类型的链接比如刚刚说的类目、内容页、品牌等等直接可以从右边的Available Items里面选择然后add添加最后保存就好了。
另外你也可以手动添加新链接Add a new link这里可以添加第三方的外部链接。设置好后你可以点击Manage Hooks来选择菜单的位置其实这个主菜单不止可以放在页头还有很多地方具体如何放置上文模块使用有方法。
页脚
页脚也是网站的重要部分在页面的底部每个网站都应该有的页脚的设置其实还是对模块(modules)的使用上面的IMPROVEDesignTheme LogoPages Configuration中有Footer设置但是这里的Footer主要是默认主题的模块新主题Etrend lite的页脚还是要到IMPROVEDesignPosition里面去设置。 Position意思就是模块的位置这里有很多一个一个去看肯定是很困难的直接搜索footer之后所有的页脚模块全部显示了你需要修改哪个就找到那个修改就行了我相信以大家的之上应该会知道每一个模块是什么。比如页脚一般都有很多链接添加修改链接的模块就是Link List。
不过Position这里只能找到这个位置的模块和修改模块位置并不能直接修改模块内容要修改模块内容还是需要到模块管理(IMPROVEModule manager)中去找直接搜索Links。 点击Confiture就可以设置页脚的链接了 菜单列表中有两个列表一个是关于产品的一个是关于公司你可以点击旁边的铅笔符号来添加修改链接。这两个列表显示在网站页脚的中间如果你还需要其他列表点击右上角的New Block添加另一个列表。
你还可以拖动菜单切换位置。
页面布局(Layout)
页面布局一般是指网页分栏模式有的页面是一栏有的带有侧边栏有的是两边都有侧边栏这个就看你自己洗好了Prestashop的页面布局也在安装主题的菜单里面(IMPROVEDesignTheme Logo)。 拉到页面底部你会看到Configure your page layouts这就是页面布局设置了点击Choose layouts按钮进入页面布局设置里面包含了所有网站页面你可以给单独的每一个页面设置布局改好布局后记得保存。
支付和运费设置
运输和支付是电商里面是除了产品之外最重要的两个方面。
支付
支付的相关设置在IMPROVEPayment里面Payment methods即支付方式Prestashop默认只有两个支付方式一般人都用不到所以你需要其他支付方式需要去安装模块。比如上文提到的Paypal需要在prestashop官方商城下载才能使用而像stripe、amazon pay等等方式可以直接在这里安装。 安装好模块按照相应的指示去设置就好了。
另外还有一个支付Preferences里面可以设置货币信息以及一些支付限制之类的你可以按照自己的需求去设置。
运输
这里其实挺简单的进入IMPROVEShippingCarriers可以在已有的运输方式中编辑或者点击Add new carrier(添加新的运输者)其实是添加新的运输方式。 根据步骤设置你可以使用的运输方式然后点击Finish保存就好了。另外运输设置中也有一个Preferences可以设置免运费的条件以及其他一些运输选项根据自己的需求设置。
我这里也只能带大家了解后台的主要设置具体还得靠你自己去花时间使用并熟悉WordPress新手、亚马逊新手、速卖通新手、shopify新手等等都是这样过来的。
第六步添加页面和产品
网站设置得差不多了接下来就要添加你自己的内容了对于一个电商网站最重要的当然是页面和产品了。
添加和编辑页面
可从IMPROVEDesignPages进入添加和编辑已有页面 页面也可以分类点击右上角Add new page category可以添加页面类目系统已经有一个默认类目Home不可更改没有创建新类目默认所有新建页面都会添加至这个类目已有页面也可以编辑点击铅笔
符号就可以编辑
添加新页面同样点击右上角Add new page。 Prestashop新页面编辑器是经典的页面编辑器简洁但也容易使用。这里我介绍一下每一项的功能。 Page category – 页面目录默认HomeTitle – 页面标题SEO Preview – 搜索引擎结果页面预览Meta title – 元标题其实就是这个标题会显示在搜索引擎的标题Meta description – 页面的元描述可以当作页面的简介Meta keywords – 页面关键词Friendly URL – 自定义网址可以自己修改成任何有辨识度简短并且对搜索引擎友好的网址Page content – 页面内容你可以在这里添加任何内容这个不用我说了会word文档的基本都会这个吧不过Prestashop的页面编辑器包含插入行和列的功能比如页面文字可以分成几行每一行又可分成几小列中间可以添加图片视频等。Indexation by search engines – 设为yes是让搜索引擎收录这个页面如果你不想这个页面显示在搜索引擎中可设置No.Displayed – 允许这个页面在前台显示与否yes是显示No的话前台就看不到了 页面编辑完成保存也可以预览。
添加产品
前面所有的准备工作都是为了这一步作为一个电商网站产品才是它的灵魂。从SELLCatalogProducts进入添加产品在产品页面默认自带几个产品样本你先不要删除可以参考一下如果你熟悉了如何传产品的话这些都应该删除掉当然你也可以直接在这些产品上修改。 点击New product按钮添加新产品新产品添加页面还是很清晰明了我大致给大家介绍一下其实我觉得只要E文一般的都能很容易看懂每一项的功能。 产品编辑页面主要是6个部分组成在顶部你就能看到6个选项标签
Basic Settings – 基本信息设置这里你可以编辑产品类型标题描述产品基础价格以及产品类目等信息要说一下的是产品类型也就是图片中Combinations这里可以切换单一产品和变体产品变体产品就可以给产品设置不同的颜色尺寸。Combinations/Quantites – 这里如果是变体产品就可以添加不同的变体和数量如果是单一产品就直接编辑数量变体中的选项可以在Attributes里添加。Shipping – 运输信息包括产品的包装信息发货时间运费等等。Pricing – 在前面设置的价格是基础价格产品没有活动的话都是这个基础价格这里可以设置你想要真正销售的零售价格可以和基础价格不同请注意含税和不含税。还可以根据不同国家不同情况设置具体的销售价格。SEO – 搜索引擎的优化和页面编辑页面是一样的包括页面标题、描述(搜索引擎中)、以及产品链接都可以自定义。Options – 这个项目中你可以设置产品是否在前台可见、产品标签、产品编码比如UPC条码等、以及供货商等等。
编辑好了一切记得点击Save保存当然你也可以预览假如上传类似产品你还可以点击Duplicate复制产品。具体怎样传产品还靠自己了做过跨境电商的应该都没压力搞过亚马逊的就更不用说了。
第七步发布网站
差不多有4到5个产品就能够发布网站了然后每天更新产品也是告诉搜索引擎你的网站虽然是新网站但是在不断更新中。
在第三步结尾我建议过大家取消发布网站你可以进入CONFIGUREShop ParametersGeneral中重新打开发布网站的开关。
之后保持传产品的一定规律每天传一两个或者说一个星期保持传几个最少保持网站前三个月经常有更新没有产品可以写点博客可安装模块或者单独安装wordpress到二级文件夹。然后加上各大社交平台创建相关账号连上你的网站来进行综合推广。
总结
终于把教程的写完了最后说点什么
不管你是哪里购买的主机其实只要你知道如何安装Prestashop之后的对于Prestashop的使用是一样的。各类CMS建站的大致流程是一样的只是“如何使用建站系统”这个部分不同。
Prestashop建站后的使用其实和Wordpress使用有很大不同我可以告诉你wordpress建站以后会更容易因为系统去除了一些以前新手难以理解的部分比如小部件单独的menu以及customizer等而Prestashop是一个模块化的建站工具你需要懂得里面对页面的设计主要是理解modules的逻辑。
为了写这个教程我是从头开始学习了一下最基本的Prestashop建站知识里面很多项其实都能单拎出来写文章了但是为了教程的延续性就放在一个文章希望方便读者。
Prestashop对于理解了的人来说建电商网站会更优于wordpressprestashop因为本身就是电商系统在电商这方面是优于wordpresswoocommerce的组合的比如SEO优化、底层安全等方面就比wordpress要好如果你对这个系统很有兴趣不妨一试。
