システムの更新情報をみる

ご利用中のSquare サービスに影響を及ぼす可能性のある問題が発生しています。詳細については、弊社のステータスページに随時更新いたします。

ホーム画面に戻る

Square オンラインビジネスでページおよびナビゲーションを作成する

オンラインサイトの中でも「ページ」はとても大切な要素です。ページ上で、コンテンツを表示することができますし、ページが存在するからこそナビゲーションメニューが実際の機能を果たすようになります。そこでこの記事では、「ページ」の作成・管理の方法をはじめ、サイトのナビゲーションメニューを編集する方法についてご紹介します。

ページを新規作成/複製する

ep-sos-pages-start

サイトの編集で、[+追加] > [ページ] の順に選択します。また [ページ] リストをクリックして、[ページを追加] リンクを使用することもできます。

次に、追加したいページの種類を選択します。

  • 空白のページ - コンテンツがないページのことです。ご希望のコンテンツを追加できます。

  • About - 何らかの情報を紹介するページが、デモコンテンツで自動的に作成されます。コンテンツの内容は、ご希望に合わせて編集やカスタマイズが可能です。

  • お問い合わせ - お問い合わせフォームのあるページです。ご希望に合わせて編集やカスタマイズが可能です。詳細については、Square オンラインビジネスに連絡先フォームを追加するをご覧ください。

  • ギャラリー - ギャラリーセクションを使用し、複数の画像を表示するためのページです。

  • Instagram - Instagramセクションを含むページです。詳細については、Square オンラインビジネスのInstagramフィードに接続して写真を表示をご覧ください。

  • ショップ - オンラインストアを設定済みである場合の単一オーダーページです。

  • ギフトカード - Squareギフトカードのための、またはオンラインストアでSquare eギフトカードを販売する場合のページです。

    • Square eギフトカードをすでに利用している場合は、既存のアカウントを同期してSquareギフトカード購入ページへと直接リンクするようプロンプトが表示されます。この操作により、Squareギフトカードがあなたのオンラインストアに自動的に埋め込まれます。

    • Square eギフトカードをご利用でない場合は、Square データに移行しますので、そこで設定可能です。ギフトカードのデザイン、デフォルトの金額、利用に関するポリシーを選ぶことができます。

    • ギフトカードの設定と同期が終わったら、ギフトカードへのナビゲーションリンクを追加できます。

ここでは例として空白ページを使用しますが、どの種類のページを追加する場合も手順は同じです。

[空白ページ] をクリックして、ページの名前を入力します。ナビゲーションメニューに表示させない場合はチェックボックスをクリックして、[追加] をクリックして完了します。

ep-sos-pages-copy

既存のページをコピーして複製するには、ページリストを開いて、コピーしたいページを見つけます。ページ名の横にある [「...」] ボタンをクリック し、[ページの複製] を選択します。

注意: ページの種類(商品ページやカテゴリページなど)によっては、複製できないものがありますので、ご了承ください。

ページ設定の編集やコンテンツの追加を行う

ep-sos-pages-settings-sections

新しいページを保存すると、設定の変更やコンテンツの追加が可能になります。セクションを追加ボタンを使用してテキスト、画像などのためのページセクションを選択します。

ページ設定を変更するには、歯車アイコンをクリックし、[ページ設定を表示] を選択します。ページ設定ウィンドウには、次の3つのタブがあります。

ナビゲーションリンクを追加/編集する

ep-sos-pages-add-nav

ナビゲーションメニューに新しいリンクを追加するには、ページリストを開き、下部にある編集リンクをクリックしてナビゲーションメニューの設定を開きます。 [ナビゲーションリンクを追加] をクリックし、次のうちいずれか1つを選択します。

  • 標準ページ - このオプションを選択すると、これまでに作成したページへのリンクを追加することができます。

  • カテゴリページまたは商品ページ - このオプションを選択すると、特定のカテゴリまたはストアで取り扱う商品へのリンクを追加することができます。

  • すべての商品またはオンラインオーダー - 単一オーダーページへのリンクを作成できます。

  • 外部リンク - このオプションを選択すると、別のウェブサイトへのリンクを追加することができます。

  • ファイル - このオプションを選択すると、ファイルをアップロードして該当ファイルにリンクを追加することができます。

  • Square アポイントメント - 予約を行うためのリンクを追加できます(Square オンラインビジネス + Square アポイントメントをご利用の加盟店さまのみ)。

また「アンカーリンク」を作成して、ページ上の特定の部分へリンクさせることも可能です。たとえば、ページ下部にお問い合わせフォームを配置したとします。この場合、アンカーリンクをクリックすることでお問い合わせフォームのセクションに直接移動できます。

ep-sos-pages-anchor-link

アンカーリンクを追加するには、ページリストを開き、リンクをクリックしてナビゲーションメニューを編集します。 [ナビゲーションリンクを追加] ボタンを使用して、標準ページを選択します。メニューからページを選択し、切り替えスイッチをクリックしてページ上のどのセクションに関連付けたいか選択します。最後に、このメニューに名前を入力して、変更を保存します。

ep-sos-pages-edit-nav-link

ナビゲーションメニューのリンクを編集または削除するには、ページリストを開き、リンクをクリックしてナビゲーションメニューを編集します。ページの上にポインタを合わせ、[「. . .」] アイコンをクリックして、[編集] または [削除] を選択します。ナビゲーションメニューのリンクを編集または削除しても、関連付けられているページ自体に変更が加えられたり削除されたりすることはありません。

ページの並び替えやサブページの作成を行う

ナビゲーションに追加したページは、順番の並べ替えや、サブページの追加が可能です。まずページリストを開き、下部のリンクをクリックしてナビゲーションメニューを編集します。

ep-sos-pages-drag

ナビゲーションリストから、並び替えを希望するページをクリックし、上下にドラッグして新しい位置に移動します。ページをサブページに変えるには、ページをクリックして、親ページの右下にドラッグします。上の画像では、「今すぐ予約」ページが「すべてを表示」のサブページに移動されています。

また新しいページをサブページとして追加することも可能です。ナビゲーションメニューの編集中に、ページの上にポインタを合わせ、青色のプラス記号がついたボタンをクリックします。[新しいページを作成] を選択し、名前を入力します。保存すると、新しく作成したページは自動的にメインページのサブページになります。

ページを削除する

ep-sos-pages-delete-page

ウェブサイトからページを削除するには、ページリストを開き、削除したいページにポインタを合わせます。[「. . .」] ボタンをクリックして [ページを削除] を選択し、ボタンをクリックしてページの削除を確認します。