外贸建站教程全流程合集49篇

5/5

本站的外贸建站教程讲解:如何使用WordPress搭建价值10000元+的B2B外贸网站,适合新手、SOHO自学建外贸网站。

本页面是外贸网站建设分步导航,方便你了解建站流程以及每一步中的操作。

如果你想一文看完自建站教程,请查看:Astra主题教程:免费建外贸网站(入门级)或2020年B2B外贸建站的终极教程 (进阶级)。点赞、喜欢、评论我的知乎文章,便是你对我最友善的支持。

如果你是B2C企业,也可以参考这篇教程,只是在使用woocommerce时,需要自己再研究销售方面的功能与插件。

💡如果你缺少自学建站的时间,需要外贸网站建设服务,建议阅读外贸网站建设指南,然后按需选择如下服务类型,并微信联系我

  1. 标准化快速建站服务,开箱即用,你只需准备好域名与服务器,按我们提供的视频教程填充公司介绍、产品介绍内容即可,性价比高,建站周期短
  2. 定制化建站服务,适合来稿制作、仿站等个性化需求较多的外贸独立站,建站周期长

1.注册域名

注册域名

在下方输入域名,点击check按钮,即可查询域名是否被注册;如果域名已注册,还能查看它的Whois信息 在哪里购买域名划算

上方4个域名注册商,新用户注册.com域名的价格从左往右递增

2.购买主机

来自站长Bonnie的话:

接下来要说购买建站主机了。我是靠主机的佣金来维持日夜写作的动力、给娃买奶粉的,当你在我的网站点击主机购买链接,并成功购买后,主机商会给我一些佣金…嗯…谢谢亲们的支持~
(嘴拙,也不会说更多的话了つ﹏⊂

Siteground是外贸网站建设的常用主机,只是2020年中涨价了,如果对价格敏感,可以选择GreenGeeks或Chemicloud。

WordPress建站主机推荐与对比:Siteground、GreenGeeks、Chemicloud

下方对比的三个主机:Siteground、GreenGeeks、Chemicloud,都是适合WordPress外贸建站的主机。
其中,SiteGround和GreenGeeks套餐都提供服务端缓存,因为这对网站速度影响很大,网站速度慢会导致客户流失;
而ChemiCloud主机采用的是LiteSpeed服务器,速度本身就快,我就没选择更贵的带有服务端缓存的套餐。

购买Siteground的WordPress主机的注意事项

Siteground是wordpress官方推荐的三大主机之一,且五星好评率高达92%,它曾经是价格低于10美金的、性价比最高的wordpress托管主机,然而2020年6月18号起,创建站点不限数量

购买GreenGeeks的WordPress主机的注意事项

Siteground于2020年6月18日提价67%~194%,贵了不少啊,对企业来说涨价后的价格依旧不算贵,但对个人而言,是有必要找一找替代的主机了,于是经过多番研究与对比,我找到了GreenGee

Linode不适合新手,它不是WordPress托管主机,需要自装宝塔面板以便管理。国内建站服务器请看魏艾斯笔记,提供阿里云、腾讯云服务器建站的相关知识和优惠活动。

3.安装WordPress

  • GreenGeeks的管理面板是Cpanel,国外很多wordpress主机用的都是Cpanel,所以安装wordpress的方式也基本一致。
  • Siteground使用的是自研的管理面板,操作比Cpanel更加简易。(Siteground过去也使用的是Cpanel,2019年开始更换为自研面板),
  • 若购买VPS主机搭建外贸网站,那建议在主机上安装宝塔面板,它的免费版就够用了,方便管理网站。

如何在GreenGeeks创建WordPress网站

前言:购买GreenGeeks的wordpress主机的注意事项 本文介绍如何在GreenGeeks主机中创建WordPress网站,建议你可以先给域名安装SSL证书,再去创建WordPress网站,

如何在宝塔面板中创建WordPress网站

本文将图文逐步介绍如何在宝塔面板添加wordpress网站,本文的宝塔面板是7.3.0版本。 1.进入菜单软件商店页面,点击应用分类中的“一键部署”,找到wordpress并点击一键部署按钮 2.在一

如何在Siteground中创建WordPress网站

本文将图文分步骤介绍如何在siteground中创建wordpress网站,如果你买的是growbig套餐,用下面的办法就可以创建多个不同域名的网站。 Step1:登录siteground后,按下图序

4.解析域名

如何修改域名服务器:阿里云万网

在阿里云万网注册域名之后,登录阿里云,进入域名管理,点击域名操作项中的管理按钮 在DNS服务器处,点击修改DNS按钮 关于域名服务器,有些地方叫DNS服务器,也有叫做NS的 继续点击修改DNS服务器

如何修改域名服务器:Porkbun

在Porkbun注册域名之后,登录porkbun,进入域名管理界面 按下图序号操作,在Namesever处点击edit 在修改界面,先清空已有的NS记录,下文以Siteground主机为示例,从sit

如何修改域名服务器:Namesilo

在Namesilo注册域名之后,登录namesilo,点击域名数量链接,进入域名管理 在域名列表,点击下图中的小地球按钮 在弹出窗中点击click here 进入NS修改界面后,以siteground

5.安装SSL证书

如何在宝塔面板中创建WordPress网站

本文将图文逐步介绍如何在宝塔面板添加wordpress网站,本文的宝塔面板是7.3.0版本。 1.进入菜单软件商店页面,点击应用分类中的“一键部署”,找到wordpress并点击一键部署按钮 2.在一

6.新手基础操作(含主题)

如何找到wordpress登录网址(4种方法)

曾经我以为wordpress登录网址就是:域名/wp-admin/,直到我拥有了很多个网站,并且为了安全起见,我还用插件改了登录地址,通常我会用印象笔记记住它们,然而总会有懒忘记的时候。接下来,本教程

如何安装WordPress主题(3种方法)

在安装WordPress后,我们需要安装WordPress主题,主题能为网站带来皮肤以及网站模板,它就像一个样板间,有简装的,也有精装、豪华装的。 WordPress主题分为免费主题和付费主题的,通常

如何安装wordpress插件(3种方法)

在安装完Wordpress后,我们需要为Wordpress安装插件,以便实现各种功能,诸如制作网页的Elementor、制作联系表单的contact form7、管理产品用的woocommerce等等

如何在WordPress中批量安装插件

每次新建一个wordpress网站,逐个的安装常用插件不仅枯燥还费时,要是能一次性安装多个插件该多好啊~于是,我找到了批量安装插件的办法: 在WPCore官网注册并制作插件收藏夹,在Wordpress

WordPress建站必须要做的11件事

在使用WordPress制作网站后,有一些虽然基础但挺重要的操作,新手必备,本文涉及搜索引擎收录、界面语言、时区、固定链接、禁用自动生成图片等等。完成这些,我们再去建设网站。 勾选“建议搜索引擎不收录

WordPress建站必须安装主题,类似于样板间一样:
1.如果你用Elementor Pro自己设计外贸网站,那么使用免费的Hello elementor主题即可,再安装Envato Elements,即使免费版也包含很多模板。
2.你也可以选择Astra主题,它轻量快速且模板众多、功能齐全,是我用过的众多付费主题中的最爱,免费版Astra都提供了很多不错的模板,Astra付费版提供了一次性购买终生和按年付费两种方案,我已经买了终生版。>>了解Astra更多信息
3.你还可以在Themeforest输入行业产品词查找付费主题,这些主题一般都提供一键导入的模板,能节省你设计的时间,以便快速制作外贸网站。同时,这里的主题基本是一次性付费永久更新,不需要按年付费

7.安装插件

插件提供各种各样的外贸网站建设所需的功能,譬如询盘管理与通知,你可使用批量安装插件的方法,输入KEY:hhjktRmS0mNNuJnislVF,可批量安装以下清单的免费插件,付费插件需要手工安装。如果你不使用Elementor建站,则前三个和最后一个插件不用安装。

插件名称插件作者插件作用插件费用何时启用
内容制作类
elementorElementor.com最热门的前端拖放页面生成器,两个插件都要装。免费一直启用
elementor proElementor.com付费,只需买单站点版本$49/年,前往购买
envato elementsEnvato良心插件!免费版就提供了100多套elementor的网站模板,还有丰富的模块库。免费站点完成后禁用或删除
WooCommerce Automattic管理产品的商城系统,但B2B不需要商城销售功能,只需要其中产品功能即可。免费若用到它,则一直启用;启用插件后,点击跳过或Skip引导界面
Advanced Custom FieldsElliot Condon默认情况下,文章、产品只有标题、摘要、正文、封面图等基本字段,通过它可以新增各种自定义字段,譬如视频、产品手册附件、qa、规格参数等。免费若用到它,则一直启用
SEO插件
Rank Math SEORank Math网站SEO设置功能免费站点完成制作后需要配置SEO设置时,启用它并保持启用
安全类插件
Wordfence SecurityWordfence防火墙和恶意软件扫描免费一直启用
提速类插件
WP RocketWP Media网站加速付费
单站点$49/年,可加微信联系我获取
站点完成制作后启用,并保持启用
reSmush.it Image OptimizerreSmush.it图片压缩免费一旦开始有需要压缩的图片时,则启用;不需要压缩图片时,可禁用或删除
其他辅助
Code SnippetsCode Snippets Pro可以通过它安装GA\禁用缩略图\去除URL的Slug等短代码到function.php文件中,若直接修改function.php文件,在更新后会引起还原,所以用这个管理段代码就避免了这个问题。免费若用到它,则一直启用
WP Mail SMTP by WPFormsWPForms用于配置邮件通知免费若用到它,则一直启用
Elementor Contact Form DBSean Barton - Tortoise IT用于记录elementor pro制作的表单所收到的询盘免费若使用elementor pro制作询盘表单,则一直启用

8.网站安全

请不要安装来路不明的破解版插件,它们可能存在后门、黑链,寄生在你的网站上,让你的网站无法正常运营,善用WordFence的Scan功能,如若发现文件被篡改,请即时删除对应的来路不明的插件。

如何修改WordPress数据库表前缀以提高安全性

WordPress数据库是黑客最喜欢攻击的目标,许多人在安装WordPress时忘记更改数据库前缀,采用的是默认前缀wp_,这使黑客很容易进行大规模攻击。保护数据库的最机智的办法就是更改​​数据库表前

9.外贸网站制作

设计工具

本文使用的是Elementor Pro建站,它可以说是业内最火的网页可视化制作工具,拥有200多套模板随心导入你的网站。
如果不想自己费劲设计外贸网站,可以选个B2B网站模板导入,能省不少时间。

网站右侧边悬浮联系按钮

这个模块可以在全站右侧添加图示的4个悬停联系按钮,可链接到发邮件、打电话、skype、whatsapp,这在外贸网站建设中挺常见到的。 每个按钮的图标、链接、颜色、大小、边角、位置都是可以修改的,你也

查看详情 »

使用Elementor建站的常见问题答疑

本文是读者们在使用Elementor进行外贸建站时遇到的问题与解决方法。本文不断更新,有问题请留言。 可以用Elementor编辑WooCommerce产品吗? 可以,请看下图,在Elementor设

如何高性价比的购买Elementor Pro与避坑

拥有Elementor Pro让建站就跟拼图一样方便了,那如何省钱的购买Elementor Pro呢?如何避开坑呢?下面分享自己的实践经验。 避坑:不要用Elementor Pro破解版 我曾经用过别

如何用Elementor Pro制作网站页头导航

使用Elementor pro可以创作出多种多样的页头导航,可以不再局限于主题自带的导航了。并且Elmentor Pro的模板库里提供了几十款导航模板,一键导入就可以直接用起来了,还可安装Envota

如何用Elementor Pro制作网站页脚

使用Elementor pro可以创作出多种多样的页脚,可以不再局限于主题自带的页脚了。并且Elmentor Pro的模板库里提供了多款页脚模板,一键导入就可以直接用起来了,还可安装Envota el

如何使用Elementor Pro制作文章列表页模板

如果你用是Elementor Pro插件,你便可以省了付费主题的钱,直接用Elementor Pro导入模板库的文章列表模板页,或者自己制作文章列表页模板;如果你购买了付费主题,又习惯用Element

Elementor主题样式设置详解

Elementor的theme style主题样式可设置各种元素的默认样式,例如背景,标题,按钮,图像和表单字段。这些设置将覆盖主题自带的样式设置,从而使您可以使用Elementor为非Element

Elementor页面设置

本教程介绍Elementor页面设置功能,但凡用Elementor制作内容,譬如制作页面、文章、模板时,点击左下角的齿轮即可进入页面设置功能,以便设置页面布局、背景等等,具体功能如下: 常规设置 页面

Elementor的全局样式与设置

本篇教程将介绍Elementor网页编辑器的全局样式与设置的常用功能,譬如设置全局的字体、颜色、页面内容宽度、元素默认间距等等。 功能入口:在用Elementor编辑页面时,点击左上角的按钮即可进入下

Elementor的Advanced高级设置教程(18个功能点)

本文将介绍Elementor网页编辑器中元素的Advanced高级设置功能,不同元素块的高级设置的内容项是不同的,下面对常见的高级设置项目进行讲解。 Advanced高级设置 是的,这个栏目的名字重复

10.发布内容

外贸网站的常见内容通常是公司介绍、产品介绍、博客(知识型文章、公司新闻动态),在制作公司介绍和产品介绍时,多看看业内优秀的国内外同行的做法,你可能会发现大多产品介绍页、产品列表页都很单薄,这种单薄内容的页面是无法提升客户的信任获取询盘转化,你最好逐个为产品目录、单个产品撰写客户所关心的内容,譬如All You Need to Know About  [产品名],诸如介绍:What、Why、Where、When、Who、How,推荐一个每天可免费使用几次的工具供你收集内容纲要:https://answerthepublic.com/

如何在WordPress中发布和管理文章?【2020年更新】

本文将介绍如何在WordPress中发布和管理文章/新闻/博客,包括常见功能的操作说明:所有文章列表、添加文章、修改/批量修改文章、克隆或复制文章、删除/批量删除文章、定时发布文章、文章排序制作文章页

11.站内基础SEO

在外贸网站制作完成后,你需要将网站提交谷歌、必应等搜索引擎以便加速收录,同时安装数据跟踪与分析工具辅助你长期的网站运营工作。
安装Rank Math SEO能方便的管理网站的title、description、站点地图(sitemap)、接入GSC等等,同时,它也能为你的On Page SEO提供完善的指导与测评,试试看你的网页能不能在它的测试中接近100分吧。

网站如何开通Google Search Console

本文将介绍网站如何开通google search console(以下简称GSC),以分析网站的自然流量数据,例如:关键词、展示量、排名、点击率、外链等等。GSC能为网站的Google SEO运营工作

外贸网站如何设置Rank Math SEO

在本教程中,将讲解如何为B2B外贸网站设置Rank Math SEO插件。 前提: 站点内容已经制作完毕,可以面向用户了; 已经安装并激活了Rank Math SEO插件,它是免费的,可以在wordp

你的网页如何在Rank Math SEO的测试中得到100分

在本教程中,我们将向您展示如何使用Rank Math的内容分析来优化您的文章,并在测试中获得100分,以及如何设置文章以获得来自搜索引擎的更多访客。 创建新文章时,您的目标之一显然是为您的文章吸引流量

12.网站速度优化

如何禁用Contact form 7的refill

最近建了一个使用contact form 7作为询盘表单的网站,用Gtmetrix测速时发现有2个refill请求,均是contact form 7的,每个请求占据了1、2S(如下图),太拖累网站加载

WordPress网站如何优化图片

你是否知道图片对网站的速度有巨大的影响?作为新手建站经常忽略这一点,由于上传了未经优化的原图,导致网站打开速度很慢,还以为是服务器不好,这是常有的事。本文就将讲解wordpress网站如何优化图片,包

如何使用WP Rocket加速网站

本文将介绍如何使用wp rocket加速网站,在开篇,我将直接介绍优化后的数据比较,这也是我为什么选择使用wp rocket的原因。 缓存插件优化网站的测速数据对比 我对本站的B2B模板站https:

如何在siteground给网站启用cloudflare CDN

Siteground为托管的wordpress网站提供了cloudflare免费版全球CDN的快捷开通功能,CDN是加速网站以降低网站加载时间的重要功能。本文基于如下前提条件: 域名的NS是指向sit

如何在GreenGeeks给网站开启Cloudflare CDN

本文将介绍如何在GreenGeeks给网站开启Cloudflare CDN,在开启前,你的网站需要满足如下前提条件:需要开通Cloudflare的域名的NS(域名服务器)必须使用的是GreenGeek

如何使用SG Optimizer加速网站

本文将介绍:在siteground上创建的wordpress网站,如何使用Siteground开发的SG optimizer插件进行网站速度的提升。 超级缓存设置 Supercacher settin

测速工具

图片压缩工具

WordPress外贸网站建设流程

最新外贸网站建设教程

外贸建站教程制作计划

我打算写的: B2C外贸建站教程(开了个头,估计又是几万字,还没选好用哪套模板,大概率是Astra) 含WooCommerce及扩展插件教程(已经写了几篇),先写完这个,再写B2C的 Elemento

12个WooCommerce小工具(Widgets)

WooCommerce小工具可以让你在WordPress外贸建站时,添加不同产品功能到页面上,譬如展示最新产品、产品分类、搜索产品、产品价格筛选等等。 如下图所示,这些小工具位于WordPress后台

WooCommerce安装与向导

当你使用WordPress搭建一个外贸网站时,尤其是B2C外贸卖货网站(又或者叫做跨境电商),大概率会用到WooCommerce来管理产品、订单、配送、收款等等。本系列的WooCommerce教程是基

如何配置WooCommerce运费费率表Table Rate Shipping

本篇教程是针对Woocommerce的付费插件Table Rate Shipping(运费费率表)的,我们在进行B2C的购物型外贸网站建设时,可以使用到它配置复杂的运费计算规则。本文是我基于Wooco

使用Elementor建站的常见问题答疑

本文是读者们在使用Elementor进行外贸建站时遇到的问题与解决方法。本文不断更新,有问题请留言。 可以用Elementor编辑WooCommerce产品吗? 可以,请看下图,在Elementor设

WordPress如何制作产品分类伸缩菜单

在使用WordPress进行外贸网站建设时,我们常用WooCommerce进行产品的管理,而在产品列表页中,我们会在侧边栏中使用小工具(widget)展示产品分类(product categories

友情链接