Square オンラインビジネスサイトの要素をカスタマイズする
サイトの要素について
お客さまがウェブサイトに初めて訪れたとき、色やフォント、形状など、サイト上にあるコンテンツすべてがお客さまが持つ印象を左右します。サイトの要素を使うと、Square オンラインビジネスサイトをさらにカスタマイズできます。これには次のものが含まれます。
バッジ：Square オンラインビジネスでは、商品のステータスを表すバッジとして、メイン、サブ（2番目）、サブ（3番目）の3種類のバッジを利用できます。また、バッジのデザインや表示場所も自由にカスタマイズ可能です。バッジには、「セール」や「在庫少」などの商品情報がすぐに表示されます。
ボタン：さまざまなページにメインボタンまたはサブボタンを追加でき、ボタンのデザインやリンク先のカスタマイズも可能です。
スペース：スペースとは、サイト上の余白、テキスト、画像、その他の要素間のスペースを指します。スケールを使って、サイトの幅やサイトの余白の両方をカスタマイズできます。
アイコンセット：ブランドに最適なさまざまなアイコンスタイルを選択できます。アイコンは、ショッピングカート、顧客アカウント、サイト検索、ナビゲーションなどの要素を表します。
はじめる前に
サイトの要素は、Square データからカスタマイズできます。
バッジをカスタマイズする
- Square データにログインし、[販売チャネル] > [オンラインビジネス] の順にクリックし、[商品] > [商品の設定] または [共通設定] > [商品の設定] の順にクリックします。
- [商品ステータス] から、[編集] を選択してバッジオプションを選びます。
- [セールバッジ] をオンにすると、セール中であることを表すバッジが対象の商品に表示されます。
- 在庫少バッジ] をオンにすると、商品の在庫数が指定の数量未満になったときにバッジが表示されます。数量には必ず「2」以上を入力してください。
- [在庫切れバッジ] をオンにすると、在庫切れを表すバッジが対象の商品に表示されます。在庫切れ商品を表示する場合は [在庫切れバッジ] を選択すると、在庫数がゼロになったときにバッジが表示されます。
- 完了したら、[保存] を選択します。
また、商品ライブラリから事前注文やディスカウントを設定するときに、事前注文/ディスカウントバッジを自動表示することもできます。
- Square データにログインし、[販売チャネル] > [オンラインビジネス] > [ウェブサイト] > [サイトの編集] の順にクリックします。
- [サイトデザイン] をクリックして [バッジ] を選択します。
- メイン、サブ（2番目）、サブ（3番目）バッジで表示される色、形状、テキストフォントを選択します。
- [商品バッジのスタイル] を選択して、作成したスタイルを有効化した各バッジタイプに適用します。個々のページでバッジの位置を変更し、テキストの下や上、または商品画像の上に表示することもできます。
- サイトを公開し、変更内容が反映されていることを確認します。
ボタンをカスタマイズする
- Square データにログインし、[販売チャネル] > [オンラインビジネス] > [ウェブサイト] > [サイトの編集] の順にクリックします。
- [サイトデザイン] をクリックして [ボタン] を選択します。
- メインとサブボタンを、色、形状、影などでカスタマイズします。
- サイトを公開し、変更内容が反映されていることを確認します。
- Square データにログインし、[販売チャネル] > [オンラインビジネス] > [ウェブサイト] > [サイトの編集] の順にクリックします。
- サイト上のボタンを選択すると、編集パネルにボタンオプションが表示されます。
- [リンクを追加] を選択し、リンク先を設定して [保存] をクリックします。
- サイトを公開し、変更内容が反映されていることを確認します。
スペースをカスタマイズする
Square データにログインし、[販売チャネル] > [オンラインビジネス] > [ウェブサイト] > [サイトの編集] の順にクリックします。
[サイトデザイン] をクリックして [スペース] を選択します。
スライダーでサイトの幅とサイトの余白を調整し、[完了] をクリックします。
サイトを公開し、変更内容が反映されていることを確認します。
アイコンセットを選択する
Square データにログインし、[販売チャネル] > [オンラインビジネス] > [ウェブサイト] > [サイトの編集] の順にクリックします。
[サイトデザイン] をクリックして [アイコンセット] を選択します。
ドロップダウンメニューからアイコンセットを選択し、[完了] をクリックします。
サイトを公開し、変更内容が反映されていることを確認します。