Square オンラインビジネスのページにセクションを追加する

Square オンラインビジネスのサイトの編集でウェブサイトを作成するときには、サイトにページを追加して、その各ページにセクションを追加します。

セクションはウェブサイトを構築するブロック（区切り）としてお考えください。セクションを使用すると、テキストや画像などのコンテンツを、商品などに追加できます。ウェブサイトの各ページには共通のヘッダーセクションやフッダーセクションがあり、セクションをさらに追加したりお好みのビジュアルにカスタマイズすることも可能です。

セクションメニューを操作する

Square オンラインビジネスのサイトの編集の左側にあるセクションメニューには、現在開いているページの全セクションが一覧表示されます。リスト内の商品にカーソルを合わせると、商品がそのページでハイライトされるので、セクションを選択して内容を確認したり、設定を編集したりすることができます。画面上のページリストを使用して、新しいページを追加したり、別のページを選択して編集することも可能です。

注意：オンラインストアからコンテンツが自動表示されるタイプのページ（商品ページやカテゴリページ）には、セクションを追加できません。カスタマイズ方法の詳細については、商品ページおよびカテゴリページをご覧ください。

セクションを追加・編集する

[セクションを追加する] ボタンをクリックして、セクションをさらに表示します。リストをスクロールして、任意のセクションをクリックし、ページのプレビューを表示します。[追加] ボタンを使用して選択したセクションを挿入するか、[キャンセル] をクリックし、セクションリストを閉じます。

新しいセクションを追加すると、エディタメニュー内に設定が自動で開きます。追加したセクションのタイプ応じてさまざまなオプションがありますが、ほとんどは追加のレイアウトやスタイルのオプションが含まれています。切り替えスイッチを使うと、要素の一部をオフにすることができます。リスト内の商品を選択して設定を編集するか、ページ内を直接クリックしてセクションのコンテンツを編集します。ページにSMSや画像を追加する方法の詳細をご確認ください。

さまざまなレイアウトやスタイルをお試しの上、是非ご自身にぴったりなものを見つけてください。操作中の変更は保存されます。また、操作を誤ってしまった場合も、エディタ上部の元に戻す矢印を使えば、いつでも元に戻すことができます。編集中に変更を行った場合「元に戻す矢印」と「やり直しの矢印」を使うことができますが、別のページに切り替えたり、エディタを終了した場合、変更した内容は全て永久的に保存されますのでご注意ください。

オンラインオーダーの単一オーダーページテンプレートからセクションを追加することもできます。ページ上部にある [追加] ボタンを選択し、メニューから [セクション] を選択します。すると、ページ上にセクションが表示され、このスペースにコンテンツを追加できるようになります。左側のメニューに表示されているセクションはどれでもページに追加することができます。

注意：テンプレートを切り替えると、[オンラインオーダー] ページに追加したセクションは [すべての商品] ページには反映されません。

変更作業が完了したら、[完了] ボタンでセクションの設定を閉じます。セクションの設定は、セクションメニューで対象のセクションをクリックすると再度開くことができます。

セクションをコピーまたは移動する

セクションのコピーを作成するには、リスト内で任意のセクションにカーソルを合わせて、[「. . .」] ボタンを選択してから [複製] を選択し、現在のページに同一のコピーを追加します。

ページからページへセクションを移動するには、リスト内で任意のセクションにカーソルを合わせて、[「. . .」] ボタンをクリックして[別のページに移動する] を選択します。ポップアップウィンドウでセクションの移動先ページを選択します。

注意：セクションの移動は、標準ページタイプ間でのみ可能です。

セクションの並べ替えや削除を行う

特定のセクションはページの位置に（ヘッダーやフッダーのように）固定されていますが、追加したセクションの順番を並べ替えることができます。セクションメニュー内で任意のセクションを選択して、上下にドラッグして位置を変更します。また [「. . .」] メニューにある [上へ移動]、[下へ移動] オプションを使用して、セクションを並べ替えることもできます。

注意：セクションがページ上に1つしかない場合や、すでにセクションメニューの一番上や下になっている場合は、それ以上そのセクションは上や下には動かせません。

セクションを削除するには、リスト内で任意のセクションにカーソルを合わせて、[「. . .」] ボタンを選択してから [削除] を選択します。