Collectiveのツールには、簡単にブログやサイトをクリエイティブで見やすく、そしてショッピングも楽しめるコンテンツを作ることができる機能がたくさんあります。その中でも、ウィジェットは色々な使い方やレイアウトがカスタマイズでき、様々なブランドの商品画像も掲載することができるので、是非使い方をマスターして、取り入れてみてください。
(現在、Ameba blogなど一部のブログプラットフォームではご利用いただくことができません。)
Source: Gal Meets Glam
ウィジェットの作り方
1. 管理ツール「CREATE」から「PRODUCT WIDGET」を選択します。
2. ウィジェットに含めたい商品を検索し、「Add to Widget」をクリックして追加していきます。
3. 左上にセレクトしたアイテムが並んでいるので、ウィジェットに入れるアイテムをここでもチェックできます。また、ウィジェットから除きたいときには「Remove」をクリックするとセレクトからはずせます。
4. 商品を選び終わったら、「作る」をクリックします。
5. このページでは、実際にどのようにウィジェットを表示したいかカスタマイズすることができます。
表示する項目をセレクト
- ブランド名を表示する
- 販売しているストア名を表示する
- 価格を表示する
- セールになっているアイテムの場合)セール価格を表示する
- マウスオーバーをしたときにだけ情報を表示する
プロダクトウィジェットサイズ: ウィジェットそのもののサイズを指定
- 縦に並ぶ商品の数
- 横に並ぶ商品の数
- アイテムごとの画像のサイズ
- プレビュー: どのように表示されるかが確認できます。
- EDIT: 商品の並び順を変えることができます。
6. 「PUBLISH」をクリックして、「COPY EMBED CODE」でHTMLソースをコピーし、HTMLのブログ記事やサイトに貼り付けることでウィジェットを掲載できます。
下部の「TEXT LINK」商品画像なしの商品名テキストのみ掲載したい場合に利用できます。
慣れるととても簡単に使いこなせるようになるので、普段のアウトフィットの投稿の下に挿入したり、今のお気に入りアイテムやウィッシュリストをブログのサイドバーに表示させてみましょう。
質問がありましたら、日本語でhmaywood@shopstyle.comまでお気軽にお問い合わせください。
Leave a Reply