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. 精选商品

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