大家好,欢迎再次光临我的频道!今天,我带大家一起搭建一个既美观又实用的美妆类Shopify跨境独立站,这个网站在桌面端和移动端都做了优化,看起来非常完美。。
在今天的教程中,我会使用 Shopify 和 Canva 这两个软件。说到Canva,很多小伙伴应该不陌生了,可以用它来创建各种设计,而且你只需要注册一个免费的 Canva 账号,就可以编辑并保存你的设计了。
好了,咱们直接进入今天的主题,动手搭建我们的美妆店铺!
本期用到的电商工具:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►Shopify 3天免费试用,首月仅需1美元
➜ https://bit.ly/3Xq89AJ
►wildcard办一张国外银行卡
➜ https://wildcard.com.cn/i/19YC7OIQ
►邮件营销GetResponse
➜https://bit.ly/3RmFRoG
►开通tiktok广告
➜https://bit.ly/3PoqAT6
►本期视频文字信息
➜https://aiyoufeng.com/beauty-product
►注册Stripe企业收款账户教程:
➜ https://www.youtube.com/watch?v=B_kCNiQ3Icw
►northwest美国公司注册
➜https://bit.ly/4eAZy5S
►Fiver 找专业CPA协助报税(美国的注册会计师 )
➜ https://bit.ly/4dXgra7
► 取色器插件
➜https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=en
►canva在线设计
➜https://www.canva.com/
►dsers一件代发工具,速卖通 铺货到 Shopify
➜https://www.dsers.com/partner/windyyoufeng
►速卖通
➜https://www.aliexpress.com/
► AliSave Plus批量下载图片
➜ https://chromewebstore.google.com/detail/alisave-plus-download-ali/ppfoibjbcchcfifclhebkhnigneiceje?hl=en
► 五颗星
➜★★★★★
2、注册Shopify店铺
3、安装模板Dawn
A、自定义
B、进入设计页面,右上角预览看看
C、顶部Desktop logo position为居中
D、Announcement bar公告栏:满199全场免运费
E、设置>颜色>Scheme 2,Background为黑,text为白。
F、公告栏颜色改为:Scheme 2。
G、设置>颜色>Scheme 1。背景色:#F8D4E8,
取色器:
https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=en
H、设置>logo,大小160.
I、点中 顶部 下拉 Section padding 顶部与底部间距改为0.
J,当你向上滚动的时候 出现导航菜单,可以关掉:Sticky header改为none.
4、轮播图设计
A、点中轮播图,左边Image overlay opacity改为0.
B、点中图上的文字Browse our latest products 删除。
C、Shop all按纽:Use outline button style勾去掉。
D、点中轮播图:Color scheme改为Scheme 1.
5、canva设置banner
A、自定义大小:4320X2160
B、左边素材》网格选2列。顶部 间距改为0.
C、上传两张美妆照片。
D、AI生成照片, chatGPT提示: 详情描述下这张照片,用中文英对照
E、AI生成
F、上传两张进canva,逼标题:打上文字cosmetic ,全部大写。字体选时髦里面的kaushan script.
G、增加一段正文文字:shop the sale,字体用bright slight script,字号220左右。
H、素材》加入正方形放在最低部。字体用 archivo narrow.字号100,打上shop the sale.大重,重复几次。 I、下载为PNG格式。
J、回shopify,上传照片进轮播图,Banner height改为adapt to first image.适应第一张图片
6、精选商品
A、在轮播图 下面 点 增加section,选featured collection,Color scheme改为粉色,文字改为 BEST SELLES
b、选择分类Select collection,建分类,并导入产品。
https://aiyoufeng.com/favorites/跨境电商
dsers进入后台,右上角安装插件。
C、速卖通 https://www.aliexpress.com/
找产品搜 cosmetic ,新建分类为Lip Gloss 唇彩
7、关于我们
A、增加image banner
B、Show container on desktop 去掉。Show container on mobile也去掉。
C、点击按纽:删除第二个按纽Second button label,去掉上在的文字即删除。
D、Use outline button style勾上。
E、改按纽上的文字为 CONTACT US.
F、上面的文字标题为:ABOUT US, 小字用AI生成。 GPT提示: 我做了一个关于美妆的shopify店铺,帮我写一个关于我们的介绍,我的品牌叫windy有风,用中英文对照。
G、点中背景图:Color scheme改为Scheme 3
H、更改背景图片First image,
I、Animations的Image behavior改为fix background position.
J、下面增加区域:rich text.,删除上面所有的文字,Color scheme改为粉。
K、Bottom padding改为0.
8、Collection Lists”(集合列表)
您可以创建类似的集合列表,比如 “面部护理产品”、”明星推荐产品” 或 “热销护肤品”
A、增加区域Collection Lists
B、增加数量为4 ,Number of columns on desktop
C、改标题为 SHOP CATEGORIES
d、点中图片可以选择分类。
E、GPT提示1:
针对我的美容产品店铺 “windy有风”,类似的集合列表,比如 “面部护理产品”、”明星推荐产品” 或 “热销护肤品”,再多给我一些建议,中英文对照。
9、canva设计分类图片
A、尺寸:1000X1000
B、背景色为粉:#F8D4E8
C、搜fade 拖入两个进来
D、素材》相配 拖入正方形。
E、加入分类:副标题 Whitening 美白,字号196,字体authenia
F、再复制三个。改里面的文字:Oil Control控油、Pore Minimizing毛孔收缩、Daily Skincare日常基础护理 G、上传照片。下载
H、shopify创建分类,并上传分类照片。
I、进入装修页面,选中对应分类 。
10、评价
A、增加 区域 Multicolumn。
B、Number of columns on desktop改为4.
C、改标题为:CUSTOMER FEEDBACK。
D、删除按纽上的文字,Column alignment改为居中。
E、更改评价内容,上面放在5颗星 ★★★
GPT提示: 帮我生成5份顾客评价,用英文写。
11、首页焦点图 1st Image Banner
A、增加区域 Image banner
B、删除第二个按纽
C、第一个按纽上的文字为:Explore the Collection 探索这个系列。加上链接为所有产品。
D,更改里面文字标题:Save Up to 30%,描述:See All Cosmetic Essentials! – 查看所有化妆必备品! E、回到canva,复制刚开始的海报图片。上下布局,背景为黑。
F、增加副标题,全大写。
GPT提示: 帮我想一个唇彩的广告词,用英文
字颜色为粉:#F8D4E8, “Shine Brighter, Smile Bolder – Unleash Your Glossy Glow!”
G、下载 上传到shopify。Banner height改为adapt to first image.
12、IG区域
A、Subscribe and Save 10%! – 订阅并节省10%!Heading size为改非常大。
B、增加Image banner区,删除上面所有文字
C、增加Rich text,删除上面的字,只留按纽,更改间跑上为0,下面32.
E、按纽上的文字为:Find Us on Social Media – 在社交媒体上找到我们
F、canva复制一个海报
G、背景为粉#F8D4E8,加副标题 Follow for Updates 全部大写。字体为voguer,字号140.
H、再复制一个文本:ON instagram。
I、搜素材 instagram图标,放在文字下面
J、放上7个正方形
K、放上文字 副标题:@kuajingdianshang,白色 加阴影
L、正方形里面放上照片。
M、上传进照片 Banner height为adapt to first image.
13、第二张焦焦点图
增加Image banner区
A、删除上面的文字,Show container on desktop和Show container on mobile勾去掉
B、删除第二个按纽上的文字。
C、第一个按纽上的文字:SHOP NOW
D、Use outline button style 勾上,加上链接
E、点中背景图:Color scheme改为Scheme 3。
F、Desktop content position为bottom center
G、回到canva,点+,新增一页。素材>网格为三列。间距为40.
H、增加副标题:Don’t Miss the Sale! – 不要错过促销!,字颜色白,字体beautifully delicious script,在上和右下放上文字。
I、加入图片 https://www.aliexpress.com/ 搜 cosmetic
AliSave Plus批量下载图片
J、增加形状 正方形,透明度为85%,增加副标题:SHOP NOW,字体为brown sugar.字号230.
K、复制一个文字:Buy 2, Get 1 Free! – 买二送一!
L、下载 上传
14、邮件营销系统
►邮件营销GetResponse