加盟店のみなさま、こんにちは👋
ブランドイメージを反映したECサイトやオンライン注文サイトを構築することは、お客さまとの関係を強化し、コンバージョンを増やすために不可欠です。ビジネスでは通常、実店舗でのお買い物がスムーズなものになるよう投資をしているはずです。オンラインでのお買い物も、考え方は同じです。Square オンラインビジネスを活用することで、スムーズで理想的なお買い物体験を生み出すことができます。
Square オンラインビジネスの高度なカスタマイズ機能を使えば、少しの変更でオリジナリティあふれるサイトに作り替えることができます。Square オンラインビジネスの新たなウェブサイトカスタマイズ機能で、ブランドを際立たせる5つの方法をご確認ください。
1. 魅力を自在にレイアウト
新しいレイアウトスタイルで、商品の魅力を自在にアピールできます。配置、間隔、画像の説明など、多様なレイアウトを選べます。
「すべての商品」と「オンライン注文」のレイアウト
Square オンラインビジネスでは、お客さまの購入体験をスムーズなものにする2種類のショッピングテンプレートで商品を表示できます。
- 「すべての商品」は一般的に小売店で扱われるような有形商品を販売するためのテンプレートで、配送にも適しています。
- 「オンライン注文」は、レストランや飲食店で扱われる調理済み飲食料品を販売するためのテンプレートです。特定地域でのデリバリーや店頭または店外での受け取りに適しています。
「オンライン注文」と「すべての商品」のテンプレートに新しいレイアウトが追加されました。これらの新しいレイアウトは、商品を魅力的に演出するだけでなく、ショッピング体験を通してブランドをアピールできるよう作られています。
「すべての商品」の追加レイアウト
間隔を詰めたタイルのレイアウト
一貫したアスペクト比で画像を表示し、商品間の間隔を最小限に抑えたクリーンでモダンな商品タイルのレイアウトです。
モザイクレイアウト
異なるアスペクト比の画像を優先的に集めて、同じ幅の列に収まるようサイズ調整をするナチュラルな印象のレイアウトです。
エディトリアルレイアウト
主力の商品や少数の商品を強調するために設計されたレイアウトです。
「オンライン注文」の追加レイアウト
写真メニュー
高品質な料理写真を強調する写真中心のレイアウトです。料理写真がない場合でも、フォトスタジオアプリで撮影できます。
大型メニュー
100件以上の商品がカテゴリ分けされ、お客さまが商品を選びやすいように整理されたレイアウトです。
「オンライン注文」または「すべての商品」のレイアウトを変更するには、Square オンラインビジネスのサイトエディタにアクセスし、[オンライン注文] または [すべての商品] > [商品リスト] > [カスタマイズ] > [レイアウト] の順に移動してください。
オンライン注文ページの作成について詳しくは、こちらをご覧ください。
「おすすめ商品」と「商品の詳細ページ」のレイアウト
Square オンラインビジネスでは「おすすめ商品」セクションと「商品の詳細ページ」用のさまざまなレイアウトをが利用でき、お客さまに商品をアピールするのに役立ちます。すでに準備している「すべての商品」または「オンライン注文」のページに合わせて選択したり、レイアウトを最適化して商品写真を強調したりできます。
レイアウトを変更するには、Square オンラインビジネスのサイトエディタにアクセスし、「おすすめ商品」のレイアウトの場合は [セクションを追加する] > [おすすめ商品] の順に移動してください。「商品の詳細」のレイアウトの場合は [商品ページ] > [商品リスト] > [カスタマイズ] > [レイアウト] の順に移動してください。
「おすすめ商品」と「商品の詳細ページ」のレイアウトについて詳しくは、こちらをご覧ください。
ナビゲーションレイアウト
ヘッダーのレイアウトをサイトのページ数やカテゴリ数に応じて調整できます。メガメニューのナビゲーションは近日中に追加予定です。メガメニューは取り扱う商品の数や種類が多いビジネスに最適です。お客さまが購入したい商品を的確に見つけられるよう、より具体的な選択肢を提示できます。
ナビゲーションのレイアウトを変更するには、Square オンラインビジネスのサイトエディタにアクセスし、[Home] > [ヘッダー] > [カスタマイズ] > [レイアウト] の順に移動してください。
2. フルハイトバナー、バナースライドショー、動画でホームページをアピールする
サイト訪問者の目に飛び込んでくる最初の要素が、ホームページのヒーローバナーです。潜在的なお客さまを惹きつけるための機能をお試しください。
フルハイトバナー
フルハイトバナーで存在感のあるデザインスタイルを追加。お客さまの注目を集め、ブランドアイデンティティを大々的にアピールできます。
バナースライドショー
バナー画像のカルーセルを作成して、複数の商品、新商品、セールなどのご案内に活用できます。
バナー動画
バナーに1つ以上の動画を追加できます。
バナーを編集するには、Square オンラインビジネスのサイトエディタにアクセスし、[Home] > [メインバナー] の順に移動してください。
バナースライドショーやバナー動画の追加について詳しくは、こちらをご覧ください。
3. マーキーセクションや動画などで目立たせる
自動スクロールするテキストバーでメッセージに動きをつけられます。動きを加えることで、特別セールや営業時間の変更、日々のメッセージなどを効果的に発信しましょう。
ページにマーキーセクションを追加するには、Square オンラインビジネスのサイトエディタにアクセスし、[セクションを追加する] > [テキストをスクロールする] の順に移動してください。
マーキーセクションについて詳しくは、こちらをご覧ください。
4. サイト上の要素を強調する
サイト全体のさまざまな要素をカスタマイズして、お客さまにアピールできます。以下のような要素をカスタマイズすることで、ブランドならではの魅力をアピールできるだけでなく、お客さまのショッピング体験をスムーズにして購入につなげられます。
- フォント：Square オンラインビジネスでは、厳選された100種類以上のフォントを太字、半太字、細字などのバリエーションで提供しています。サイト内のどのテキストにもブランドイメージを反映できます。
- ボタン：サイト内で使用するボタンの色、形、ボーダー、ドロップシャドウ、テキストなどを生き生きとカスタマイズできます。
- 商品バッジ： 商品バッジで、セール中、在庫わずか、売り切れ、先行予約への対応など、商品の状態をお知らせできます。さらにスタイル、フォント、色の変更も可能です。
- アイコンセット： ありきたりで機能だけを重視したアイコンは、もうおしまい。新しいアイコンセットなら、サイトの細部にまで独自のスタイルを演出できます。顧客アカウント、ショッピングカート、検索バーなどをブランドに合わせて変更しましょう。
- 間隔：スケールを調整し、サイトの幅と余白をカスタマイズすることで、サイトを全幅にしたり、デフォルトのモバイル対応サイトのままにしたりできます。
フォントをカスタマイズするには、Square オンラインビジネスのサイトエディタにアクセスし、左下の [サイトデザイン] から [グローバルスタイル] に移動します。ボタン、バッジ、アイコン、間隔をカスタマイズするには、左下の [サイトデザイン] から [サイトのエレメント] に移動してください。
サイトのデザインとカスタマイズについて詳しくは、こちらをご覧ください。
5. 適切な画像サイズを設定する
商品画像は、サイト上で特に重要な要素です。さまざまなアスペクト比に対応するカスタムの画像サイズ設定で、画像を常に最高の状態で公開できます。特定のアスペクト比に合わせて、画像を自動的に切り取ったり、スケーリングしたりすることも可能です。
Square オンラインビジネスでは商品画像のサイズが自動的に変更され、どの端末でも最適なサイズと構成で表示されます。大きな画像でもサイトの読み込みが遅くなることはありません。画像を鮮明に表示するために、2000 × 2000以上の商品写真をアップロードすることをおすすめします。
Square オンラインビジネスのサイトエディタでは、メインテンプレートページ（「すべての商品」や「オンライン注文」）、「商品の詳細」や「商品リスト」、商品に焦点を当てたセクション（「おすすめ商品」や「類似商品」）など、さまざまな場所に表示される商品画像を編集できます。
画像の編集について詳しくは、こちらをご覧ください。
