【Shopify】スライドショーをトップページに入れる方法! | Shopifyを活用した越境・国内ECサイトの制作・運用など役立つ情報をお届け|Shopify WORKS

2019.6.16

【Shopify】スライドショーをトップページに入れる方法!

Shopifyのサイトをもっと魅力的なデザインに変えてみませんか?

スライドショーを入れることで、自身のサイトのトップページのファーストビューを動きのあるデザインにすることで、より見栄えの良いサイトを作ることができます。
印象に残るようなおしゃれな写真や動画をつけることで、多くのユーザーを魅了することができます。
人の第一印象は3秒で決まると言われますが、WEBサイトでも同じように、開いたときのファーストインプレッションは非常に重要となります。

今回は、サイトのファーストビューをより魅力あるものにするためにShopifyのトップページにスライドショーを入れる方法をご紹介していきます。

第一印象をインパクトある、かつ魅力的なものにし、ユーザーの心を掴み、自分のサイトへ好印象を抱いてもらいましょう!

もしまだどういったサイトにしようかイメージがぼんやりしている方は、本記事で紹介しているようなおしゃれな海外サイトを参考にしてみてはいかがでしょうか。

スライドショーの画像の入れ方

トップページのファーストビューを自分の好みに合わせて簡単に設定・変更することができます。

  1. ホーム画面よりテーマをカスタマイズするをクリック
  2. 右上にある青いカスタマイズをクリック
  3. スライドショーという項目が出てくるのでそれをドラックして一番上までドロップ
    ※もしもスライドショーの項目が見つからなければ、フッターの上にある「セクションを追加」から探すことも可能です。
  4. 一番上までドロップしたスライドショーの右横にある点々の部分をクリック
  5. 画像を選択するをクリック
  6. ライブラリーの中にあるアップロードして表示させたい画像または写真を選択
  7. 画像選択後、見出し小出しに入れたテキストを入力
  8. 画面の中央上の部分に3つのアイコンがあり、
左からスマホ、パソコン、フルスクリーンのプレビューを表示することができます。
ここでメニューを下にスクロールしたところにある「スライドの自動切り替え」にチェックをいれておくと、画像が秒間隔で自動に変わっていきます。

まとめ

Shopifyでは、特に難しい知識やスキル等がなくても、自身で難なくカスタマイズしてスライドショーを作ることが可能です。

というのも、トップページにシンプルにフルスクリーンで写真を表示させ、スライドさせてショーにさせるだけだからです。しかしながら、順番や選択する写真や画像にこだわることで、ファーストビューにおいて一気にユーザーのハートを第一印象から掴むことができるようになります。是非ご自身のサイトを粋にカスタムしてみてください!

あなたにおすすめの記事

よく読まれている記事

この記事を見た人はこんな記事も見ています

Shopify Works blogをご覧のみなさまへ

Shopify works Blogでは、Shopifyのアプリや構築制作方法、運用マーケティング手段についてはもちろん、自社のECサイトを構築・運用する 上で必要な情報を紹介しております。現在日本では開発業者の数が少ないため、検索しても役立つ情報が少ないことが現状です。そのためSh opify works Blogでは、今後Shopifyの導入を検討している企業担当者様へ向けて、正確な役立つ情報を発信して行くことを心掛けております。
企業担当者様については、Shopify導入に対してご不明点や懸念事項がございましたら、お問い合わせ窓口よりお気軽にお問い合わせください。
また他カートをご利用中でShopifyへの乗り換えをご検討中の企業様についても、ご支援が可能でございます。世界シェアNo.1のECプラットフ ォームが日本で展開を初めて2年が経ちましたが、Shopify Works blogではさらにShopifyの魅力を発信していきます。