Shopify美妆跨境电商新手建站指南
大家好,欢迎回到我的频道!今天,我将带领大家一起搭建一个既美观又实用的 美妆类 Shopify 跨境独立站。这个网站在桌面端和移动端都经过优化,呈现出令人满意的效果。
在本教程中,我们将使用 Shopify 和 Canva 这两个工具。提到 Canva,很多朋友应该已经很熟悉了,它是一个可以用来创建各种设计的平台,你只需要注册一个免费的 Canva 账号,就能开始编辑和保存你的设计。
好了,接下来我们就开始动手搭建我们的美妆店铺吧!
本期用到的电商工具
- Shopify:3天免费试用,首月仅需1美元。注册Shopify
- 野卡:办一张国外银行卡。详情请访问 野卡官网。
- 邮件营销工具 GetResponse
- 开通 TikTok 广告
- 视频文字信息:查看详细信息
- 注册 Stripe 企业收款账户教程
- Northwest美国公司注册工具
- Fiverr:找专业 CPA 协助报税(美国注册会计师)
- 取色器插件
- Canva 在线设计工具
- DSers:一件代发工具,将速卖通产品铺货到 Shopify。
- 速卖通产品市场
- AliSave Plus:批量下载产品图片
1. 注册 Shopify 店铺
2. 安装模板 Dawn
- A. 自定义
- B. 进入设计页面,右上角预览效果
- C. 顶部 Desktop logo 位置设置为居中
- D. Announcement bar 公告栏设置:满199全场免运费
- E. 设置 > 颜色 > Scheme 2,背景色选择黑色,文字色选择白色
- F. 公告栏颜色修改为:Scheme 2
- G. 设置 > 颜色 > Scheme 1,背景色:#F8D4E8
- H. 设置 > logo,大小设置为160
- I. 顶部与底部间距设置为0
- J. 当向上滚动时,可关闭导航菜单的 Sticky header 设置。
3. 轮播图设计
- A. 调整轮播图,左侧 Image overlay opacity 设置为0
- B. 删除图上文字 "Browse our latest products"
- C. 将 "Shop all" 按钮样式勾去
- D. 轮播图 Color scheme 修改为 Scheme 1
4. Canva 设置 Banner
- A. 自定义大小设置为 4320X2160
- B. 左边素材选择网格选2列,顶部间距设置为0
- C. 上传两张美妆照片
- D. AI生成的照片描述使用中英文对应
- E. 在 Canva 上文字拼写为 "COSMETIC" 并全大写,字体使用时髦的 Kaushan Script
- F. 添加一段正文文字,字体使用 Bright Slight Script,字号设置为220左右
- G. 再加入正方形素材,使用 Archivo Narrow 字体,字号设置为 100,重复打上 "Shop the Sale"
- H. 下载为 PNG 格式,并上传至 Shopify,轮播图的 Banner height 设置为 "adapt to first image"
5. 精选商品
- A. 在轮播图下方增加 section,选择 Featured Collection,Color scheme 设置为粉色,文字设置为 "BEST SELLERS"
- B. 选择分类,建立分类并导入产品。
- \
👉 野卡 | 一分钟注册,轻松订阅海外线上服务
6. 关于我们
- A. 增加 Image banner
- B. 关闭 Desktop 和 Mobile 的 Show container
- C. 删除第二个按钮上的文字,设置为 "CONTACT US"
- D. 修改标题为 "ABOUT US",小字使用 AI 生成的内容
7. Collection Lists(集合列表)
您可以创建类似的集合列表,比如 "面部护理产品"、"明星推荐产品" 或 "热销护肤品"
8. Canva 设计分类图片
- A. 尺寸设置为 1000X1000,背景色为粉色 #F8D4E8
- B. 搜索 Fade 并拖入两个元素
- C. 添加分类副标题,如 Whitening 美白等,并上传相关照片
9. 评价
- A. 增加区域 Multicolumn,Number of columns on desktop 设置为4
- B. 标题设置为 "CUSTOMER FEEDBACK"
- C. 删除按钮上的文字,Column alignment 设置为居中
10. 首页焦点图 1st Image Banner
- A. 增加区域 Image banner
- B. 删除第二个按钮
- C. 按钮文字设置为 "Explore the Collection",链接到所有产品
11. IG区域
- A. "Subscribe and Save 10%" 为大标题
- B. 增加 Image banner 区,删除上方所有文字
- C. 按钮文字更改为 "Find Us on Social Media"
12. 第二张焦点图
- A. 增加 Image banner 区
- B. 删除上方文字,修改按钮文字为 "SHOP NOW"
通过以上步骤,您将能够搭建一个成功的美妆跨境电商网站!祝您好运,期待您的美妆店铺大获成功!
THE END