Shopify美妆跨境电商新手建站全攻略

大家好,欢迎再次光临我的频道!今天,我带大家一起搭建一个既美观又实用的美妆类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

https://www.canva.com/

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设计分类图片

https://www.canva.com/

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批量下载图片

https://chromewebstore.google.com/detail/alisave-plus-download-ali/ppfoibjbcchcfifclhebkhnigneiceje?hl=en

J、增加形状 正方形,透明度为85%,增加副标题:SHOP NOW,字体为brown sugar.字号230.

K、复制一个文字:Buy 2, Get 1 Free! – 买二送一!

L、下载 上传

14、邮件营销系统

►邮件营销GetResponse

© 版权声明

相关文章

暂无评论

暂无评论...