メニューのリンクを編集する
ヘッダーメニューのリンクを追加、名前変更、並べ替え、削除する方法と、リンク先をページまたはカスタムアドレスに設定する方法、ドロップダウンの追加方法を説明します。
ヘッダーのメニューは、お客様がストア内を移動するためのものです。エディタで、リンクを1つずつ編集します。各リンクのリンク先は、ストアのページか、カスタムアドレスのどちらかです。ボタンなど、Payly がリンクの入力を求める場所では、同じ2つの選択肢が表示されます。
メニューの設定を開く
- エディタで、ページの上部にあるメニューをクリックします。右側の設定パネルにナビゲーションが表示されます。
- メニューをクリックしてグループを開き、下へスクロールしてリンクを表示します。各リンクにはそれぞれカードがあります。
ヘッダーはすべてのページで共通のため、ここでの変更はすべてのページに反映されます。
リンク先をページにする
新しいリンクは、最初はページへのリンクになっています。これがもっとも安全な選択です。あとでページの名前やアドレスを変更しても、リンクがそれに追従するためです。
- リンクのカードで、ページが選択されていることを確認します。
- ページ名をクリックして、ページの一覧を開きます。
- 検索ボックスに入力して一覧を絞り込み、目的のページをクリックします。
- 別の表記にしたい場合は、ページの下にある欄のテキストを変更します。ページを選ぶと、Payly がそのページの名前を自動で入力します。ただし、すでに独自のテキストを入力している場合は、そのままになります。
カスタムアドレスにリンクする
Instagram のプロフィールや別サイトのブログなど、ストアのページ以外へのリンクには、カスタムリンクを使います。
- リンクのカードで、カスタムリンクをクリックします。
- お客様に表示するテキストを入力します。
- 2つ目の欄にアドレスを入力します。
https://example.comのような完全なウェブアドレスか、/aboutのような自分のストア内のパスを入力します。
リンクを追加、削除、並べ替える
- リストの下にあるリンクを追加をクリックします。新しいリンクは、まだメニューに入っていない最初のページにリンクします。
- カード左上の点の並んだハンドルを上下にドラッグすると、順番を変更できます。リンクは、ページ上でも同じ順序で表示されます。
- カード右上のゴミ箱をクリックすると、そのリンクを削除できます。
重要: Checkout のリンクには固定と表示されています。お客様はどこからでもチェックアウトに進める必要があるため、このリンクは削除したり、別のリンク先に変更したりできません。テキストは変更できます。アカウントのアイコンと、カートボタンを表示をオフにしていない限りカートのアイコンも、ヘッダーに表示されたままになります。
ドロップダウンを追加する
ドロップダウンは、複数のページを1つのリンクにまとめるものです。お客様がリンクにカーソルを合わせるか、キーボードで移動すると表示されます。
- リンクのカードで、ドロップダウンを追加をクリックします。Payly がドロップダウンの項目の下に最初の項目を追加します。
- ほかのリンクと同じように、その項目のリンク先としてページまたはカスタムアドレスを選びます。
- 項目を増やすには、そのたびにドロップダウンの項目を追加をクリックします。
ドロップダウンを使えるのは、ヘッダーメニューだけです。フッターのリンクリストは、通常のリストになります。スマートフォンでは、ドロップダウンの項目を含むヘッダーのリンクは、メニューボタンの中にまとめられます。
ボタンのリンク
ボタンブロックでも、同じ選択肢を使います。ボタンを選択して全般を開き、リンクでページまたはカスタムリンクを選びます。ページを選んでもボタンのラベルは変わらないため、「コレクションを見る」というボタンから Shop ページに移動するようにもできます。
ページとメニューの同期の仕組み
ページを追加すると、Payly はそのページへのリンクを自動的にメニューに追加します。ページを管理で、この動作をオフにできます。また、各ページのメニューに表示のチェックボックスで、メニューへの追加と削除ができます。ページの名前やアドレスをそこで変更すると、メニューのリンクもそれに追従します。カスタムリンクは、お客様が意図して入力したアドレスなので、自動では変わりません。詳しくはページを追加・管理するをご覧ください。
ヒント: 変更は操作するたびに保存されますが、公開中のストアに反映されるのは、公開したあとです。