サムネイル

Shopifyの好きなページに見出しを挿入できるアプリを解説

目次

はじめに

Shopify の既存のテーマでは、意外と自由に見出しを追加できないことがありますよね。

今回は、Shopify のストアの好きなページに自由に見出し(タイトル)を挿入できるアプリについて解説していきたいと思います。

見出し(タイトル)は以下のようなものです。
見出し(タイトル)

今回解説していくのは以下のアプリです。
らくらく見出し挿入アプリ|リテリア Title

アプリの特徴は以下の通りです。

  • アプリブロックを追加するだけで、ノーコードで見出しを追加できる
  • あらゆるページに見出しセクションを挿入できる
  • テキストの色や大きさ、太さなど、デザインを自由にカスタマイズできる
  • 見出しにアイコン画像を追加できる
  • Online Store 2.0 完全対応のため、既存のテーマやアプリと干渉の心配がない

月額料金は 1.99 ドルで、現時点では 7 日間の無料体験期間があります。

らくらく見出し挿入アプリ|リテリア Title の使い方

アプリのインストール方法から詳細設定の仕方までを簡単に確認していきましょう。

アプリのインストール方法

ストアの管理画面でアプリ管理>ストアをカスタマイズとクリックしていきます。
ストアをカスタマイズとクリック

Shopify のアプリストアに移動するので、検索ボックスにらくらく見出し挿入アプリ|リテリア Titleと入力して検索します。
らくらく見出し挿入アプリ|リテリア Titleと入力

該当のアプリをクリックしましょう。
該当のアプリをクリック

アプリを追加するをクリックし、次の画面でアプリをインストールをクリックします。

ここまでで、アプリのインストールは完了です。
アプリを追加するをクリック
アプリをインストールをクリック

次にアプリの設定をします。テーマに反映の項目で「アプリをインストールするテーマ」を選択し、有効化をクリックしましょう。

ここでは「Studio(公開中のテーマ)」を選択しています。
有効化をクリック

アプリを有効化しましたというポップアップがでれば、アプリの設定は完了です。

続いて、有効化ボタンの隣にあるプレビューボタンをクリックしましょう。
プレビューボタンをクリック

Shopify のストア画面が表示されるので、下の方までスクロールします。
下の方までスクロール

以下のようにタイトル Part5 のアプリボックスが追加されています。
アプリボックスが追加

画面左側の項目を下までスクロールすると、以下のようにタイトル Part5が追加されているのでクリックしましょう。
画面左側の項目を下までスクロール
タイトル Part5が追加

画面右側にタイトル Part5の詳細設定が表示されます。
タイトル Part5の詳細設定

アプリで好きな場所に見出しを移動する方法

例えば見出しのアプリボックスをページの一番上に移動したい場合には、次のように操作します。

画面左側の項目にある、タイトル Part5 が表示されているアプリの右側をクリック&ドラッグ(クリックしたままマウスを移動する)して上まで持っていきましょう。
アプリの右側をクリック&ドラッグ

以下のようにアプリボックスを移動できるようになります。
アプリボックスを移動

一番上までアプリボックスを移動し、クリックすると、以下のようにページの上部に見出しが追加されました。
ページの上部に見出しが追加

好きなページにアプリで見出しを挿入する方法

好きなページに見出しを挿入するには、次のように操作します。

Shopify のストアの一番上・中央にボックスがあるので、タイトルを挿入したいページを選択しましょう。
ストアの一番上・中央にボックスをクリック
タイトルを挿入したいページを選択

今回はデフォルトの商品ページを選択してみました。

画面左側の項目を下までスクロールするとでてくるセクションを追加をクリックしましょう。
画面左側の項目を下までスクロール
セクションを追加をクリック

でてきた項目を下までスクロールすると、らくらく見出し挿入アプリ|リテリア Titleタイトル Part1 ~タイトル Part5までが表示されています。
らくらく見出し挿入アプリ|リテリア Titleのタイトル Part1 ~タイトル Part5が表示

好きな見出しを 5 つまで設定できるということですね。今回はタイトル Part1 を選択してみます。
タイトル Part1 を選択

以下のように表示されました。
タイトル Part1の表示

アプリの詳細設定

まず、画面左側の項目で、タイトル Part5をクリックしましょう。

画面右側にタイトル Part5の詳細設定が表示されます。
タイトル Part5の詳細設定

画面右側の詳細設定にあるテキストのボックスに、見出しにする文章を入力すると、以下のようにストアに反映されます。
見出しにする文章を入力

テキストについては、以下の点を PC(パソコン)・SP(スマホ)それぞれで設定できます。

  • 文字の色
  • 間隔
  • 太さ
  • 大きさ
  • 左右の余白(文字とボーダーの距離)
  • アプリブロックの余白
    テキストの詳細設定1
    テキストの詳細設定2

また、見出しのタイトルの両端にある**―(ボーダー)**については、以下の点を PC(パソコン)・SP(スマホ)それぞれで設定できます。

  • ボーダーを二重線にする
  • ボーダーの色
  • 長さ
  • 太さ
  • 二重線の間隔(二重線の内側の距離)

今回は、以下のように完成しました。

ストアに追加したテキスト

その他、このアプリでは見出しにアイコン画像を追加することもできます。カスタマイズしてみると面白そうです。

最後に

ここまでで、らくらく見出し挿入アプリ|リテリア Titleの使い方についての解説は終わりです。

アプリボックスを追加するだけで見出しを追加できるため、多くの人が簡単に導入できそうです。

らくらく見出し挿入アプリ|リテリア Title

ここまでお読みいただき、ありがとうございました。

おすすめ Shopify アプリ

シンプルブログ記事カスタマイズ|お手軽ブログテンプレートのアイコン

シンプルブログ記事カスタマイズ|お手軽ブログテンプレート

シンプルなブログ記事カスタマイズアプリ。ストアにブログ記事カスタマイズ機能を簡単に実現できます。

シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリのアイコン

シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリ

シンプルなお知らせセクションアプリ。ストアにお知らせセクションを簡単に挿入できます。

シンプルブログ記事目次|自動見出し一覧挿入のアイコン

シンプルブログ記事目次|自動見出し一覧挿入

シンプルなブログ目次生成アプリ。ストアにブログ目次を簡単に表示できます。

シンプルスライドショー|お手軽画像スライダーのアイコン

シンプルスライドショー|お手軽画像スライダー

シンプルなスライドショーアプリ。ストアにスライドショーを簡単に表示できます。

シンプル流れるロゴ|流れるロゴリスト挿入アプリのアイコン

シンプル流れるロゴ|流れるロゴリスト挿入アプリ

シンプルな流れるロゴリストアプリ。ストアに流れるロゴリストを簡単に表示できます。

シンプル名入れ|お手軽名前入りギフトオプションのアイコン

シンプル名入れ|お手軽名前入りギフトオプション

シンプルな日本製の名入れオプションアプリ。商品毎に名入れオプションを追加できます。

シンプル在庫数表示|お手軽残りわずか表示のアイコン

シンプル在庫数表示|お手軽残りわずか表示

シンプルな商品の残りわずか表示アプリ。ストアに商品の残りわずか表示を簡単に導入できます。

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン

シンプルギフトラッピング|お手軽ギフト包装アプリ

シンプルな日本製のギフトラッピングアプリ。カートページに簡単にギフト包装オプションを追加できます。

シンプル購入制限|お手軽注文制限について徹底解説のアイコン

シンプル購入制限|お手軽注文制限について徹底解説

シンプルな日本製の購入数制限アプリ。商品ごとに数量の規制を行えます。

シンプルランキング表示|お手軽ベストセラーのアイコン

シンプルランキング表示|お手軽ベストセラー

購入促進!コレクションにランキングラベルを表示してストアの人気商品をアピール

シンプル顧客タグごとの限定販売|お手軽ロイヤリティのアイコン

シンプル顧客タグごとの限定販売|お手軽ロイヤリティ

日本製の顧客タグごとの購入制限アプリ。特定のタグを持つ顧客への限定販売を簡単に実現できます。

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン

シンプルロゴ一覧|お手軽ロゴリスト表示

シンプルなロゴリストアプリ。ストアにロゴリストを簡単に導入できます。

シンプル余白調整|お手軽レイアウトのアイコン

シンプル余白調整|お手軽レイアウト

シンプルな日本製の余白調整アプリ。余白を挿入することでページデザインの調整が簡単にできます。

シンプルのし(熨斗)アプリのアイコン

シンプルのし(熨斗)アプリ

シンプルな日本製のしアプリ。のし選択機能を簡単に実現できます。

シンプル画像バナー|お手軽広告バナーアプリのアイコン

シンプル画像バナー|お手軽広告バナーアプリ

シンプルな画像バナーアプリ。ストアに画像バナーを簡単に表示できます。

シンプル Q&A|どこでも FAQのアイコン

シンプル Q&A|どこでも FAQ

シンプルな Q&A アプリ。ストアに FAQ を簡単に導入できます。

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン

シンプルモバイルアプリバナー|スマホアプリに誘導

シンプルなモバイルアプリバナー。ストアにモバイルアプリバナーを簡単に導入できます。

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン

シンプル流れる告知|流れるお知らせ挿入アプリ

シンプルな流れる告知アプリ。ストアに流れる告知を簡単に導入できます。

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン

シンプル売り切れ非表示|在庫切れ商品の表示変更

売り切れ商品を非表示にすることができる日本製アプリ。売り切れになった商品を、自動的に非表示(下書き状態)にすることができます。

シンプルレビュー|お手軽口コミのアイコン

シンプルレビュー|お手軽口コミ

シンプルな日本製のレビューアプリ。レビュー機能を簡単に実現できます。

シンプル会員限定販売|お手軽アカウント必須販売のアイコン

シンプル会員限定販売|お手軽アカウント必須販売

シンプルな日本製の会員限定販売アプリ。商品毎に、ログインしていない顧客の購入制限を行えます。

シンプル会員ランク|お手軽顧客タグ付けのアイコン

シンプル会員ランク|お手軽顧客タグ付け

日本製の会員ランク管理アプリ。条件を達成した顧客に自動でタグを追加し、顧客管理を手助けします。

シンプル Wishlist|お手軽お気に入りのアイコン

シンプル Wishlist|お手軽お気に入り

商品数・お気に入り数の上限なしで使えるお手軽お気に入りアプリ。簡単にお気に入り機能を実現できます。

シンプル Coming Soon|商品ページ発売予告アプリのアイコン

シンプル Coming Soon|商品ページ発売予告アプリ

シンプルな日本製の Coming Soonアプリ。商品毎に発売予告を行えます。

シンプルセット販売|お手軽クロスセルのアイコン

シンプルセット販売|お手軽クロスセル

シンプルな日本製のセット販売アプリ。セット販売でのクロスセルを簡単に実現できます。

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン

シンプル予約販売|受注販売や在庫切れ商品販売で使える

日本製の予約販売アプリ。予約販売や受注販売、在庫切れ商品販売を簡単に実現できます。

シンプル販売期間設定|商品ごとに期間限定販売のアイコン

シンプル販売期間設定|商品ごとに期間限定販売

シンプルな日本製の期間限定販売アプリ。商品ごとに販売期間を設定することができます。

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン

シンプルVIPプログラム|お手軽VIP会員限定販売

日本製の VIP 限定販売アプリ。特別な顧客を対象とした限定商品の販売を簡単に実現できます。

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリ

シンプルな日本製の定額ポイントアプリ。顧客はポイントをそのまま利用することができます。

おすすめ記事