如果你也想从零自己做一个外贸独立站，我的经验是——
前言
我也没想到我在2025年会成立自己的公司，能找到和我一拍即合的合伙人做外贸生意，大家都秉承着“不想在国内卷”以及“以少胜多”的理念聚在一起，经过将近2个多月的讨论、磨合和调研，最终在公司注册之后开始推进各个事项的落地。
通常做外贸或者跨境电商，很多人通常会选择去1688这样的平台售卖自己的产品。但是平台抽成高，广告投放费用昂贵，并且很可能自己赚得不多还要倒为平台打工，而且开店初期投入成本势必不低，对于我们所要卖的B端产品而言并不合适。
我们希望通过建立自己的独立站，主要用于展示产品，并承担一定程度吸引顾客询盘的任务，通过TikTok、海外线下资源以及社群等等渠道寻找客户。
我作为团队里有过搭建博客经历，稍微懂那么一点点技术的人，自然而然地就承担起了建站的责任，这个网站在前、中期将会成为非常重要的展示窗口，我需要在半个多月左右的时间内将它做完并上线，越快越好，早一点上线我们的生意就早一点启动。
截止到2026年2月底，我已经自己运营这个网站大约4个月的时间了，无论是WhatsAPP还是站内表单都收到了两位数的询盘。虽然整体流量仍然不大，毕竟是个新网站，但是至少这条路是跑通了的，而且证明我们进入这个赛道之后是有人已经在关注了的。
这一篇文章将会把我在过去几个月以来学习到的经验全数总结并记录在这。
顺带一提，我从来没有使用过WordPress搭建过网站或者博客，所有这一切都是从零靠我自己和ChatGPT对话做出来的。我一直坚信，AI时代来临后，任何人都没有借口再去说“我不会”，即便是AI仍然可能出现错误，你也可以通过自己的独立思考去判断AI提供的信息是否正确或统一，通过调整prompt的方式找到解决问题的办法。退一万步说，哪怕AI实在是做不来，我们仍然可以随时去咨询人类专家，寻求专业意见。唯一能够让你不去做的理由只能是时间与金钱上的权衡。
当然，你也可以直接花1、2000元找人帮你把网站做出来。但是我们是创业初期，很多东西都是边做边改，找人帮做固然是一个一劳永逸的解决方案，考虑到频繁调整和后期维护工作，一开始最好还是自己来，毕竟我们自己才是最熟悉自己产品的人。
我能做到，相信你也能做到。
域名
要建立网站，首先就得拥有一个合适的域名。挑选一个好域名对于独立站的重要性不言而喻。
一般好域名的宗旨无非是：
- 和公司品牌名一致
- 简短好记
- .com结尾增加信服力
- 续费和维护成本不高
由于我博客的域名是在GoDaddy购买的（支持人民币结算、支付宝付款），用下来体验没什么特别大的问题，我就直接在上面搜寻和购买我们公司的域名了。
挑选域名和公司命名是同步进行的，我们在命名的时候一定程度上参考了我们所要卖的商品品类——机器人，并希望尽量把bot这三个字母加到名字里。最后经过一段时间的搜寻，我成功找到了一个6个字母 + 带bot的 + .com结尾 + 3年购入成本仅300元的黄金域名。它甚至是由2个3个字母的单词拼写而成的，你在同时搜索这两个单词时，搜索到我们公司网站内容的概率非常大。
在我们购入域名后一个月左右，我再次在GoDaddy查看报价，这个域名的价格已经爆涨到2000多人民币了。也就是说，在未来如果有人想购买域名，而如果我们要做的这个机器人赛道行业起飞了，那光是域名的钱就能赚很多很多了。
注意这里有一个大坑，域名就是域名，在这里每一个步骤的服务提供商都希望你使用它们自己全套的解决方案。卖域名的希望用它们的工具做网站，做服务器的希望你从它们这里购入域名，做网站的希望你用它们的服务器，所有人都想让你用它们的邮箱服务……
GoDaddy不知从什么时候开始，上线了一个Temp Page功能，大意是「啊，你们的网站应该已经在做了对吧，要不要先用我们AI生成的临时页面顶一下，告诉其他访问你域名的人你们网站即将上线」，你心里想着，「哎哟，这听起来感觉不错」，实际你真的要上线的时候，想要把这个Temp Page关掉就非常麻烦，至少搞了我2个多小时。
相信我，不会有那么多人点击搜索这个域名的，你只需要在这里买域名，不要再使用它们任何其他服务，因为其他服务有更好的解决方案。
服务器
其次，你还需要有一个服务器，把网站部署到这个服务器上面。
我们虽然是做外贸站，但是客观上还是会有很多国内的客户会成为我们的客户，在服务器的挑选上应该优先服务海外的客户。我曾经用过Netlify和Vercel，现在这个博客用的还是Vercel，国内打开速度其实都挺快的，但是它们体量毕竟不大，如果哪一天被封了迁移成本不低，而且流量大到一定程度之后还需要额外付费。小博客肯定没办法和商业网站相比。
我们又不想使用阿里云等国内服务，不仅需要付费， 而且还需要备案，非常之麻烦。没有备案的后果就是指不定哪一天网站有可能会被举报，然后在国内被墙。
考虑到这个网站主要面向的是海外的客户，最后还是决定直接把服务器放在CloudFlare，不仅免费，免折腾，国内打开速度不慢，而且还自带防火墙。曾经我的博客遭受过攻击，其实我感觉现在正经网站都要经受巨大量的访问请求，这种请求不一定真的是恶意嗅探攻击，现在AI时代机器人每天都要访问无数次、无数多个网站，每个AI公司可能都会有自己的机器人，为了避免服务器流量被迅速榨干需要付费，直接放在CloudFlare比较契合我们现阶段的需求。
要把自己的网站部署到任何一个服务器，你先去服务器的网站上按照提示注册账号、绑定网站，然后在服务器站内搜索Nameservers（域名服务器），它会给你提供2个服务器地址，我们用的是CloudFlare的服务，它提供的服务器地址格式就是xxx.cloudflare.com，前面的xxx一般都是人名。接下来在你购入域名的地方，把这两个服务器地址输入到Nameservers里面就可以了。
这一步的目的是把你的域名从「让域名提供商帮你管服务器」变成「让服务器提供商帮你管服务器」，术业有专攻。
WordPress建站
有了域名和服务器，接下来就是真正最花时间的部分——建设网站了。
一般建网站有两种解决方案，一种是使用建站服务，一站式地帮你把一个网站做起来，制作过程就像是做PPT，一个页面接着一个页面做好，它内部会帮你把所有功能提前给你做好，你只需要按需选择拖拽进去就行；另外一种是让程序员使用代码帮你把页面做出来，需要一定的美术和设计资源。
作为一个人数不多的团队，我自然选择的是前者。我对比了很久SquareSpace（在Youtube上很多博主都投放过广告）和WordPress，最后还是选择了更老牌一些的WordPress，不仅因为它相对更便宜，而且从我接触互联网开始就听过它的名号，客户群体应该会比较庞大，这一点能给我带来不少安全感。
我选择的是第二档Premium的套餐，年付每月价格低至52元，一年的持有成本约为600元左右，支持链接Google Analytics（谷歌分析），支持上传视频，提供基本的数据分析和表单服务，并且大部分好看的模板必须是Premium以上套餐才可以使用的，不开到这个级别对于建站小白来说基本上没发对着模板依样画葫芦。
成功配置好账号和套餐之后就可以开始做网站了，这里我踩了不少坑。
基本概念
Theme（主题）
首先你可以先去Theme（主题）挑选一个符合自己商业模式的主题，如果你想做一个电商网站，可以去找一个带购物车、带登录、带商品分类的主题；如果你想做一个餐厅网站，那就找一个带预约、带菜单的主题……
这些主题一般已经按照使用场景分好类了，里面也有很多现成的组件，把东西拖拽进网页里面，改图、改字就可以把它变成你自己的网站了，这个和制作PPT其实区别不是特别大。就算原本主题的配色和版式你不喜欢，你也可以随时对其进行调整。
对于我们来说，我们做的是to-B的产品展示网站，客户来到我们网站要看到我们的产品介绍和公司介绍，感兴趣之后与我们建立联系，最后我选择的是WordPress上StartFitter这个主题，并且沿用了黑金配色，在此基础上改成了我们自己的网站。
Pattern（区块样板）
接下来为了方便你去规划网站需要制作多少内容，我们要理解一个最基本的概念，每个网站一般都有一个Header和一个Footer。
Header就是网页最上方的栏目，通常会放logo，放登录和注册按钮，放搜索框、购物车等。除此之外还会放一些基本的网页入口，比如产品、关于我们、精选文章等等。
Footer在网站的最下方，通常放的同样是各种常用链接、联系方式、版权声明以及网站使用条款与政策等。
想象你的网站总共有20个页面要做，如果每个页面都把20份相互不互通的Header和Footer复制到对应页面里，未来假如任何一处有变动（比如要给「关于我们」的链接按钮换一个网址），这个改动起来的工作量将是非常恐怖的。因此，我们需要一个改一次就能给所有Header和Footer就生效的配件——Pattern（区块样板）。
你可以预设一个Pattern，提前在里面设计、设置好它应该长什么样，它应该有什么内容，未来任何页面只要需要用到这个内容，插入的不是你从其他页面复制粘贴过来的内容，而是直接使用这个Pattern。Pattern除了可以给Header和Footer做，也可以给网页表单做，可以给文章段落做，可以给评论区做，任何需要复用的内容我都推荐做成Pattern。你可以用网站提供的默认Pattern进行修改，不用自己很命苦地从零开始做一个。
Template（模板）
有了Pattern之后我们就可以制作Template（模板）了。注意这里的模板并不是指的整个网站模板，网站的模板是之前提到过的主题，这里指的是页面的模板。
假设你有10个产品需要展示，每个产品的页面都要差不多一样的布局和设计，当你每次新建页面的时候得到的其实是完全空白的页面。即便是你给页面设计好了Pattern，能够轻松地插入Header和Footer以及所有其他提前设计好的配件，每次都需要手动插入仍然很繁琐。
设计模板就可以减少这个烦恼，假如我有4个客户案例需要展示，那我就设计一个客户案例模板，只要有新的客户案例需要添加到网站里，我直接在页面属性选择这个模板，所有客户案例需要有的东西都会自动放进来，我只需要对其进行必要的修改即可。
每一次的操作会从：
- 新建页面
- 添加Pattern1
- 添加Pattern2
- 添加Pattern3
- ...
- 修改内容
变成新建页面 -> 选择模板 -> 修改内容，这其中减少的工作量不言而喻。
图里面我给我的这个模板设置了通用的Header和Footer，中间的Content就是页面需要额外做进去的内容。
Row, Stack, Columns
在实际操作起来，我觉得最让人苦恼的是页面的排版。由于网页设计需要兼顾各种不同设备（电脑、平板和手机）的排版，如果每个页面真的像PPT那样随意拖拽所有的图片和文本框，那用户在预览时看到的东西就会圈乱套了。
WordPress做了一个基本的渲染逻辑，如果你没有自定义css，每一个块的会根据设备的不同进行换行和折叠，适配不同的设备，我自己实测下来原生的体验除了没法直接做出特别炫酷的页面，基本已经足够免除你很多后顾之忧了。
事实上，你也可以根据自己的需求让AI帮你写一段HTML代码，直接插入到网页里面里，做到很多原生功能没办法做到的展示。但是由于跨设备展示太复杂了，这里的逻辑需要vibe code很长时间。如果真的需要在某处展现不得不用上的炫酷特效或者处理，我建议还是整个页面都用代码写好放上来，而不是一部分原生、一部分html代码框，这部分的维护工作时间和效率上非常不划算，对我初创一个人做网站来说更是如此。
WordPress原生的布局有三种，row（列）是左右拼凑，stack（堆叠）是上下拼凑，它们都可以在页面高度或宽度允许的情况下加入无限多的内容，怎么拼取决你的想象力，可以是左边图片右边文字，也可以是一个row（左边图片，右边stack（上面图片，下面按钮））……比row和stack更复杂的是column（栏位），能够做到更复杂的排版。
虽然所有这些功能都有官方视频教程，但是我觉得它们的信息密度实在是太低了，而且很难快速让你领会到如何拓展使用。我觉得这个排版实在是太重要了，因为页面好不好看、是否直观是所有点进网站的用户都能直观看到的，因此单独给它留了一个板块去分享。
或许在2026年2月份的当下，各种Vibe Coding的工具再次进化，直接使用从零到一做好全站的网页说不定已经可以做得到了，但是维护和各页面之间的逻辑统一是否能做到像WordPress这么好就不知道了。当它真的能做到一键生成 + 一键配置域名和服务器 + 支持灵活修改 + 各种插件服务无缝调用，WordPress离被淘汰也不远了，就我自己个人的体验而言，可能还有3-5年的路要走吧，毕竟技术门槛还是在的。
如果你是一个有钱有闲又有兴致探索的厂二代老板，或许你可以现在就试试。
页面设计
前面有提到，这个网站是我和ChatGPT一起做出来的，无论是页面设计还是文案创意都少不了它的身影。对于外贸独立站来说，通常你需要的是这几个页面——主页、产品页、解决方案、案例、关于我们、联系我们，哪些放、哪些不放、怎么放，这些决策如果不清楚你都可以根据自身情况向AI寻求建议，甚至可以借鉴其他外贸公司甚至是业内同行的网站，这里我就不再赘述了。
当然最理想的情况肯定还是有一个专业的产品经理给你规划网页要放什么，一个专业的设计去调整页面风格、颜色、字重等等参数，最后有一个专业的网页开发把网站做出来，但如果你不得不像我一样一个人做完所有的工作，我在这分享一些AI无法给你的亲身经验。
第一个是「联系我们」的按钮，必须放在点进首页的第一屏。这条经验是我去上海谷歌参观，找在那里做广告投放工作的高中同学玩时，他和我讲的经验。光是这一个简单的改动就几乎给我带来了比之前每周多一倍的询盘量（因为总询盘量不大，但是对于小基数来说效果仍然很明显）。
在听到这个建议的时候我还觉得很奇怪，「你看，右上角我们也有联系我们，在主页往下浏览介绍划两屏之后也有一个联系的大按钮，为啥还要放呢」。但其实从最省力的角度来说，用户如果真的下定决心要联系，无论是找右上角、找Footer的链接、还是上下滑动找按钮也好，阻力都还是太大了，这也是为什么很多网站在最右下角会给一个直接接入客服的聊天框，甚至是WhatsAPP插件。虽然看起来很脏乱差，但是这个就是经得起时间验证的咨询解决方案。大部分用户能记得的其实就是开屏第一页的部分，我们不应该幻想用户按照我们理解的浏览路径走完然后才点的联系，这个是我们获客很重要的一个入口，必须让它显眼！
第二个是不要幻想用户会看所有东西。在这个信息爆炸的年代，人们逐渐失去耐心，无论是读文章还是看视频，大家都是快速划拉两下，去寻找自己想看的东西，如果没有就会直接划走或者关掉。对于网站的制作者来说，确实上面的每一个文字、每一张图片、每一个布局设计都是自己投入了大量心血、自己思考做出来的，但千万不要自我感动。
我们确实应该每一处都做好，毕竟你觉得重要的东西，用户可能看都不看一眼；你觉得不重要的东西，用户可能反复对着某一个关键字思考，停留很长时间。如果你的数据追踪插件告诉你，这个地方跳失率很高或者没人看，那该迭代迭代，该删除就删除，你需要在保证每一处都做到尽可能最好的情况下及时更新。
这个其实有点像是报纸，对于大部分人来说，报纸只看那么几处固定的地方，对于文章来说也是扫一眼，感兴趣的就看，不感兴趣的就不看；即便是一份主题和选题都很对自己胃口的报纸，我觉得不是所有人都会保证每一个字都会仔仔细细地看过去，但对于编辑和排版者来说，我们仍然要保证报纸的每一寸都要做好。
第三个是是第二点的延伸，正因为我们很难保证到底是哪一处突然戳到了用户的点，让他们最后决定联系我们，内容应该少而精。我以前的做法是在主页放了至少6、7屏的内容，后来发现基本没有人能看完，我幻想中的「开屏视频 — 为什么选我们 — 我们的产品 — 我们的案例 — 我们是谁 — 我们的成就 — 还有问题？联系我们」的路径真的走不完，虽然各个板块之间逻辑链接很顺畅，但是这确实不是大部分人浏览的逻辑。
最后我们在股东会上头脑风暴了一下，想想一个老板点进我们的网站最想看的是什么东西，最后删删减减把主页改得相对干净了些，所有不重要的内容我们都丢进了二级页面。
所以你看，做网站还是很有门道的，如果你没有雇佣专业人员的计划或预算，很多东西就得自己摸着石头过河，要吃很多苦。
“联系我们”表单
对于大部分独立站来说，很重要的一件事情就是让客户最终联系到你。除了之前提到的在右下角放置WhatsAPP的按钮（我用的插件是Click to Chat，完全免费），几乎所有网站都会做一个表单。
表单能够很好地收集客户信息，而且做一个基本的筛选，愿意把表单内容填完的人都是我们的意向客户。能够用来做表单的插件很多，但是大部分都比较复杂，有的离谱的一个文本框分组都要收费（说的就是你WPForms）。
我后来发现WordPress原生的表单其实就很好用，不仅表单的样式可以直接沿用当前主题的风格，甚至数据收集、诈骗询盘处理、转发邮箱等等都已经附赠在WordPress Premium套餐里的JetPack服务里了。我只需要在网站页面上只做一个简单的表单，把文本框、必选项和转发地址设置好，5分钟左右就搞定一个又简单又好看的表单。
更重要的是，因为我用的是原生功能，我也可以把它做成我自己的Pattern，适配不同的页面和语言，这样之后如果还有其他页面需要放表单，一个按钮就加进去了，比很多插件解决方案都好。
在WordPress几乎所有你能想到的功能和需求都被做成了付费插件，只要技术门槛不是特别低的基本都收费了，这里要钱，那里要钱，初期为了节约成本我们能省则省。
多语言页面
对于出海的公司来说，多语言页面也是一个绕不开的话题，正如前面所说，这也是一个付费点。WordPress上排名前二的插件分别是Polylang和Weglot，决赛圈PK之后，我最后根据我的需求选择了Polylang。
我们打算只做中文和英文的界面，并且英文是主网站。作为雅思老师，比起机器翻译，我更想用自己的英语水平为文案注入灵魂，我不希望我的网站里有很浓的机翻味道，我也希望用户在看到网站内容时能感受到翻译是经过本地化，而且是用心的。
而Polylang最好的地方在于，它能够让你完全把控页面上的所有翻译，现在几乎所有的翻译插件都自带了机器翻译，无非就是怎么翻，以及对于文本内容的识别有多准确。我们理想中的机器翻译流程是——系统自动把网站内所有文本识别出来 -> 先机器翻译一圈 -> 我们再根据内容进行介入。这个想法是很好的，这也是Weglot的解决方案。
但是在实际试用过程中，我发现识别文本这一步就已经出现很大问题了。如果你网站的内容全部都是结构完整清晰、分段明确的，那它可能确实能够很好地胜任这个工作。实际在网站制作过程中，有的文本是是在html写的代码里，有的因为展示美观被分成了独立的两个文本块，有的识别出来是图片里的内容……大概有70%左右的文字是对的，还有30%是不完整的单词以及不知道是从哪冒出来的东西，因此体验上不是很流畅。它还有一个功能室翻译过的单词建立一个字典，之后遇到同一个单词使用同一个译法，目前对于中文的很多边界情况还是不理想，因此最后还是决定重新做、自己做，并且保证每一处翻译都是我自己核对过的，无论方法的。
对于Polylang来说，它本质上是能够让你新建一个页面，然后与原语种的页面共享一个url并且关联。举个例子，你有一个产品页是xxx.com/products，默认语言是英语。当用户在products页面切换语言成中文，也会自动切换到对应语言的界面，链接地址是xxx.com/zh/products。
如果你想省钱，自己把语言切换的按钮做出来，自己做一个zh/的页面，下面再新建一个链接为products的页面，每一个按钮都亲手设置好跳转，这个工作量太夸张了，从维护的角度来说也不应该这么操作。
如果你不想买Polylang的pro方案，只想做到页面的关联，当你为英文界面关联中文页面的时候，你会发现products的这个链接是无法重复使用的，亲测每一次保存后出来的链接会自动变成默认的数字，因为products这个页面已经名花有主了。如果没有pro方案，你只能做到英文xxx.com/products，中文xxx.com/产品或者xxx.com/zh/产品；只有有了pro方案，才能做到xxx.com/zh/products，挣的就是你解决方案的钱。
好吧，一年99欧的费用（续费半价），看下来这是不得不掏了。
文件存储
我之前有提到，我们的服务器是部署在CloudFlare上的，并没有用国内的云服务，大部分情况下都是可以正常访问的，但是架不住偶尔抽风或者速度极慢，甚至导致图片加载不出来。
起初我以为是图片文件太大的问题，把图片全部压缩成100k左右的webp格式之后仍然加载不出来，后来找了半天问题才发现——当你选择插入媒体—图片—上传时，图片上传到的是WordPress的服务器，相当于网站的加载走CloudFlare，媒体文件因为是调用的WordPress媒体库，走的仍然是外网。
这一下子就让人发了愁，就算我们主要目标客群是国外，但是国内也是有客户的，网站是秒开没问题，但是图片全都加载不出来，这个体验真的太糟糕了。
在本博客之初一直给予很多帮助的日老师的帮助下，我们一起想了一个解决办法，我们需要自己搭建一个CDN，把图片传到自己的服务器上，然后在WordPress只需要选择插入媒体—选择链接，即可实时地根据从我们提供的链接把图片渲染出来，本质上和
```img src="image_path.jpg" alt="Description of the image">
是没什么区别的，只是我们自己建了一个图床。
CloudFlare有一个CDN服务叫做R2 Storage，10GB以内的储存都是免费的。即便是我们网站做大了，有非常多的人访问我们的网站，我们也有很大的免费额度。假设每一次访问都是没有缓存过图片的，每个访问请求10张图片，每个月我们可以有100万人次的访问都是免费的，即便是超过这个数字我们也仅需要付出$0.36/10万人次的天价，是非常优雅以及划算的解决方案。
当我们把图片上传进去，变成r2.域名.com/开头格式的链接，我们就可以把它们插入到网站里了。
后记
到这，从零到一基本的网站搭建和实操经验都已经讲得差不多了，因为每个企业的经营模式、产品、预算和审美都不一样，我就没有讨论太多的细节，只是展示了一下各个功能用到的解决方案，毕竟我们也才刚刚起步。
当网站做完之后就要开始做运营、优化以及访问数据分析了，对于外贸站来说SEO和GEO也非常重要，这个我们就留到下一篇博客再分析吧。