catch-img

【図解・Shopify(ショッピファイ)基礎編】ヘッダー・フッタのメニュー作成・編集方法を解説


目次[非表示]

  1. 1.Shopifyの規約ページ新規作成・編集方法
  2. 2.Shopifyのヘッダーメニューの新規作成、編集方法
  3. 3.Shopifyフッターメニューの新規作成、編集作成方法


この記事はShopify(ショッピファイ)の始め方~基礎編dya4~

・Shopify管理画面から簡単に規約ページの作成・編集方法

・ヘッダーメニュー(ページ上部メニュー)の新規作成・編集方法

・フッターメニュー(ページ下部メニュー)の新規作成・編集方法

をご紹介いたします。



それでは規約ページの作成方法から解説していきます。

Shopifyには規約ページ用のテンプレートが用意されています。

作成したページはフッターに表示させる事が出来ます。




Shopifyの規約ページ新規作成・編集方法

規約ページは基本的に全てテキストベースでの作成です。
(今回は記述内容に関しては割愛します)

使用メニュー 設定>法務関連


各規約ページにテキストを入力しましょう。今回は特に入力するテキストは有りませんので、各規約のタイトルをフィールドに入力して下さい。

入力が完了したら、右下の「保存する」を選択して下さい。



Shopifyのヘッダーメニューの新規作成、編集方法

TOPページに表示したヘッダーにメニューを設定します。
ヘッダーメニューもセクションのように、追加や順番の入れ替えなどが簡単に行えます。


初期設定のヘッダーにメニューを追加していきます。まずは作成したコレクションを割り当てていきます。

使用メニュー オンラインストア>メニュー>メインメニュー


メインメニューを選択すると左の画面が出て来ます。この画面ではメニューの追加や削除、場所の入れ替えを行います。


上の画像と同じメニュー内容を作っていきます。

上から順番に、
・テーブルウェア
└プレート、お皿
└カトラリー
└カップ、ソーサー
・インテリア
・木製製品
・ファブリック
・ランプ、照明

※お問い合わせページはこの後作成するのでここでは入れなくて大丈夫です。

ページ下部の「メニューの追加」を選択し、メニューを追加していきます。


まずはメニューの名前から入力します。名前の入力が完了したら「リンク」の部分を選択すると、2枚目の画像のような画面が出て来ます。


この画面でリンク先の設定を行います。「コレクション」を選択し、該当するコレクションを選択しましょう。選択が完了したら右下の「追加」を押しましょう。

同じ要領で他のメニューも設定していって下さい。


続いて、「テーブルウェア」の中に「プレート、お皿」「カラトリー」「カップ、ソーサーのコレクションを内包させます。

左端にある緑の囲み内「カラトリー」を選択したままドラッグすると、コレクションの場所を変更する事が出来ます。

内包させたいコレクションの所まで移動させ、図のようにブルーのラインが出て来てから選択を解除すると、そのコレクションの中に内包させる事が出来ます。


同じ要領で他のコレクションも内包させていって下さい。左の図のように設定出来たら完成です。



Shopifyフッターメニューの新規作成、編集作成方法

ヘッダーと同じように、今度はフッターを設定します。


初期設定のフッターにメニューを追加していきます。作成した規約ページなどを割り当てていきます。

使用メニュー オンラインストア>メニュー>フッターメニュー


フッターメニューを選択すると左の画面が出て来ます。この画面ではメニューの追加や削除、場所の入れ替えを行います。


左の画像と同じメニュー内容を作っていきます。
・返金ポリシー
・プライバシーポリシー
・利用規約
・配送ポリシー
・特定商取引法に基づく表記

※お問い合わせページはこの後作成するのでここでは入れなくて大丈夫です。

ページ下部の「メニューの追加」を選択し、メニューを追加していきます。


まずはメニューの名前から入力します。名前の入力が完了したら、「リンク」の部分を選択すると、2枚目の画像のような画面が出て来ます。


この画面でリンク先の設定を行います。「ポリシー」を選択し、該当する規約ページを選択しましょう。選択が完了したら右下の「追加」を押しましょう。

各規約ページは下記の名称で登録されています。
------
返金ポリシー:Refund Policy
プライバシーポリシー:Privacy Policy
利用規約:Terms of Service
配送ポリシー:Shipping Policy
特定商:Leagal Notice
------

同じ要領で他の規約も設定していって下さい。



この記事のPDF版をダウンロードしたい場合はこちら

トランスコスモスShopifyエンジニア
トランスコスモスShopifyエンジニア
トランスコスモスは日本で7社しかない最上位の「Shopifyプラスパートナー」です。最上位認定を堅持しShopifyでのECサイト制作・Shopifyアプリ開発を担うのが、トランスコスモスShopifyエンジニアチームです。Shopifyアプリの解説・紹介、Shopify基本的な使い方など制作や開発の過程で得られら知見をご紹介します。

採用情報(求人)


Shopifyアプリ解説・紹介記事

ShopifyのECサイト制作ならトランスコスモス

トランスコスモスは、Shopifyのエンタープライズ版「Shopify Plus」の優れた成果を持つ提携企業として認定された、国内に7社しかいない(2021年9月時点)最上位の公式パートナーです。

Shopifyを使ったECサイト制作から、調査分析・戦略立案、WEB広告(SEM)、ECサイト制作、お客様サポート、受発注、フルフィルメントまで業務設計・運用代行いたします。


トランスコスモスのEC全領域を網羅するサービス



Shopify問い合わせフォーム

関連記事


【無料】セミナー動画視聴


EC関連サービス


数字で見るトランスコスモスの強み

お気軽に
お問い合わせください

Shopify(ショッピファイ)
ECストア構築・運用代行

トランスコスモスは日本に7社しかない最上位の「Shopifyプラスパートナー」企業です
shopify専用倉庫スピードロジ

【週間ランキング】Shopify人気記事

 Tag(タグ)一覧

 記事検索

 記事カテゴリー

 【無料】募集中セミナー

正社員募集(求人)

 【無料】資料ダウンロード

Shopify認定パートナー企業

トランスコスモスは日本に7社しかない最上位の「Shopifyプラスパートナー」です。
Shopifyでのサイト制作ならお任せください


ECソリューションをお届けするサービスサイト

トランスコスモス株式会社
デジタルトランスフォーメーション総括 ECX本部

〒150-0011
東京都渋谷区東1-2-20
渋谷ファーストタワー
050-1751-7700(代表)


経済産業省が定める「DX認定事業者」
トランスコスモスは経済産業省が定める「DX認定事業者」

トランスプラス
トランスコスモスの全社的な情報を発信するオウンドメディア

cotra
コンタクト/コールセンターに携わる方への情報サイト
shopify構築・制作・運用
shopify構築・制作・運用