Shopifyで税込価格と税抜価格を併記して軽減税率にも対応できるアプリについて徹底解説|ご利用ガイド

株式会社UnReactのアイコン
株式会社UnReact

はじめに

Shopify は、ネットショップを作って運営するためのサービスです。商品の登録から決済・発送までをひとつの管理画面で扱えて、足りない機能は「Shopify アプリ」を入れて追加できます。

たとえば、こんな場面を想像してください。法人のお客様から「見積もりに使いたいので、税抜の本体価格を教えてください」と問い合わせが来る。ストアは総額表示のために税込で表示しているので、商品ページには税込価格しか出ていません。あるいは食品を扱っていて、お弁当は 8%、保冷バッグは 10% と税率が混ざっているため、商品ごとに税抜価格を手で書き添えている。

UR: Dual Price Tax Display」は、このような Shopify ストアで、税込価格と税抜価格を並べて表示する(併記する) アプリです。商品ページと、コレクション・検索結果の一覧に並ぶ商品カードの両方に、テーマが出している価格の「もう一方」を自動で添えます。標準税率と軽減税率を使い分けられるので、8% と 10% が混ざる食品・酒類のストアでも、商品ごとに正しい金額を出せます。

表示の文言は「(税抜価格 ¥10,000)」「(うち消費税額等 ¥1,000)」「(税抜価格 ¥10,000、消費税率 10%)」のように、国税庁が例として示している形から選べます。テーマのコードは書き換えず、管理画面は 20 言語に対応しています。

料金は 月額 $4.99 です。年払いにすると 年額 $49.99 で、実質 2 か月分お得になります。インストールから 7 日間は無料でお試しいただけます。

アプリストア: UR: Dual Price Tax Display

UR: Dual Price Tax Display のメイン画像。商品ページに税込と税抜の価格が並んで表示されている


「UR: Dual Price Tax Display」でできること

このアプリは、Shopify ストアの価格表示に「もう一方の価格」を足します。税込で表示しているストアなら税抜価格を、税抜で表示しているストアなら税込価格を併記します。実際に請求される金額は変えず、あくまで表示のための計算だけを行います。

主な特徴は次の 5 つです。

  1. 商品ページと、コレクション・検索結果の一覧に、もう一方の価格を併記できる
  2. 標準税率と軽減税率を設定でき、市場(マーケット)ごとに税率を変えることもできる
  3. 軽減税率の対象を、コレクション・タグ・商品ごとに指定できる
  4. お客様が税込と税抜の表示を切り替えられるボタンを置ける
  5. 管理画面のボタンから、テーマに簡単に追加できる

商品ページに税込・税抜を並べて表示できる

商品ページの価格の近くに、もう一方の価格が 1 行で表示されます。バリエーション(サイズや色)を切り替えると、併記の金額も追いかけて変わります。

商品ページで、価格の下に税込価格と税率が併記されている掲載画像

コレクションや検索結果の一覧にも併記できる

一覧に並ぶ商品カードの価格の下にも、併記が入ります。一覧のページを送っても、並んでいる商品ごとに正しい税率で計算します。

コレクション一覧の各商品カードに併記が出ている掲載画像

標準税率と軽減税率を使い分けられる

Shopify は税率をストアフロント(お客様が見る画面)に公開していないため、併記に使う税率はアプリの管理画面で指定します。軽減税率を使う設定にすると、指定した商品だけ軽減税率で計算します。

税率の設定画面で標準税率 10 と軽減税率 8 を入力している掲載画像

文言や見た目をコードなしで調整できる

どちらの価格を主にするか、どの文言で併記するか、端数をどう処理するかを管理画面で選べます。文字の大きさや色、配置はテーマエディタで調整できます。

表示の設定画面でプレビューを見ながら併記の形を選んでいる掲載画像

ボタンからテーマに追加できる

アプリの「設定」画面にあるボタンを押すと、テーマエディタが開いて、併記を表示する部品が追加された状態になります。

設定画面のテーマへの追加カードに、商品ページとコレクションページの商品カードの 2 つのボタンが並んでいる掲載画像


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

ここからは、アプリをストアに入れる手順です。Shopify アプリ共通の手順なので、一度覚えれば他のアプリでも同じように入れられます。

  1. Shopify 管理画面の左下にある「設定」を開きます。

Shopify 管理画面の左下にある設定メニュー

  1. 「アプリと販売チャネル」を開き、「Shopify App Store」を開きます。

設定のアプリと販売チャネルから Shopify App Store を開く画面

  1. App Store の検索窓に「UR: Dual Price Tax Display」と入力して検索し、一覧からこのアプリを開きます。

Shopify App Store で UR: Dual Price Tax Display を検索した結果の画面

  1. アプリの詳細ページで「インストール」を押します(すでにインストールしている場合は「開く」と表示されます)。

UR: Dual Price Tax Display のアプリ詳細ページ。左に価格設定と開くボタンがある

  1. アプリが使う権限の確認画面が出るので、内容を確認して「インストール」を押します。

このアプリが求める権限は、商品の読み取りと書き込み(軽減税率の対象商品に目印を付けるため)、マーケットの読み取り(市場ごとの税率を設定するため)、テーマの読み取り(テーマに追加済みかを確かめるため)の 4 つだけです。お客様の個人情報や注文には一切触れません。


まず最初にやる設定|インストール直後に併記を出すまで

インストールしただけでは、ストアには何も表示されません。次の 4 つの手順で、併記が出る状態になります。

🚨 いちばん大事なのは手順 2 です。 アプリの管理画面で一度も「保存する」を押していないと、テーマに追加してもストアには何も出ません(テーマエディタのプレビューには「アプリの管理画面で税率を設定してください。」と表示されます)。設定を変えるつもりがなくても、一度は保存してください。

  1. 税率を確かめる — 左のメニューの「税率の設定」を開き、「標準税率(%)」が 10 になっていることを確かめます。食品などを扱う場合は、「軽減税率を使う」にチェックを入れ、対象を指定します(詳しくは後述)。「保存する」を押します。
  2. 表示の設定を保存する — 「併記表示の設定」を開き、「表示のプレビュー」を見ながら文言を選んで、「保存する」を押します。
  3. 商品ページに追加する — 「設定」を開き、「テーマへの追加」の「商品ページに追加」を押します。テーマエディタが新しいタブで開き、商品ページにブロックが追加された状態になるので、右上の「保存」を押します。
  4. 一覧にも出す — 同じ画面の「コレクションページの商品カードに追加」を押します。テーマエディタの「埋め込みアプリ」でこのアプリがオンになった状態で開くので、ここでも右上の「保存」を押します。

テーマエディタの「保存」を押すまでは、公開中のストアには反映されません。オンに見えていても、保存していなければ反映されていない点に注意してください。


管理画面でできること

アプリの管理画面は、左のメニューから開く 3 つの画面(「併記表示の設定」「税率の設定」「設定」)と、日本語で表示しているときだけ出る「よくある質問」でできています。

「併記表示の設定」で併記の文言と計算方法を選べる

アプリを開くと最初に表示される画面です。どちらの価格を主にするか、どんな文言で併記するか、端数をどう処理するかをここで決めます。ここで決めた内容は、商品ページと一覧の両方に同じように効きます。

併記表示の設定画面。表示の設定カードに併記を表示する・表示のプレビュー・主にする価格・併記の文言・端数の処理が並んでいる

テーマにまだ追加していないときは、画面の上に黄色いお知らせが出ます。「商品ページにアプリブロックが追加されていません。」「一覧用のアプリ埋め込みが有効になっていません。」のうち、足りないほうが表示されます。お知らせの「設定を開く」を押すと「設定」画面へ移動するので、そこから追加してください。両方とも追加済みなら、このお知らせは出ません。

併記を表示する

併記を出すかどうかを切り替えます。初期状態はオン(チェックあり)です。チェックを外して保存すると、ストアのすべての場所から併記が消えます。テーマからブロックを外さずに一時的に止めたいときに便利です。

表示のプレビュー

いまの設定で、併記がどう見えるかを確かめられます。「税込表示のストアの場合」と「税抜表示のストアの場合」の 2 通りが並びます。これは、ストアが税込で表示されるか税抜で表示されるかは、お客様の国(市場)によって変わるためです。

プレビューは、標準税率と 1,000(ストアの通貨)の価格を例にしています。選択肢を変えるとその場で書き換わるので、保存する前に見た目を確かめられます。

主にする価格

テーマが出している価格と、アプリが併記する価格のどちらを「主」にするかを決めます。選択肢は次の 3 つです。

選択肢意味
ストアの税表示設定に合わせる(推奨)初期値です。税込で表示しているストアなら税込を主にして税抜を併記し、税抜で表示しているストアなら税抜を主にして税込を併記します
税込を主にする常に税込を主として扱います
税抜を主にする常に税抜を主として扱います

テーマが出している価格そのものは、Shopify の税設定で決まります。アプリはその価格を書き換えず、もう一方を添えるだけです。そのため、テーマの価格の隣に併記だけを出す形(後述の「もう一方の価格だけ表示」)で使うときは、「ストアの税表示設定に合わせる(推奨)」のままにしてください。ほかを選ぶと、テーマの価格と同じ金額を併記してしまうことがあります。

併記の文言

併記をどの文言で出すかを選びます。日本語のストアでは、次のように表示されます(税込が主の場合)。

選択肢表示の例(税込主)表示の例(税抜主)
もう一方の価格を併記する(初期値)(税抜価格 ¥10,000)(税込価格 ¥11,000)
消費税額を併記する(うち消費税額等 ¥1,000)(うち消費税額等 ¥1,000)
もう一方の価格と税率を併記する(税抜価格 ¥10,000、消費税率 10%)(税込価格 ¥11,000、消費税率 10%)
独自の文言にする自分で入力した文言自分で入力した文言

上の 3 つは、国税庁が総額表示の例として示している形に沿っています。ストアフロントではお客様が見ている言語で表示されます(英語なら「(excl. tax $10.00)」のように出ます)。

独自の文言

「併記の文言」で「独自の文言にする」を選んだときだけ表示される入力欄です。文言の中に次の 4 つの記号を書くと、実際の値に置き換わります。

記号置き換わる値
{price}主の価格
{other}もう一方の価格(税込が主なら税抜価格、税抜が主なら税込価格)
{tax}消費税額
{rate}税率

画面の補足には「{other} は税込価格」と書かれていますが、実際には上の表のとおりもう一方の価格に置き換わります。税込で表示しているストアでは税抜価格になるので、「本体価格 {other}」のように書くと、税抜で表示される国で誤った表記になります。どちらの国でも正しく読める文言にするなら、「(消費税 {tax}・税率 {rate}%)」のように {tax}{rate} を使うのがおすすめです。

併記の文言で独自の文言にするを選び、独自の文言欄に消費税と税率の記号を入力している画面。プレビューも入力に合わせて変わっている

独自の文言を空欄のまま「保存する」を押すと、「独自の文言を入力してください」と表示され、保存されません。空の文言で保存すると併記が消えてしまうため、保存の前に止めています。

独自の文言が空のまま保存しようとして、独自の文言を入力してくださいというエラーが出ている画面

端数の処理

税込から税抜へ(または税抜から税込へ)計算したときに出る 1 円未満(通貨の最小単位未満)の端数を、どう丸めるかを選びます。選択肢は「四捨五入」(初期値)「切り捨て」「切り上げ」の 3 つです。消費税の端数処理はお店ごとに方針が違うので、会計の方針に合わせて選んでください。

買い手が税込・税抜を切り替えられるようにする

オンにすると、商品ページの併記の横に「税込/税抜」ボタンが出て、お客様が主と従を入れ替えられるようになります。初期値はオフです。

  • 切り替えても、税込価格は必ずどちらかに表示されます。総額表示の義務を満たせない状態にはなりません
  • このボタンは、テーマエディタの「表示の形」を「主従そろえて表示」にしたブロックでだけ出ます。「もう一方の価格だけ表示」のときは、テーマが出している主の価格をアプリが入れ替えられないため、ボタンは出ません
  • ボタンが出るのは商品ページのアプリブロックだけで、一覧の商品カードや、埋め込みアプリが代わりに出す商品ページの併記には出ません

設定を保存する

「保存する」を押すと設定が保存され、画面の下に「保存しました」と表示されます。画面の一番下には「このアプリは表示のための計算のみを行います。実際に請求される金額は Shopify の税設定に従います。」という注意書きがあります。アプリはチェックアウトの金額や Shopify の税計算には一切関わりません。

併記表示の設定画面の下部。買い手が税込・税抜を切り替えられるようにするのチェック、保存するボタン、注意書きのバナー

「税率の設定」で標準税率と軽減税率を使い分けられる

併記の計算に使う税率と、軽減税率を当てる商品を決める画面です。左のメニューの「税率の設定」から開きます。

税率の設定画面。税率カードに標準税率と軽減税率、市場ごとの税率カードに Canada と United States の入力欄がある

税率

「Shopify は税率をストアフロントに公開していないため、併記に使う税率はこちらで指定します。」とあるとおり、Shopify の税設定から税率を自動で読み取ることはできません。ここで入力した値だけが併記の計算に使われます。

項目内容
標準税率(%)ほとんどの商品に使う税率です。初期値は 10 です
軽減税率を使うチェックを入れると、軽減税率の入力欄と「軽減税率の対象」カードが表示されます。初期値はオフです
軽減税率(%)軽減税率の対象にした商品に使う税率です。初期値は 8 です

税率は 0〜100 の範囲で、小数第 1 位まで入力できます(例: 8.5)。小数第 2 位以下まで入れると「小数第1位までで入力してください」と表示され、保存されません。「軽減税率を使う」にチェックを入れたまま軽減税率を空欄にすると、「軽減税率を入力してください」と表示されます。

市場ごとの税率

Shopify の「マーケット」でほかの国にも販売しているときに、国(市場)ごとに税率を変えられます。マーケットごとに「標準税率(%)」と、軽減税率を使う場合は「軽減税率(%)」の欄が並びます。

空欄のままにすると、上の「税率」で指定した値を使います。たとえば日本は 10% / 8%、ドイツ向けのマーケットだけ 19% / 7% にしたい、という使い方ができます。どのマーケットの税率を使うかは、お客様がいま見ている市場で自動的に決まります。

画面に並ぶマーケットは最大 50 件です。51 件以上ある場合、画面に出ていないマーケットの設定は、保存しても消えずに残ります。

軽減税率の対象

「軽減税率を使う」にチェックを入れたときだけ表示されます。軽減税率を当てる商品を、3 つの方法で指定できます。組み合わせて使うこともできます。

軽減税率の対象カード。コレクションで指定に Hydrogen が選ばれ、タグで指定の入力欄、商品を個別に指定の商品を選ぶボタンがある

判定は「商品の個別指定が最も優先されます。次にコレクション、最後にタグの順で判定します。」と画面にあるとおりです。どれにも当てはまらない商品は、標準税率で計算されます。

コレクションで指定

「コレクションを選ぶ」を押すと、Shopify の「コレクションを追加」画面が開きます。軽減税率にしたいコレクションにチェックを入れて「追加」を押すと、コレクション名が画面に並びます。コレクション名の「×」を押すと外せます。

選んだコレクションに入っている商品は、すべて軽減税率で計算されます。「食品」「飲料」のようなコレクションをすでに作っているストアなら、これがいちばん手軽です。あとからコレクションに商品を足しても、自動で軽減税率になります。

コレクションを選ぶを押して開いたコレクションを追加画面。Hydrogen にチェックが入っている

タグで指定

商品タグで指定します。入力欄にタグを入力すると「追加 〇〇」という候補が出るので、それを選ぶと追加されます。「商品タグを入力して追加してください。大文字・小文字は区別しません。」とあるとおり、「Food」と「food」は同じものとして扱われます。

候補に出るのは、この画面で一度登録したタグだけで、ストアにあるタグの一覧は出てきません。商品に付けているタグと同じ文字を、正確に入力してください。

タグで指定の入力欄に food と入力し、追加 food という候補が出ている画面

商品を個別に指定

「商品を選ぶ」を押すと、Shopify の「商品を追加」画面が開きます。軽減税率にしたい商品にチェックを入れて「追加」を押します。コレクションやタグでまとめられない商品を 1 つずつ足したいときに使います。

商品を選ぶを押して開いた商品を追加画面。商品の一覧と検索欄が並んでいる

画面に「Shopify の商品編集画面からも「Tax class」で直接指定できます。」とあるとおり、ここで商品を保存すると、Shopify の商品編集画面のメタフィールドに「Tax class (Dual Price Display)」という欄ができます。値は reduced(軽減税率)と standard(標準税率)から選べます。商品の一括編集や CSV でもまとめて設定できるので、商品数が多いストアに向いています。

商品編集画面で standard を選んだ商品は、軽減税率のコレクションやタグに入っていても標準税率で計算されます。「食品コレクションに入っているけれど、この保冷バッグだけは 10%」という例外を作りたいときに使えます。

商品編集画面で指定を外した商品は、次にこの画面を開いたときに一覧から自然に消えます。

税率を保存する

画面の一番下の「保存する」を押すと保存され、「保存しました」と表示されます。軽減税率の対象にした商品には 25 件ずつ目印を書き込むため、商品数が多いと少し時間がかかります。途中で失敗したときは「商品の税率区分の保存に失敗しました」と表示されます。その場合は、もう一度「保存する」を押せば全件そろいます。

税率の設定で保存するを押し、保存しましたというメッセージが出ている画面

「設定」でテーマへの追加と言語の切り替えができる

テーマに併記を追加する入口と、管理画面の言語設定がある画面です。左のメニューの「設定」から開きます。

設定画面のテーマへの追加カード。テーマを選択、商品ページ、コレクションページの商品カード、テーマをプレビューが並んでいる

テーマへの追加

項目内容
テーマを選択追加する先のテーマを選びます。初期状態では公開中のテーマが選ばれていて、名前の後ろに「(公開中のテーマ)」と付きます。公開前のテーマで試したいときは、ここで切り替えます
商品ページ / 商品ページに追加押すとテーマエディタが新しいタブで開き、商品ページのテンプレートの商品情報セクションに「税込・税抜 併記表示」ブロックが追加された状態になります。テーマエディタの「保存」を押すと確定します
コレクションページの商品カード / コレクションページの商品カードに追加押すとテーマエディタがコレクションページで開き、「埋め込みアプリ」でこのアプリがオンになった状態になります。コレクション一覧と検索結果の商品カードに併記が出るようになります。こちらも「保存」を押すと確定します
テーマをプレビュー選んだテーマの商品ページを、新しいタブでプレビューします

テーマのバージョンによっては、「テーマを選択」が空欄になることがあります。そのときは、後述の「テーマエディタで設定を調整する」の手順で、テーマエディタから手動で追加してください。

🚨 「商品ページに追加」は、1 回だけ押してください。 押すたびに新しいブロックが 1 つずつ追加されるため、2 回押して両方保存すると、商品ページに併記が 2 行出ます。二重に出てしまったときは、テーマエディタで余分なブロックを削除してください。

言語設定

アプリの管理画面の表示言語を選べます。「言語を選択」で言語を選び、「変更する」を押すと切り替わります。対応言語は日本語・英語・ドイツ語・フランス語など 20 言語です。

この設定は、いま使っているブラウザに保存されます。別のパソコンやブラウザで開いたときは、改めて選んでください。管理画面の言語を変えても、ストアフロントの併記の言語は変わりません(ストアフロントはお客様が見ている言語で表示されます)。

おすすめアプリ

言語設定の下には、同じ開発元の Shopify アプリが並びます。右上の「×」で閉じられます。

設定画面の言語設定カードと、その下のおすすめアプリの一覧


テーマエディタで設定を調整する

併記の見た目(文字の大きさ・色・配置・余白)は、テーマエディタで調整します。計算の内容(主従・文言・税率)は管理画面、見た目はテーマエディタ、と役割が分かれています。

併記を出す部品は 2 つあります。

部品出す場所テーマエディタでの場所
税込・税抜 併記表示(アプリブロック)商品ページ商品ページのテンプレート > 商品情報セクションの中
税込・税抜 併記表示(埋め込みアプリ)コレクション・検索結果の一覧左上の「埋め込みアプリ」

商品ページのブロックで、併記の見た目を決められる

テーマエディタ上部のページ選択で「商品」>「デフォルトの商品」を開くと、左の「テンプレート」の「商品情報」の中に「税込・税抜 併記表示」ブロックがあります。これをクリックすると、設定パネルが開きます。

テーマエディタの左パネル。商品情報セクションを開くと、タイトルや商品価格と並んで税込・税抜 併記表示ブロックがある

ブロックは、左パネルでドラッグして好きな位置へ動かせます。「商品価格」のすぐ下に置くと、価格と併記がひとまとまりに見えて読みやすくなります。

手動で追加するときは、「商品情報」の「ブロックを追加」から「アプリ」の「税込・税抜 併記表示」を選びます。

このブロックは商品ページ専用です。ほかのページや、ホームページの「特集コレクション」の商品カードの中に置いても、商品を特定できないため何も表示されません(テーマエディタでは「このブロックは商品ページに置いてください。一覧の商品カードの中では商品を特定できません。」と表示されます)。一覧に出したいときは、次の「埋め込みアプリ」を使います。

表示設定

税込・税抜 併記表示ブロックの設定パネル。表示設定の表示の形、文字設定の文字の大きさ・テーマの文字色を使う・文字の色・テキスト配置が並んでいる

表示の形では、併記をどう出すかを選びます。

選択肢表示向いている置き方
もう一方の価格だけ表示(初期値)(税抜価格 ¥10,000)テーマの価格のすぐ下に置くとき
主従そろえて表示¥11,000(税抜価格 ¥10,000)価格から離れた場所に置くとき、または総額をもう一度はっきり見せたいとき

「買い手の切替トグルは「主従そろえて表示」のときだけ効きます。」とあるとおり、管理画面で「買い手が税込・税抜を切り替えられるようにする」をオンにしていても、ボタンが出るのは「主従そろえて表示」のときだけです。

下の画像は、「主従そろえて表示」に切り替えたときのプレビューです。併記の行に、主の価格($10.00)も並んでいます。

表示の形を主従そろえて表示に変えたテーマエディタ。プレビューの併記が主の価格と税込価格の両方を含む 1 行になっている

文字設定

項目内容初期値
文字の大きさ10〜24px の範囲を 1px 刻みで選べます14px
テーマの文字色を使うオンにすると、テーマの文字色をそのまま使います。暗い背景のテーマでも読める色になりますオン
文字の色「上のチェックを外したときに使われます。」とあるとおり、「テーマの文字色を使う」をオフにしたときだけ効きます#6B7280(グレー)
テキスト配置「左揃え」「中央揃え」「右揃え」から選べます。テーマの価格が中央揃えなら「中央揃え」に合わせます左揃え

併記を価格より控えめに見せたいときは、文字の大きさを価格より 2〜4px 小さくし、グレー系の色にするのがおすすめです。

余白設定

項目内容初期値
上部余白併記の上の余白です。0〜40px を 1px 刻みで選べます4px
下部余白併記の下の余白です。0〜40px を 1px 刻みで選べます0px

税込・税抜 併記表示ブロックの設定パネルの下部。テキスト配置、余白設定の上部余白・下部余白、追加設定の追加のCSS が並んでいる

追加設定

追加のCSS には、併記の見た目をさらに細かく変えたいときに CSS を書けます。「検証機能でカスタマイズしたい要素のクラス名を確認して CSS を上書きしてください。」とあるとおり、ブラウザの検証機能で併記の要素のクラス名(sa231-dp など)を確かめてから書きます。

入力した CSS のうち、< の文字だけは安全のため取り除かれます。CSS として正しい { }> はそのまま使えます。

埋め込みアプリで、一覧の商品カードにも併記できる

コレクション一覧と検索結果の商品カードへの併記は、テーマエディタの左上にある「埋め込みアプリ」のアイコンから設定します。「税込・税抜 併記表示」の右のスイッチがオンになっていれば有効です。

テーマエディタの埋め込みアプリパネル。税込・税抜 併記表示のスイッチがオンになっている

アプリ名の左の「∨」を押すと、設定が開きます。

埋め込みアプリの設定を開いたところ。表示設定のコレクション・検索の一覧に表示と商品ページにも表示、文字設定、追加設定が並んでいる

表示設定

項目内容初期値
コレクション・検索の一覧に表示オンにすると、コレクションページと検索結果の商品カードに併記を出しますオン
商品ページにも表示商品ページのアプリブロックを置けないテーマのための予備です。「アプリブロックがあるページでは二重に表示されません。」とあるとおり、商品ページにブロックを置いていればそちらが優先され、ここからは出ませんオン

文字設定

項目内容初期値
文字の大きさ10〜24px の範囲を 1px 刻みで選べます13px
テーマの文字色を使うオンにすると、テーマの文字色をそのまま使いますオン
文字の色「テーマの文字色を使う」をオフにしたときだけ効きます#6B7280(グレー)

商品カードは表示幅が狭いので、商品ページより 1px 小さい 13px が初期値になっています。

追加設定

追加のCSS は、商品ページのブロックと同じく、一覧の併記の見た目を CSS で上書きするための欄です。

ストアフロントでの見え方

設定を保存すると、ストアフロントでは次のように表示されます。下の画像は税抜表示(米ドル・英語)のストアで撮ったため、税込価格が併記されています。日本語・税込表示のストアでは「(税抜価格 ¥10,000)」のように表示されます。

軽減税率(8%)の対象にした商品の商品ページです。

軽減税率の対象にした商品の商品ページ。価格 $600.00 の下に税込価格 $648.00 と税率 8% が併記されている

対象にしていない商品は、標準税率(10%)で計算されます。

標準税率の商品の商品ページ。価格 $10.00 の下に税込価格 $11.00 と税率 10% が併記されている

コレクション一覧の商品カードにも、それぞれの税率で併記されます。

コレクション一覧の 3 つの商品カードそれぞれの価格の下に、税込価格と税率 8% が併記されている


こんなときはこう設定する

税込表示の日本のストアで、法人のお客様向けに税抜価格を添えたい

いちばん多い使い方です。

  • 主にする価格: ストアの税表示設定に合わせる(推奨)
  • 併記の文言: もう一方の価格を併記する
  • 表示の形: もう一方の価格だけ表示
  • ブロックの位置: 「商品価格」のすぐ下

商品ページは「¥11,000(テーマの価格)」の下に「(税抜価格 ¥10,000)」が出る形になります。

食品と雑貨を扱っていて、8% と 10% が混ざる

  • 「税率の設定」で「軽減税率を使う」にチェックを入れ、軽減税率を 8 にする
  • 食品をまとめたコレクションがあれば「コレクションで指定」、無ければ「食品」などのタグを付けて「タグで指定」
  • 食品コレクションに入っているけれど 10% の商品(保冷バッグ・食器など)は、Shopify の商品編集画面の「Tax class (Dual Price Display)」を standard にする
  • 併記の文言: もう一方の価格と税率を併記する(税率も見えるので、お客様がどちらの税率か分かります)

消費税額をはっきり見せたい

  • 併記の文言: 消費税額を併記する

「¥11,000(うち消費税額等 ¥1,000)」の形になります。税込が主のままでも、内訳の消費税額が分かります。

お客様に税込・税抜を切り替えてもらいたい

  • 「併記表示の設定」で「買い手が税込・税抜を切り替えられるようにする」をオンにして保存する
  • テーマエディタのブロックで「表示の形」を「主従そろえて表示」にする
  • テーマ側の価格と二重に見える場合は、ブロックを価格から少し離れた場所に置く

切り替えても、税込価格はどちらの並びにも必ず含まれます。


うまく表示されないときは

ストアに併記が 1 つも出ない

次の順に確かめてください。

  1. 管理画面で一度も保存していない — 「併記表示の設定」と「税率の設定」で、それぞれ「保存する」を押したか確かめます。一度も保存していないと、アプリの設定がストアに届かず、何も表示されません
  2. 「併記を表示する」がオフになっている — 「併記表示の設定」のチェックを確かめます
  3. テーマに追加していない、または保存していない — アプリを開いたときに黄色いお知らせが出ていれば、未追加です。「設定を開く」から追加し、テーマエディタで「保存」を押します。追加したテーマが「公開中のテーマ」かどうかも確かめてください
  4. 反映待ち — ストアのページは一時的に保存(キャッシュ)されることがあります。数分待ってから、ページを読み直してください

商品ページに併記が 2 行出る

「商品ページに追加」を 2 回以上押して、ブロックが 2 つ追加されています。テーマエディタで商品ページを開き、「商品情報」の中に「税込・税抜 併記表示」が 2 つあれば、1 つを選んで「ブロックを削除」を押し、保存してください。

一覧(コレクションページ)にだけ出ない

  • テーマエディタの「埋め込みアプリ」で「税込・税抜 併記表示」がオンになっているか、「コレクション・検索の一覧に表示」がオンになっているかを確かめます
  • 「さらに読み込む」や無限スクロールで後から追加された商品には、軽減税率を使っている場合、併記が出ないことがあります。後から読み込まれた商品の税率をアプリが判断できないため、誤った金額を出すよりも出さないようにしているためです。軽減税率を使っていなければ、標準税率で併記されます。ページ番号で切り替えるテーマ(多くのテーマの初期設定)では、この制限はありません

軽減税率にしたはずの商品が標準税率になる

  • 「税率の設定」で「軽減税率を使う」にチェックが入っているか確かめます。チェックが外れていると、コレクションやタグの指定は使われません
  • その商品の Shopify 商品編集画面で「Tax class (Dual Price Display)」が standard になっていないか確かめます。商品の個別指定は、コレクションやタグより優先されます
  • タグで指定した場合は、商品に付いているタグと文字が一致しているか確かめます(大文字・小文字の違いは問題ありません)

併記の金額が 1 円ずれる

「端数の処理」の選び方で、1 円(通貨の最小単位)単位の差が出ます。お店の会計方針に合わせて「四捨五入」「切り捨て」「切り上げ」を選び直してください。

「税込/税抜」の切り替えボタンが出ない

管理画面で「買い手が税込・税抜を切り替えられるようにする」をオンにして保存したうえで、テーマエディタのブロックの「表示の形」を「主従そろえて表示」にしてください。一覧の商品カードには、このボタンは出ません。


よくある質問

カートやチェックアウトにも併記できますか?

いいえ。併記を出せるのは、商品ページとコレクション・検索結果の一覧です。カートは現在対象外です。チェックアウトの画面には、Shopify の仕様でアプリの表示を追加できません。

実際に請求される金額や、Shopify の税計算は変わりますか?

変わりません。このアプリは表示のための計算だけを行います。請求される金額は、これまでどおり Shopify の税設定に従います。

Shopify の税設定の税率を自動で使えませんか?

使えません。Shopify は税率をストアフロントに公開していないため、併記に使う税率はアプリの「税率の設定」で入力する必要があります。税率を変更した場合は、Shopify とアプリの両方を忘れずに変えてください。

税込表示と税抜表示のどちらのストアでも使えますか?

使えます。「主にする価格」が「ストアの税表示設定に合わせる(推奨)」のとき、税込で表示されるお客様には税抜を、税抜で表示されるお客様には税込を自動で併記します。どちらで表示されるかはお客様の国(市場)によって変わりますが、アプリが自動で判断します。

英語など、日本語以外のストアでも使えますか?

使えます。ストアフロントの併記は、お客様が見ている言語で表示されます。管理画面も 20 言語に対応しています。

テーマのコードは書き換えられますか?アンインストールしたら元に戻りますか?

テーマのコードは一切書き換えません。アプリブロックと埋め込みアプリという、Shopify が用意している仕組みだけで表示しています。アプリをアンインストールすると、併記は表示されなくなります。

「よくある質問」のメニューが見当たりません

管理画面の左メニューの「よくある質問」は、管理画面を日本語で表示しているときだけ出ます。


おわりに

「UR: Dual Price Tax Display」は、Shopify ストアで税込・税抜価格を併記するためのアプリです。

  • 商品ページとコレクション・検索結果の一覧に、テーマの価格の「もう一方」を自動で添えられる
  • 標準税率と軽減税率を使い分け、コレクション・タグ・商品ごとに対象を指定できる
  • 国税庁の例に沿った文言から選べ、見た目はテーマエディタで調整できる

総額表示を守りながら、法人のお客様にも本体価格をきちんと伝えたいストアに向いています。

料金は月額 $4.99(年額 $49.99)で、インストールから 7 日間は無料でお試しいただけます。

アプリストア: UR: Dual Price Tax Display

UR: Dual Price Tax Display のメイン画像。税込と税抜の価格を並べて表示できることを示している

目次
目次
  1. はじめに
  2. 「UR: Dual Price Tax Display」でできること
  3. 商品ページに税込・税抜を並べて表示できる
  4. コレクションや検索結果の一覧にも併記できる
  5. 標準税率と軽減税率を使い分けられる
  6. 文言や見た目をコードなしで調整できる
  7. ボタンからテーマに追加できる
  8. アプリのインストール方法
  9. まず最初にやる設定|インストール直後に併記を出すまで
  10. 管理画面でできること
  11. 「併記表示の設定」で併記の文言と計算方法を選べる
  12. 「税率の設定」で標準税率と軽減税率を使い分けられる
  13. 「設定」でテーマへの追加と言語の切り替えができる
  14. テーマエディタで設定を調整する
  15. 商品ページのブロックで、併記の見た目を決められる
  16. 埋め込みアプリで、一覧の商品カードにも併記できる
  17. ストアフロントでの見え方
  18. こんなときはこう設定する
  19. 税込表示の日本のストアで、法人のお客様向けに税抜価格を添えたい
  20. 食品と雑貨を扱っていて、8% と 10% が混ざる
  21. 消費税額をはっきり見せたい
  22. お客様に税込・税抜を切り替えてもらいたい
  23. うまく表示されないときは
  24. ストアに併記が 1 つも出ない
  25. 商品ページに併記が 2 行出る
  26. 一覧(コレクションページ)にだけ出ない
  27. 軽減税率にしたはずの商品が標準税率になる
  28. 併記の金額が 1 円ずれる
  29. 「税込/税抜」の切り替えボタンが出ない
  30. よくある質問
  31. カートやチェックアウトにも併記できますか?
  32. 実際に請求される金額や、Shopify の税計算は変わりますか?
  33. Shopify の税設定の税率を自動で使えませんか?
  34. 税込表示と税抜表示のどちらのストアでも使えますか?
  35. 英語など、日本語以外のストアでも使えますか?
  36. テーマのコードは書き換えられますか?アンインストールしたら元に戻りますか?
  37. 「よくある質問」のメニューが見当たりません
  38. おわりに

recommendおすすめ記事

シンプル原産国表示|お手軽製造国・原産地ラベルのアイコン
アプリ解説

Shopifyで商品ページに原産国・製造国を国旗バッジで表示できるアプリについて徹底解説|ご利用ガイド

シンプル追従電話ボタン|お手軽お問い合わせ・電話サポートのアイコン
アプリ解説

Shopifyで電話・LINE・WhatsAppの追従ボタンを全ページに表示できるアプリについて徹底解説|ご利用ガイド

シンプルメガメニュー|お手軽ヘッダー階層ナビゲーションのアイコン
アプリ解説

Shopifyでヘッダーに複数列のメガメニューを表示できるアプリについて徹底解説|ご利用ガイド

シンプル商品単価表示|お手軽単位価格表示のアイコン
アプリ解説

Shopifyで販売する国ごとに見慣れた単位で「100gあたり」の単位価格を表示できるアプリについて徹底解説|ご利用ガイド

シンプル商品画像透かし|お手軽ウォーターマークのアイコン
アプリ解説

Shopifyで商品画像にロゴやテキストの透かしを入れられるアプリについて徹底解説|ご利用ガイド

シンプルマイページバナー|お手軽顧客アカウント画像のアイコン
アプリ解説

Shopifyで顧客アカウント(マイページ)に画像バナーを表示できるアプリについて徹底解説|ご利用ガイド

シンプルチェックアウト注文制限|お手軽購入制限ルールのアイコン
アプリ解説

Shopifyでカートとチェックアウトの注文を条件で制限できるアプリについて徹底解説|ご利用ガイド

シンプルQRコード|お手軽QRコード作成・印刷アプリのアイコン
アプリ解説

ShopifyでQRコードを作成して商品タグやチラシ・ポスターに印刷できるアプリについて徹底解説|ご利用ガイド

シンプル栄養成分・アレルギー表示|食品表示のアイコン
アプリ解説

Shopifyで商品ページに栄養成分表示とアレルゲンを表示できるアプリについて徹底解説|ご利用ガイド

シンプルソーシャルギフト|LINE・SNSで贈れるプレゼントのアイコン
アプリ解説

Shopify で住所不要のeギフトを贈れる「シンプルソーシャルギフト|LINE・SNSで贈れるプレゼント」のご利用ガイド

シンプルダークモード|お手軽配色切り替え・目に優しい表示のアイコン
アプリ解説

Shopify にダークモードを追加できる「シンプルダークモード|お手軽配色切り替え・目に優しい表示」のご利用ガイド

シンプルカスタムマウスカーソル|お手軽ポインターカスタマイズのアイコン
アプリ解説

Shopify のマウスカーソルをノーコードで変えられる「シンプルカスタムマウスカーソル」ご利用ガイド

シンプル商品見積もり依頼|価格非表示・B2B対応・法人向けのアイコン
アプリ解説

Shopify で価格を非表示にして見積もり依頼を受け付ける「シンプル商品見積もり依頼」ご利用ガイド

シンプル一括注文帳票印刷|PDF・インボイス・請求書対応のアイコン
アプリ解説

Shopify の注文から領収書・請求書を一括印刷できる「シンプル一括注文帳票印刷」ご利用ガイド

シンプル低在庫アラート|在庫管理・在庫切れ通知・欠品防止のアイコン
アプリ解説

Shopify の在庫が減ったらメール・Slack で知らせる「シンプル低在庫アラート」ご利用ガイド

シンプル領収書セルフ発行|PDF・請求書・インボイス対応のアイコン
アプリ解説

Shopify で領収書・請求書を購入者が自分で発行できる「シンプル領収書セルフ発行」ご利用ガイド

シンプル検索0件対策|おすすめ商品レコメンド・関連商品表示のアイコン
アプリ解説

Shopify のストア内検索が 0 件でも離脱させない「シンプル検索0件対策」ご利用ガイド

シンプルカート同期|お手軽デバイス間カート自動同期のアイコン
アプリ解説

Shopifyでログイン顧客のカートを端末間で自動同期できるアプリについて徹底解説|ご利用ガイド

シンプル商品絞り込みカスタマイズ|コレクション検索・並び替えのアイコン
アプリ解説

Shopifyでコレクションページに絞り込み・検索・並び替えを追加できるアプリについて徹底解説|ご利用ガイド

シンプルレストランメニュー|商品をメニュー形式で表示のアイコン
アプリ解説

Shopifyでコレクションの商品をレストランメニュー風に表示できるアプリについて徹底解説|ご利用ガイド

シンプルパララックス|お手軽スクロールアニメーションのアイコン
アプリ解説

Shopifyでスクロールアニメーションやパララックスを表示できるアプリについて徹底解説|ご利用ガイド

シンプル予約システム|来店日時指定・イベント予約カレンダーのアイコン
アプリ解説

Shopify で来店予約を受け付ける「シンプル予約システム|来店日時指定・イベント予約カレンダー」ご利用ガイド

シンプル追従営業日カレンダー|お手軽追従休業日設定のアイコン
アプリ解説

Shopifyで休業日を設定して画面に追従する営業日カレンダーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル店舗受け取り|お手軽ローカルピックアップのアイコン
アプリ解説

Shopify で簡単に店舗受け取り|ローカルピックアップを取り入れることができるアプリを徹底解説|ご利用ガイド

シンプル注文履歴おすすめ商品|お手軽マイページアップセルのアイコン
アプリ解説

Shopify で新しいお客様アカウント向けにマイページでおすすめ商品を表示できるアプリを徹底解説|ご利用ガイド

シンプルフォーム一体型LP|お手軽チャットボット購入のアイコン
アプリ解説

Shopifyでフォーム一体型LPを導入して、チャットボット購入を行う方法を徹底解説|ご利用ガイド

シンプル商品メタフィールドCSVインポート・エクスポートのアイコン
アプリ解説

Shopifyで商品メタフィールドをCSVでインポート・エクスポートできるアプリを徹底解説|ご利用ガイド

シンプル顧客メタフィールドCSVインポート・エクスポートのアイコン
アプリ解説

Shopifyで顧客メタフィールドをCSVでインポート・エクスポートできるアプリを徹底解説|ご利用ガイド

シンプル新しいお客様アカウント拡張|生年月日・追加フォームのアイコン
アプリ解説

Shopify で新しいお客様アカウント向けに生年月日入力フォームやカスタムフィールドを表示できるアプリを徹底解説|ご利用ガイド

シンプル2点目購入割引|2点目以降自動セール設定のアイコン
アプリ解説

Shopify で2点目以降の購入を自動割引できるアプリを徹底解説|ご利用ガイド

シンプル縦型ショート動画ギャラリー|お手軽動画グリッドのアイコン
アプリ解説

Shopifyで縦型ショート動画ギャラリーや動画グリッドを導入できるアプリについて徹底解説|ご利用ガイド

シンプルコレクション一覧|お手軽商品カテゴリー表示カルーセルのアイコン
アプリ解説

Shopifyでコレクション一覧や商品カテゴリーのカルーセルを表示するアプリについて徹底解説|ご利用ガイド

シンプル商品カルーセル|お手軽おすすめ商品スライダーのアイコン
アプリ解説

Shopifyで商品カルーセル・商品スライダーを導入できるアプリについて徹底解説|ご利用ガイド

シンプル商品診断&絞り込み|お手軽コレクションフィルターのアイコン
アプリ解説

Shopifyで商品絞り込み・商品診断・コレクションフィルターを導入できるアプリについて徹底解説|ご利用ガイド

シンプル特集コレクションタブ|お手軽おすすめ商品表示のアイコン
アプリ解説

Shopifyで特集コレクションタブを表示できるアプリについて徹底解説|ご利用ガイド

シンプルサンクスページLINE友だち追加のアイコン
アプリ解説

Shopify で購入後のサンクスページにLINE友だち追加ボタンを表示できるアプリを徹底解説|ご利用ガイド

会員ポイントアプリ Pro|お手軽ポイント付与のアイコン
アプリ解説

Shppifyの会員ポイントアプリについてのご利用ガイド|CSV・キャンペーン・商品別ポイント等の対応した高機能なポイントアプリ

シンプルCSV注文作成|お手軽一括注文インポートのアイコン
アプリ解説

ShopifyでCSV注文作成・一括注文インポートができるアプリについて徹底解説|ご利用ガイド

シンプル顧客情報削除|お手軽退会フォーム|アカウント削除のアイコン
アプリ解説

Shopifyでお客様自身がアカウント削除できる退会ボタンを設置できるアプリを徹底解説|ご利用ガイド

シンプル商品ページテーブル|お手軽サイズ表・ガイド・HTMLのアイコン
アプリ解説

Shopify でサイズ表やガイドをテーブル表示できるアプリを徹底解説|ご利用ガイド

シンプル Google Maps 表示|お手軽マップ埋め込みのアイコン
アプリ解説

Shopify で Google Maps を簡単に埋め込めるアプリを徹底解説|ご利用ガイド

シンプル購入後アップセル|お手軽サンクスページでクロスセルのアイコン
アプリ解説

Shopify の購入後のサンクスページでクロスセル・アップセルをできるアプリについて徹底解説|ご利用ガイド

シンプルお問い合わせフォーム|コンタクトフォームカスタマイズのアイコン
アプリ解説

Shopifyにお問い合わせフォームを簡単に設置できるアプリを徹底解説|ご利用ガイド

シンプル購入後クーポン表示|お手軽サンクスページクーポン配信のアイコン
アプリ解説

Shopifyの購入後サンクスページにクーポンを表示できるアプリを徹底解説|ご利用ガイド

シンプルテキスト付き画像|Image with Textのアイコン
アプリ解説

Shopify でテキスト付き画像(image with text)を簡単に表示できるアプリについて徹底解説|ご利用ガイド

シンプル追従メルマガ登録フォーム|追従メールマガジン購読設定のアイコン
アプリ解説

Shopifyで固定メルマガ登録フォームを簡単に設置できるアプリについて徹底解説|ご利用ガイド

シンプルタブ表示切り替え|お手軽コンテンツ出し分けのアイコン
アプリ解説

Shopifyで商品詳細・FAQ・コレクションをタブで整理できるアプリについて徹底解説|ご利用ガイド

シンプル商品仕様比較|お手軽スペック比較テーブルのアイコン
アプリ解説

Shopifyで商品比較テーブルを簡単に表示できるアプリについて徹底解説|ご利用ガイド

シンプルタブ型画像スライドショー|商品説明タブ切り替えのアイコン
アプリ解説

Shopifyで画像スライドショーをタブ切り替え表示できるアプリについて徹底解説|ご利用ガイド

シンプル年表タイムライン|お手軽会社概要 & 沿革 ご利用ガイドのアイコン
アプリ解説

Shopifyで年表タイムラインや会社概要を簡単に作成できるアプリについて徹底解説|ご利用ガイド

シンプルカードカルーセル|お手軽テキスト付き画像スライダーのアイコン
アプリ解説

Shopifyでカードカルーセルを簡単に作成できるアプリについて徹底解説|ご利用ガイド

シンプル残り僅かバッジ|お手軽コレクションページ在庫数表示のアイコン
アプリ解説

Shopifyで残り僅かバッジや在庫数をコレクション内に簡単に表示できるアプリについて徹底解説|ご利用ガイド

シンプルご利用ガイド|お手軽購入説明のアイコン
アプリ解説

Shopifyにご利用ガイドやご利用の流れを簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプルアコーディオン表示|お手軽折りたたみタブのアイコン
アプリ解説

Shopifyに折りたたみタブやアコーディオン機能を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル最後に売れた時間表示|お手軽直近購入時刻表示のアイコン
アプリ解説

Shopifyで最後に売れた時間(直近購入時刻)を表示するアプリにてついて徹底解説|ご利用ガイド

シンプルメルマガ登録ポップアップのアイコン
アプリ解説

Shopifyでメルマガ登録ポップアップを実現できるアプリについて徹底解説|ご利用ガイド

シンプル自動適用クーポン|お手軽クーポンバナーのアイコン
アプリ解説

Shopifyでクーポンバナーの自動適用を行えるアプリについて徹底解説|ご利用ガイド

シンプルお知らせスライダー|お手軽ブログ一覧スライダーのアイコン
アプリ解説

Shopifyでデザイン性の高いブログスライダーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル画像ビフォーアフター|お手軽イメージ前後比較のアイコン
アプリ解説

Shopifyで画像ビフォーアフターを表示できるアプリについて徹底解説|ご利用ガイド

シンプル画像ホットスポット|お手軽画像吹き出しのアイコン
アプリ解説

Shopifyにホットスポットつき画像を表示できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事タグ一覧|お手軽リンク付きタグ表示設定のアイコン
アプリ解説

Shopifyのブログ記事にタグ一覧を表示できるアプリについて徹底解説|ご利用ガイド

シンプル割引率表示|お手軽値引き率・ディスカウント表示のアイコン
アプリ解説

Shopifyストアに割引率を簡単に表示できるアプリについて徹底解説|ご利用ガイド

シンプル複数画像スライドショー|お手軽イメージカルーセルのアイコン
アプリ解説

Shopifyストアに複数画像のスライドショーを表示できるアプリについて徹底解説|ご利用ガイド

シンプルメルマガ登録フォーム|メールマガジン購読設定のアイコン
アプリ解説

Shopifyストアにメルマガ登録フォームを追加できるアプリを徹底解説|ご利用ガイド

シンプル商品説明タブ|お手軽折りたたみ可能な行のアイコン
アプリ解説

Shopifyストアに商品説明タブを追加できるアプリを徹底解説|ご利用ガイド

シンプル商品ページラベル表示|お手軽商品タグ一覧表示設定のアイコン
アプリ解説

Shopifyで商品ページにラベルや商品タグを表示するアプリについて徹底解説|ご利用ガイド

シンプルページ毎のポップアップ|特定画面内ポップアップのアイコン
アプリ解説

Shopifyでページごとにポップアップを表示するアプリについて徹底解説|ご利用ガイド

シンプルウェルカムポップアップクーポンアプリのアイコン
アプリ解説

Shopifyでウェルカムポップアップクーポンを実装できるアプリについて徹底解説|ご利用ガイド

シンプル離脱防止カウントダウンタイマーポップアップのアイコン
アプリ解説

Shopifyに離脱防止カウントダウンタイマーポップアップを導入できるアプリについて徹底解説|ご利用ガイド

シンプルメニューカスタマイズ|お手軽アイコンメニューのアイコン
アプリ解説

Shopifyストアにハイライトされたメニューを表示できるアプリについて徹底解説|ご利用ガイド

シンプル決済アイコン表示|お手軽ペイメントラベル設定のアイコン
アプリ解説

Shopifyストアに決済アイコンを表示できるアプリを徹底解説|ご利用ガイド

シンプルブログ読了時間目安表示|記事を読むのにかかる時間計算のアイコン
アプリ解説

Shopifyでブログ読了時間目安を表示できるアプリについて徹底解説|ご利用ガイド

シンプル画像ギャラリー|お手軽フォトグリッドのアイコン
アプリ解説

Shopifyストアに画像ギャラリーを表示できるアプリを徹底解説|ご利用ガイド

シンプルスマホナビゲーション|お手軽モバイルボトムメニューのアイコン
アプリ解説

Shopifyストアにスマホナビゲーションを追加できるアプリを徹底解説|ご利用ガイド

シンプル顧客タグ画像バナー|お手軽顧客タグに応じた広告表示のアイコン
アプリ解説

Shopifyで顧客タグに応じたリンク付き画像バナーを簡単に表示できるアプリについて徹底解説|ご利用ガイド

シンプル漫画LP|お手軽イラスト画像LPのアイコン
アプリ解説

Shopifyで漫画LPを実現できるアプリについて徹底解説|ご利用ガイド

シンプル画像LP|お手軽画像ランディングページのアイコン
アプリ解説

Shopifyで画像LPを作成できるアプリについて徹底解説|ご利用ガイド

シンプル追従今すぐ購入ボタン|お手軽追従チェックアウトのアイコン
アプリ解説

Shopifyストアに追従する今すぐ購入ボタンを表示できるアプリについて徹底解説|ご利用ガイド

シンプル追従ボタン|お手軽フローティングボタンのアイコン
アプリ解説

Shopifyストアに追従ボタンを表示できるアプリについて徹底解説|ご利用ガイド

シンプルTikTok誘導|お手軽追従TikTokアイコンのアイコン
アプリ解説

Shopifyストアに追従するTikTokアイコンを表示できるアプリについて徹底解説|ご利用ガイド

シンプル追従画像バナー|フローティング画像バナーのアイコン
アプリ解説

Shopifyで追従する画像バナーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル送料無料バー|あといくらで送料無料表示のアイコン
アプリ解説

Shopifyストアに送料無料バーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル商品閲覧履歴アプリ|お手軽最近見た商品のアイコン
アプリ解説

Shopifyストアで最近見た商品を表示できる閲覧履歴アプリについて徹底解説|ご利用ガイド

シンプル X 誘導|お手軽追従 X(Twitter)アイコンのアイコン
アプリ解説

Shopifyストアに追従するX(Twitter)アイコンを表示できるアプリについて徹底解説|ご利用ガイド

シンプル在庫数一覧表|お手軽バリエーション在庫一覧のアイコン
アプリ解説

Shopifyの商品ページで在庫表を表示できるアプリについて徹底解説|ご利用ガイド

シンプル配送保留|お手軽商品ごとの配送保留のアイコン
アプリ解説

Shopifyで特定の商品を含む注文の配送を保留にするアプリについて徹底解説|ご利用ガイド

シンプル追従動画バナー|フローティング動画バナーのアイコン
アプリ解説

Shopifyで追従する動画バナーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル Facebook 誘導|追従フェイスブックアイコンのアイコン
アプリ解説

Shopifyストアに追従するFacebookアイコンを表示できるアプリについて徹底解説|ご利用ガイド

シンプルトップに戻るボタンアプリのアイコン
アプリ解説

Shopifyストアに追従するトップに戻るボタンを導入できるアプリについて徹底解説|ご利用ガイド

シンプルログインバナー|会員限定バナー表示アプリのアイコン
アプリ解説

Shopifyで会員限定バナーを表示できるログインバナーアプリについて徹底解説|ご利用ガイド

シンプル Instagram 誘導|追従インスタアイコンのアイコン
アプリ解説

Shopifyストアに追従するInstagramアイコンを表示できるアプリについて徹底解説|ご利用ガイド

シンプルウェルカムポップアップバナーアプリのアイコン
アプリ解説

Shopifyでストア訪問時にポップアップバナーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル記念日入力|お手軽日付セレクター表示のアイコン
アプリ解説

Shopifyの商品ページに記念日や希望日等の日付入力欄を表示できるアプリについて徹底解説|ご利用ガイド

シンプル商品ごとのカート追加時注意事項ポップアップアプリのアイコン
アプリ解説

Shopifyでカート追加時に商品ごとの注意事項ポップアップを表示できるアプリについて徹底解説|ご利用ガイド

シンプル商品ごとのポップアップクロスセルアプリのアイコン
アプリ解説

Shopifyで商品ごとのクロスセルポップアップを表示できるアプリについて徹底解説|ご利用ガイド

シンプルスワイプ画像LP|お手軽スワイプ操作型LPのアイコン
アプリ解説

Shopifyストアにスワイプ型LPをノーコードで表示できるアプリについて徹底解説|ご利用ガイド

シンプル右クリック禁止アプリのアイコン
アプリ解説

Shopifyで右クリックを無効化してコンテンツのコピーを防止できるアプリについて徹底解説|ご利用ガイド

シンプルカート追加時注意事項ポップアップアプリのアイコン
アプリ解説

Shopifyでカート追加時に注意事項ポップアップを表示できるアプリについて徹底解説|ご利用ガイド

シンプルカート追加時ポップアップクロスセルアプリのアイコン
アプリ解説

Shopifyでカート追加時にクロスセルポップアップを表示できるアプリについて徹底解説|ご利用ガイド

シンプル購入後アンケート|サンクスページでアンケートのアイコン
アプリ解説

Shopifyの購入後のサンクスページでお客様アンケートを実施できるアプリについて徹底解説|ご利用ガイド

シンプルレンタル|お手軽リースのアイコン
アプリ解説

ShopifyでレンタルECを実現できアプリについて徹底解説|ご利用ガイド

シンプル年齢確認ポップアップアプリのアイコン
アプリ解説

Shopifyで年齢確認のポップアップを実装できるアプリについて徹底解説|ご利用ガイド

シンプル営業日カレンダー|お手軽休業日設定のアイコン
アプリ解説

Shopifyで休業日を設定して営業日カレンダー表示できるアプリについて徹底解説|ご利用ガイド

シンプル商品バッジ|お手軽アイコンラベル表示のアイコン
アプリ解説

Shopifyで商品にアイコンやラベルを表示できるバッジアプリについて徹底解説|ご利用ガイド

シンプル動画埋め込み|お手軽どこでも動画挿入のアイコン
アプリ解説

Shopifyストアに動画を簡単に埋め込めるアプリについて徹底解説|ご利用ガイド

シンプルお客様の声|お手軽ユーザーレビューのアイコン
アプリ解説

Shopify ストアにお客様の声スライドショーを追加できるアプリについて徹底解説|ご利用ガイド

シンプル読み込み中表示|お手軽ローディングアニメーションのアイコン
アプリ解説

Shopify ストアに画像ローディングアニメーションを追加できるアプリについて徹底解説|ご利用ガイド

シンプルページごとの背景色|お手軽 BgColorのアイコン
アプリ解説

Shopify ストアのページごとに背景色をカスタマイズできるアプリについて徹底解説|ご利用ガイド

サンクスページをカスタマイズしSNSアイコンを表示するアプリのアイコン
アプリ解説

Shopify ストアのサンクスページにリンク付きSNS アイコンを表示できるアプリについて徹底解説|ご利用ガイド

シンプルサンクスページ編集|お手軽チェックアウト拡張のアイコン
アプリ解説

Shopify ストアのサンクスページにリンク付き画像バナーを表示できるアプリについて徹底解説|ご利用ガイド

 シンプル Vimeo 埋め込み|どこでも動画挿入のアイコン
アプリ解説

ShopifyストアにVimeo動画を簡単に埋め込めるアプリについて徹底解説|ご利用ガイド

シンプル会員初回商品割引|お手軽初回ログイン商品セール設定のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入時に商品割引ができるアプリについて徹底解説|ご利用ガイド

シンプル離脱防止ポップアップ|お手軽ポップアップバナーのアイコン
アプリ解説

Shopifyに離脱防止ポップアップバナーを実装できるアプリについて徹底解説|ご利用ガイド

シンプル生年月日に応じた年齢確認アプリのアイコン
アプリ解説

Shopifyで生年月日に応じた年齢確認を実施できるアプリについて徹底解説|ご利用ガイド

シンプルSNS誘導|お手軽追従SNSアイコンのアイコン
アプリ解説

ShopifyでSNS(X, Instagram, LINEなど)への誘導を簡単に実現できる追従SNSアイコンアプリについて徹底解説|ご利用ガイド

シンプルLINE誘導|お手軽追従LINEアイコンのアイコン
アプリ解説

ShopifyでLINE誘導を簡単に実現できる追従LINEアイコンアプリについて徹底解説|ご利用ガイド

シンプル年齢確認チェックボックスアプリのアイコン
アプリ解説

Shopifyで商品ごとの年齢確認チェックボックスを設置できるアプリについて徹底解説|ご利用ガイド

シンプル YouTube 埋め込み|お手軽どこでも動画挿入のアイコン
アプリ解説

ShopifyストアにYouTube動画を簡単に埋め込めるアプリについて徹底解説|ご利用ガイド

シンプル利用規約チェックボックス|商品・カートページで使えるのアイコン
アプリ解説

Shopifyで利用規約のチェックボックスを商品ページに表示できるアプリについて徹底解説|ご利用ガイド

シンプルカウントダウンタイマー|お手軽残り時間表示のアイコン
アプリ解説

Shopifyの商品ページで残り時間を表示できるカウントダウンタイマーアプリについて徹底解説|ご利用ガイド

シンプルコレクションCSVインポート・エクスポートのアイコン
アプリ解説

ShopifyでコレクションをCSV形式で一括編集できるアプリについて徹底解説|ご利用ガイド

シンプル特定の商品を含む注文にタグをつけるアプリのアイコン
アプリ解説

Shopifyで特定の商品を含む注文にタグをつけるアプリについて徹底解説|ご利用ガイド

シンプル代引き|お手軽代引き手数料自動計算アプリのアイコン
アプリ解説

Shopifyで代引き手数料を自動計算できるアプリについて徹底解説|ご利用ガイド

シンプル特定の商品を購入した顧客にタグをつけるアプリのアイコン
アプリ解説

Shopifyで特定の商品を購入した顧客にタグをつけるアプリについて徹底解説|ご利用ガイド

シンプルブログタグ絞り込み|お手軽タグ一覧挿入のアイコン
アプリ解説

Shopifyでタグによるブログの絞り込みができるアプリについて徹底解説|ご利用ガイド

シンプル会員商品割引|お手軽ログイン商品セール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員商品割引ができるアプリについて徹底解説|ご利用ガイド

シンプルボリュームディスカウント|お手軽まとめ買い割引のアイコン
アプリ解説

Shopifyで商品毎にボリュームディスカウント(まとめ買い割引)を実現できるアプリについて徹底解説|ご利用ガイド

シンプルノベルティ|お手軽ギフト特典のアイコン
アプリ解説

Shopifyで条件を満たす注文にノベルティ商品を自動で付与できるアプリについて徹底解説|ご利用ガイド

シンプルおひとり様一点限りの購入制限設定のアイコン
アプリ解説

Shopifyで商品毎におひとり様一点限りの購入制限設定ができるアプリについて徹底解説|ご利用ガイド

シンプル期間限定セール|お手軽バーゲンセールのアイコン
アプリ解説

Shopifyでストア内の全商品に対する期間限定セールを簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル決済カスタマイズ|お手軽条件ごとの決済方法のアイコン
アプリ解説

Shopifyで指定した条件下で特定の決済方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプルVIP会員商品割引|お手軽VIP商品セール設定のアイコン
アプリ解説

ShopifyでVIP顧客の商品割引が実現できるアプリについて徹底解説|ご利用ガイド

シンプル配送カスタマイズ|お手軽条件ごとの配送方法のアイコン
アプリ解説

Shopifyで指定した条件に応じて特定の配送方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプルクラウドファンディング|お手軽自社クラファンのアイコン
アプリ解説

Shopifyで商品ごとのクラウドファンディングを実現できるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ注文割引|顧客タグ BtoB 割引のアイコン
アプリ解説

Shopifyで顧客タグに応じて自動注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員初回注文割引|お手軽初回ログインセール設定のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入時に注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員初回送料割引|お手軽初回ログイン送料無料のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入で、送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員送料割引|お手軽ログイン送料無料のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員配送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプルセット商品在庫連携|お手軽セット商品管理の自動化のアイコン
アプリ解説

Shopifyに在庫連携したセット商品販売機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員注文割引|お手軽ログインセール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP注文割引|お手軽VIP会員セール設定のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 注文割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル延長保証|お手軽保証付き商品販売のアイコン
アプリ解説

Shopifyに保証商品や保険商品を作成し延長保証機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプルVIP送料割引|お手軽VIP会員送料無料のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 送料割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル追従カート|追従購入ボタン(Buy Button)のアイコン
アプリ解説

Shopifyストアに追従カート・追従購入ボタンを追加するアプリについて徹底解説|ご利用ガイド

シンプルパンくずリスト|お手軽 Breadcrumbsのアイコン
アプリ解説

Shopifyにパンくずをノーコードで表示できるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料のアイコン
アプリ解説

Shopifyに顧客タグに応じた自動送料割引機能を追加できるアプリについて徹底解説|ご利用ガイド

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

Shopifyブログ記事のデザインを簡単にカスタマイズできるアプリについて徹底解説|ご利用ガイド

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

Shopifyのブログ記事にブログ目次を自動で作成できるアプリについて徹底解説|ご利用ガイド

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

Shopifyストアにお知らせセクションを挿入してブログ・ニュース一覧を表示できるアプリについて徹底解説|ご利用ガイド

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

Shopifyに流れるロゴリストを設置して画像のスライドショーを表示できるアプリについて徹底解説|ご利用ガイド

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

Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説|ご利用ガイド

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

Shopifyに名入れオプションを追加するアプリについて徹底解説|ご利用ガイド

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

Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説|ご利用ガイド

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

Shopifyに購入制限機能を追加して数量制限・注文規制を実現できるアプリについて徹底解説|ご利用ガイド

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

Shopifyでギフトラッピング機能を実現するアプリについて徹底解説|ご利用ガイド

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

Shopifyにランキングバッジを導入するアプリについて徹底解説|ご利用ガイド

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

Shopifyに顧客タグごとの限定販売機能を追加するアプリについて徹底解説|ご利用ガイド

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

Shopifyでロゴ一覧をノーコードで実現できるアプリについて徹底解説|ご利用ガイド

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

Shopifyに余白(マージン)を挿入してページデザインの調整ができるアプリについて徹底解説|ご利用ガイド

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

Shopifyにのし(熨斗)を設定できるアプリについて徹底解説|ご利用ガイド

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

Shopifyに画像バナーを追加できるアプリについて徹底解説|ご利用ガイド

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

Shopifyに Q&A を設置してよくある質問・FAQ を簡単に導入できるアプリについて徹底解説|ご利用ガイド

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

Shopifyに流れる告知を設置してお知らせを表示できるアプリについて徹底解説|ご利用ガイド

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

Shopifyでモバイルアプリに誘導するバナーを簡単に設置できるアプリについて徹底解説|ご利用ガイド

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

Shopifyに売り切れ商品・在庫切れ商品を非表示にする機能を追加できるアプリについて徹底解説|ご利用ガイド

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

Shopifyにレビュー(口コミ)機能を実現できるアプリについて徹底解説|ご利用ガイド

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

Shopifyで会員限定販売を実現できるアプリについて徹底解説|ご利用ガイド

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

Shopifyに会員ランク機能を導入して自動で顧客タグを付与できるアプリについて徹底解説|ご利用ガイド

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

Shopifyにお気に入り(wishlist)を簡単に導入できるアプリについて徹底解説|ご利用ガイド

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

Shopifyで Coming Soon(発売予告)を実施するアプリについて徹底解説|ご利用ガイド

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

Shopifyでセット販売(クロスセル)を簡単に実現できるアプリについて徹底解説|ご利用ガイド

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

Shopifyで販売期間設定を商品毎に行うことができるアプリについて徹底解説|ご利用ガイド

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

Shopifyに予約販売機能を追加して受注販売や在庫切れ販売を簡単に実現できるアプリについて徹底解説|ご利用ガイド

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

ShopifyでVIP会員限定販売ができるアプリについて徹底解説|ご利用ガイド

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

Shopifyにポイント機能を導入できるポイントアプリについて徹底解説|ご利用ガイド