EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。

料金
$0 / 月〜
Shopifyパートナーの日本企業が開発した日本製Shopifyアプリです。
管理画面も日本語なのでわかりやすく、困ったときは日本語でサポートいたします。
プログラミング不要で、どんなShopifyサイトにもアプリの導入が可能です。
導入だけでなく、デザインのカスタマイズもノーコードで対応出来ます。
インストールと簡単なセットアップだけで、無料でアプリをご利用いただけます。
不要な場合はアンインストールし、元の状態にすぐ戻せます。
Shopifyのブログ記事に目次を挿入することでたくさんのメリットを得ることができます。
● 読者の利便性が上がる
● アクセス数が増加する
● ユーザーニーズを把握出来る
● SEOに良い効果を期待できる
メリットを得るために大事なことは、まず始めて見ることです。
簡単な初期設定を済ませるだけで、自動で目次を生成&表示します。
目次の表示・非表示を管理画面から1クリックで切り替えできます。
背景色やテキストの色など自由に変更でき、区切り線や字下げの有無も選べます。
区切り線も表示・非表示を切り替えることができます。
見出し1(h1)〜見出し6(h6)から目次に利用する見出しを選べます。
目次クリック時に該当箇所へのスクロールの有無を選べます。
全て変更を管理画面上で、リアルタイムに確認できます。
目次の表示位置を下記から選択することが出来ます。
このページでは「1. 最初の見出しの上」を利用しています。
利用する見出しで選択した見出しの中で、記事中最上部に位置する見出しの上に目次を挿入します。
例えば、h2,h3を選択した場合、「Title > 文章 > h2 > 文章 > h3 > 文章 > h2 > 文章 」の構成の記事では、「Title > 文章 > 【目次】 > h2 > 文章 > h3 > 文章 > h2 > 文章 」の位置に目次が表示されます。
テーマエディタを利用し、目次を表示したいブロックにアプリを挿入することができます。
※ Online Store 2.0のテーマのみご利用できます
特定のclass名を持った文章の上に目次を挿入します。
※ 指定したClass名が複数ある場合、最初に出現するclass名を持った文章の上に目次を挿入します。
目次に開封ボタンを表示することが出来ます。
ユーザーがサイト訪問した時に表示する目次の行数を設定することが出来ます。例えば、目次が長すぎるウェブページにアクセスした場合に、目次を一部だけ表示させることが出来ます。
ブログ記事だけでなく、Shopifyの商品ページにも目次を表示することが出来ます。
ブログ記事だけでなく、Shopifyのコレクションページにも目次を表示することが出来ます。
ブログ記事だけでなく、Shopifyのページ機能で作成したウェブページにも目次を表示することが出来ます。
ブログを充実させたく導入しました。何よりも簡単でわかりやすいUIで、直感的に導入できました。デザインも細かく指定でき、アプリ設定上でプレビューを確認できるのも良かったです。アプリ導入のサポートでも迅速で丁寧な回答をいただけてすごく良かったです。日本語サポートが完備されているのは嬉しいです。
Great app, responsive support, easy set-up. I recommend it for your articles, it greatly enhances the experience for your customers
RuffRuff 目次作成を導入致しました。
弊社が使用しているshopifyテーマは未対応との事でしたが、素早く対応していただき、反映させていただきました。
まだ導入して間もないため、細かい使用感はわかりませんが設定が直感的にでき、ブログの更新が今後楽にできそうです。
無料プランですとロゴが入りますが、あまり目立ちません。
導入を検討されている方は、まずは無料プランから検討されてはいかがでしょうか。
(今まで目次の作成は)HTMLにて自分でidをふって作成していました。
とても手間でしたが、このアプリを導入しとても楽になりました。
BLOGは、商品の解説と紹介にとても有用ですし、お客様に興味を持っていただく入り口にもなる重要な要素だと思います。
設置も問題なくスムーズにでき、本当に助かりました。
プラン | Free Plan | Light Plan | Regular Plan |
---|---|---|---|
金額 | 無料 | $2.99 / 月 | $8.99 / 月 |
目次のデザイン変更 | ◯ | ◯ | ◯ |
目次の表示位置の変更 | ◯ | ◯ | ◯ |
ライブプレビュー | ◯ | ◯ | ◯ |
ブランドの非表示 (RuffRuff App by Tsun) |
✕ | ◯ | ◯ |
見出しID生成方法の変更 (見出しを利用したアンカーリンク) |
✕ | ◯ | ◯ |
開閉ボタンの表示 | ✕ | ◯ | ◯ |
初期表示行数の変更 | ✕ | ◯ | ◯ |
ブログ記事に目次を表示する | ◯ | ◯ | ◯ |
コレクションに目次を表示する | ✕ | ✕ | ◯ |
ページに目次を表示する | ✕ | ✕ | ◯ |
商品に目次を表示する | ✕ | ✕ | ◯ |
手順は下記の3ステップです
詳しくは下記のサポートページで紹介していますので、ご参考にしてください。
RuffRuff 目次作成はノーコードかつ、無料でご利用いただけます。ソースコードをカスタマイズする必要もなく、自由に目次のデザインを調整できます。
貴重なあなたの時間やエンジニアの時間を目次作成に費やすのは勿体ないです。RuffRuff 目次作成を導入し、余った時間はお客様の満足度や売上を伸ばすために使いましょう。
また、RuffRuff 目次作成はShopifyテーマに不要なソースコードを作成することもありません。一度インストールしてみて、合わない場合はアンインストールしてもらっても大丈夫です。
RuffRuff 目次作成の機能や料金プランを知りたい方は下記のページをご参考にしてください。 Shopifyに目次を自動生成するアプリ「RuffRuff...
Tsun Inc. CTOの小笠原です!今回はShopify APIをPostmanで簡単に実行するノウハウをまとめました。 Shopify APIに限...
EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。
掲載している各種情報は、株式会社Tsunが調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。
{"one"=>"比較する2つまたは3つのアイテムを選択します", "other"=>"選択された3つのアイテムの{{ count }}"}