别再为外贸独立站搭建犯愁,这里有你需要的所有答案

为什么现在很多外贸公司,SOHO会选择搭建外贸独立站呢?

  • 受约束小:在自建的独立站自主权更高,独立站的布局和风格可以自行定制,且各种规则不受大平台制约。

  • 品牌建设与推广:可以通过建立独立站来自主建设和推广品牌,从而在国际市场树立企业形象和提高知名度。

  • 提高利润率:相对于在第三方平台上销售,独立站可以更好地控制产品定价和利润空间,从而提高整体的利润率。

  • 增强客户忠诚度:独立站可以帮助企业与客户建立更紧密的联系,通过提供优质的售后服务和个性化的产品推荐,增强客户的忠诚度和复购率。

优势显而易见,那搭建一个外贸独立站难吗?

不难!

外贸独立站搭建全攻略,从零开始,一步步教你如何搭建外贸独立站

1 我需要准备什么

一台服务器

一个域名

avada主题

搭建流程,我们将在服务器上部署网站,网站由WordPress和avada主题搭建而成,然后将域名解析到服务器,我们在浏览器输入域名(网址)就可以访问到我们搭建的外贸独立站了

2 安装1panel

1Panel 是一个现代化、开源的 Linux 服务器运维管理面板,跟宝塔面板同类型的面板,23年3月面世,仅仅八个月就在Github上斩获13K star

产品优势

  • 快速建站:深度集成 Wordpress 和 Halo,域名绑定、SSL 证书配置等一键搞定;

  • 高效管理:通过 Web 端轻松管理 Linux 服务器,包括应用管理、主机监控、文件管理、数据库管理、容器管理等;

  • 安全可靠:最小漏洞暴露面,提供防火墙和安全审计等功能;

  • 一键备份:支持一键备份和恢复,备份数据云端存储,永不丢失。

RedHat / CentOS

 curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && sh quick_start.sh

Ubuntu(建议使用Ubuntu安装,较为稳定)

 curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && sudo bash quick_start.sh

Debian

 curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && bash quick_start.sh

当出现以下提示就代表1panel已经安装成功了,上面给出了访问1panel的地址和账号密码,我们在浏览器输入这个网址,然后用账号密码登录即可(这里用到的端口是33831,如果防火墙没有开放这个端口的话,需要开放一下)

添加防火墙开放端口

下面语句是添加开放33831端口的语句,如果要开放其他端口,把33831换成其他端口的数字即可

 sudo iptables -I INPUT -p tcp --dport 33831 -j ACCEPT

端口开放完后就可以登录了

image-20231126215830418

image-20231126215914339

3 安装WordPress

我们在1panel的应用商店中安装WordPress,点击安装按钮

3.1 安装WordPress服务

image-20231126220233560

我们可以看到MySQL还没有安装,我们点击去安装,即可跳转到MySQL安装页面

在安装MySQL界面,点击确定按钮,即可开始安装MySQL

image-20231126220311013

image-20231126220635035

安装完MySQL后,再次来到安装WordPress的界面,这时MySQL底下已经没有去安装这三个字了,因为我们刚刚已经安装了

一些信息自动填写了,如果需要自定义的手动改下,不需要自定义的直接用自动填入的值就好

往下滑,会看到一个开放外部端口,勾选上,我们后面访问WordPress用得上,然后点击确定按钮,安装WordPress

image-20231126221121625

image-20231126221614065

3.2 绑定1panel ip或者域名

image-20231126223317151

3.3 安装WordPress

在已安装的WordPress服务中,点击服务端口,跳转到WordPress安装界面

image-20231126223424285

选择语言,继续

填写站点标题,用户名,密码,邮箱,点击安装WordPress按钮

image-20231126223721675

安装成功

我们点击登录,输入刚刚设置的用户名,密码即可成功登录WordPress

3.4 设定固定链接,前缀

选择设置——固定链接

设置固定连接的结构,设置分类前缀,标签前缀

image-20231126231259255

4 域名解析

将域名解析到与WordPress网站,目的时用域名访问WordPress,而不是IP地址

我之前已经在阿里云买了域名,我现在就去解析一下,把www.域名.com解析到我的服务器地址

image-20231126224639801

image-20231126224811313

5绑定域名

5.1 安装openresty

我们需要安装openresty服务,然后在1panel管理我们的WordPress网站,点击安装按钮后,信息没啥好改的,直接点击确定即可

image-20231126225316289

image-20231126225400452

5.2 绑定域名

我们用openresty来管理刚刚部署的WordPress网站,方便绑定域名,添加SSL等

现在我们先来绑定域名,点击创建网站,选择一键部署,在已经安装的应用中选择WordPress,然后在主域名中输入刚刚解析好的域名,代号(输入域名后这里会自动输入,可以不改,问题不大),点击确定即可绑定域名

image-20231126232112976

这边是绑定成功的效果,我们在浏览器中输入网址(域名),就可以看到我们的网站了,现在打开的是WordPress内置的一个页面

image-20231127214529222

5.3 添加SSL

直接使用http方式,不添加SSL访问是不安全的,一方面数据传输不安全,一方面所有输入这个网址的人,浏览器上边都会这个提示

image-20231127215242311

我们现在来使用一下openresty给我们的域名添加SSL,也就是申请一个SSL证书

5.3.1 创建Acme账户

在证书菜单页面,我们先创建一个Acme账户,随便输入一个能用的邮箱就行,我已经创建好了

image-20231127215924812

image-20231127215956091

image-20231127220113797

5.3.2 创建DNS账户

在证书页面,创建DNS账户,这边以阿里云DNS为例,我们去阿里云官网获取Access Key和Secret Key

image-20231127222433636

登录阿里云后,在右上角的AccessKey管理中获取Access Key和Secret Key

image-20231127225725474

点击创建AccessKey,即可创建Access Key和Secret Key,我这边已经创建好了,创建完后把它填入到openresty的DNS账户中,即可成功创建DNS账户

image-20231127225913354

5.3.3 创建SSL证书

在证书页面,点击创建证书按钮,填入需要绑定SSL证书的域名,选择刚刚创建的Acme账户和Dns账号,创建成功

image-20231127230427954

image-20231127230609540

5.3.4 域名绑定SSL证书

创建完SSL证书后,我们在网站页面,选择我们的独立站,在HTTPS设置中,启用HTTPS,选择已有证书,Acme账户和证书选择我们刚刚创建的,点击保存即可给域名绑定SSL

image-20231127231000238

5.4 域名添加SSL效果

我们在浏览器中输入域名,访问我们的网站,域名左边已经不在提示不安全了,而是带了一把小锁,点击小锁,可以看到提示,网站链接是安全的,有了SSL,与服务器之间的数据传输会进行加密再传输,安全性更高

image-20231127231457127

6 avada主题安装

avada主题:购买地址

我已经购买好了,下载avada主题到本地

image-20231127232236896

6.1 上传avada主题到WordPress

下载完后,解压整个压缩包,进入Avada Theme文件夹下,找到Avada.zip和Avada-Child-Theme.zip两个压缩包

Avada.zip是父主题

Avada-Child-Theme.zip是子主题

我们之后的操作和自定义将在子主题中进行,避免avada更新把我们的自定义设置和额外编写的代码等给清空了

现在将这两个压缩包上传到WordPress,选择文件,立即安装

image-20231127233113560

现在已经安装成功了,我们启用一下avada子主题

image-20231127233340985

6.2 激活avada

UNREGISTERED:未登记的,也就是还没有激活

image-20231127233947230

我们回到购买avada主题的地方,下载许可证书和购买代码,下载完后,打开txt文件,将Item Purchase Code:后面跟着的一串字幕符号填写到Register Now的左边,然后点击按钮即可成功激活

image-20231127234136729

image-20231127235337765

6.3 avada主题翻译

avada主题全是英文,我们下载avada压缩包的时候,里面有个语言包,在Languages文件夹里,里面存在中文翻译包

image-20231128005153432

在四个文件夹中找到一下文件,分别是中文的mo和po文件,avada文件夹下的汉化文件是用来翻译avada主题的,其余三个文件夹下的汉化文件是翻译avada的插件用的

Avada文件夹:

Avada-zh_CN.mo

Avada-zh_CN.po

fusion-builder文件夹:

fusion-builder-zh_CN.mo

fusion-builder-zh_CN.po

fusion-core文件夹:

fusion-core-zh_CN.mo

fusion-core-zh_CN.po

fusion-white-label-branding文件夹:

fusion-white-label-branding-zh_CN.mo

fusion-white-label-branding-zh_CN.mo

我们进入/opt/1panel/apps/wordpress/wordpress/data/wp-content/languages/themes目录中,上传avada汉化文件

image-20231128011143845

我们进入/opt/1panel/apps/wordpress/wordpress/data/wp-content/languages/plugins,上传处理avada以外其他三个插件的汉化文件

image-20231128011349785

6.4 安装avada必要插件

使用avada,有两个插件必须安装上,那就是Avada Core和Avada Builder,没有它不行,必装必装必装,只有安装了Avada Core和Avada Builder才能正常使用avada主题

我们可以在插件菜单安装Avada Core和Avada Builder这两个插件

image-20231128012609645

7 导入网站demo

avada预制了99个非常优秀的网站模板,涵盖各种类型的网站,我们可以通过导入模板,在模板的基础进行修改,快速的建立起我们的网站

image-20231128012933827

我们点击websites菜单,在里面所有的网站模板中选择一个进行导入,我们做的是外贸独立站,所以我选择shop分类里的其中一个网站模板:modern shop,一个现代化风格的商店网站

image-20231128014052577

我们安装步骤一步步的安装插件和导入需要的页面即可

image-20231128014200816

大概两分钟时间就完全导入完毕

浏览器输入我们的网址(域名),可以看到网站已经导入成功了,跟modern shop一摸一样,之后只需要自己根据自己的想法在modern shop模板的基础上diy自己的网站即可,不需要从零开始建设

image-20231128015042051

8 Avada推荐插件介绍

avada主题推荐了一些比较好用的插件,avada core和avada builder是必需的,刚刚我们已经安装了,其中带有高级标识的是购买avada主题赠送的付费插件,除了必需的和赠送的付费插件,其他是avada推荐的一些比较不错的免费插件

image-20231128213502317

image-20231128213619299

Avada Custom Branding

主要用来调整后台Avada主题和wordpress后台的样式,对于搭建前台网站无帮助,可以忽略不安装

Slider Revolution和LayerSlider

Slider Revolution和LayerSlider是两个流行的幻灯片插件,用于创建具有响应式设计和交互功能的动态幻灯片。

不仅提供了许多自定义选项和动画效果,还支持多种幻灯片类型,如图像、视频、文本等。此外,Slider Revolution还具有丰富的主题和布局选项,能够轻松定制幻灯片的外观和风格。

不推荐安装,幻灯片效果占用资源较大,我们在后台一样可以使用幻灯片轮播图替代即可

Advanced Custom Fields PRO

一款非常强大的自定义字段插件,允许自定义多种形式的字段类型,比如 Image、Checkbox、File、Text、Select、True / False、Link、Textarea 等等,自定义的这些字段,可以添加到所有的WordPress页面中,包括文章,用户,分类,媒体,评论

Convert Plus

这是是一款WordPress的模态弹窗插件,不需要任何编码或设计经验,就可以在几分钟内创建出漂亮的弹窗。

营销神器,这款插件的主要目标是帮助提高网站的转化率,在用户浏览网站的时候弹出营销信息,通过表单,电子邮件等形式获取用户联系方式

File Bird

WordPress媒体库的图片都是全部堆在一起,使用File Bird的话就支持我们在媒体库中新建文件夹,不同类型的图片放到不同的文件夹里进行分类

Hubspot

支持实时聊天功能,可以让网站访问者与我们进行即时沟通。还可以在网站上创建各种表单,收集潜在客户的信息。

WooCommerce

免费开源的一个电商插件,B2C必备,B2B可选

The Events Calendar

时间日历,用于创建和管理活动日历,用处不大

Yoast SEO

一款简单易用的SEO插件,降低了对网站SEO优化的门槛,我们可以使用它来优化网站提高搜索引擎排名

在写文章或页面时,编辑器下方可以看到一个名为“SEO分析”的工具条。这个工具条会显示文章或页面的SEO得分,以及需要改进的地方

bbpress

bbPress插件可以为网站提供论坛功能,经常与另一个插件BuddyPress一起使用,都是用来建论坛的,我们用不上

PWA

离线浏览

如果用户缓存过网站的内容后,可以在不联网的状态下继续浏览网站。安装并使用之后可以在网站后台的 设置->阅读 中勾选此项。