ファネル全体のウィジェット
プログレスバー
- ファネルのプログレスバーのオン/オフを切り替える
- 表示スタイルを選択する:
- Minimal
- Minimal with labels
- Maximal
- Black または White の外観を選択する
- 上下のパディングを調整して間隔を制御する
オファー単位のウィジェット
Text
Timer
Upsell Product
Product Selection
Discount
Badge
Shipping
Image
Buttons
Price Breakdown
Product Details
Variant & plan options
Layout
Video
Testimonials
Text
{first-name} を使うと、顧客ごとにメッセージをパーソナライズできます。
Timer
Upsell Product
Product Selection
商品タイプのオプション
- Specific product
常に同じ商品をアップセルに表示します。 - Automatic upsell
事前定義されたアップセルロジックを使って商品を動的に選択します。 - Most expensive in cart
顧客の元の注文の中で最も高い商品を使用します。 - Least expensive in cart
顧客の元の注文の中で最も安い商品を使用します。
商品の変更
- Change product をクリックします
- 商品タイプを選択します
- 商品を選択または確認します
同じ名前の商品の識別
Discount
複数商品オファー向けの一括ディスカウントショートカット
- オファー内のすべての商品のリストが表示され、それぞれにチェックボックスと、現在のディスカウントを表示するバッジ(たとえば、
17% offや$18.00 off)が付いています。 - チェックボックスを使って更新したい商品を選択します。デフォルトではすべての商品が選択されています。
- リストの下のピルには、変更が適用される商品の数が表示されます。
- ディスカウントのタイプと値のフィールドを使ってディスカウントを設定します。変更は選択した商品にのみ適用され、未選択の商品は既存のディスカウントを維持します。
商品間で異なるディスカウント
- 商品のディスカウントタイプが異なる場合(たとえば、一部が % オフで他が $ オフ)、タイプセレクターには Mixed と表示されます。
- 商品のディスカウントの値またはタイプが異なる場合、値のフィールドには Multiple values と表示され、新しい値を入力すると選択した各商品の現在のディスカウントが上書きされる旨の注記が付きます。
商品行の情報アイコン
Badge
バッジの編集は V2 オファーでのみ利用できます。V1 オファーでは、以前に設定されたバッジは保持されますが、V1 オファーでバッジ設定を編集することはできません。
Badges セクション: オファーバッジと商品画像バッジ
- Offer badge — 商品画像上ではなく、オファーコンテンツ内に配置されます。保存済みのバッジを選択し、以下を設定できます:
- Position in offer — Above product title(新しいバッジのデフォルト)、Adjacent to product price、または Below product price。
- Spacing from price — バッジが価格の横にある場合の余白(0〜3)。Adjacent ポジションの場合にのみ表示されます。
- Badge size — オファー内でのバッジの表示サイズ。
- Product image badge — 商品画像上にオーバーレイ表示されます。保存済みのバッジを選択し、以下を設定できます:
- Size on image — Small (1×)、Medium (1.5×, the default)、または Large (2×)。
- Position on image — Top left から Bottom right までの 9 つのポジション。
- Show badge on all product images — デフォルトではオフで、主画像にのみバッジが表示されます。オンにすると、商品カルーセルのすべての画像にバッジが表示されます。単一商品オファーと複数商品オファーの両方に適用されます。
保存済みバッジの作成と管理
- Text badge — テキスト、shape(Pill、Rectangle、Circle、Ribbon、または Starburst)、任意のアイコン、背景色、テキスト色を設定します。すばやくセットアップできるように、テキストのプリセット候補(たとえば Bestseller、Free shipping、New、Lowest price、Limited time offer など)が用意されています。Font size はテキストのサイズをピクセル単位で設定します。500 px の基準画像に対して測定され、バッジのレンダリング時に比率を保って拡大縮小されます。
- Image badge — ラスター画像(PNG、JPEG、WebP、GIF、または AVIF)をアップロードします。Badge size は画像の高さをピクセル単位で設定し、幅はアスペクト比を維持するよう自動調整されます。
Shipping
Image
Language
Buttons ウィジェットは、チェックアウト中に顧客がアップセルを承諾または拒否する方法を制御します。 ボタンの動作と外観をカスタマイズできます:
- デフォルトの承諾ボタンテキストの選択
- アップセルの承諾前に確認クリックを必須にする
- 拒否ボタンのスタイルの変更(たとえば、ボタンまたはリンク)
- ボタンの配置と幅の調整
- ボタンの上または下への任意の補足テキストの追加(スタイリングのコントロールと動的変数のサポート付き)
- Pay Now - 「Pay Now • [商品の合計金額]」と表示されます(無料商品の場合は「Add Now • Free」)
- Accept Offer - 価格に関係なく「Accept Offer」と表示されます
- Upgrade Subscription - 「Upgrade Subscription」と表示されます(新規のサブスクリプションアップグレードオファーのデフォルト)
- Accept Offer - 価格に関係なく「Accept Offer」と表示されます
- Pay Now - 「Pay Now • [商品の合計金額]」と表示されます(無料商品の場合は「Add Now • Free」)
- Accept above decline - 承諾ボタンを拒否オプションの上に表示します
- Decline above accept - 拒否オプションを承諾ボタンの上に表示します
- Accept beside decline - 承諾ボタンと拒否ボタンを横に並べて表示します
Price Breakdown
配送料調整行の非表示
- チェックすると、配送料調整の行が顧客の価格内訳から非表示になります。
- チェックを外すと、配送料調整の行は通常どおり表示されます。
Product Details
{product}、{original-price}、{current-price}、{savings}、{savings-line} などの動的変数をサポートしています。
価値や緊急性を強調するために、任意のオファー説明文を追加できます。
レビュー評価は商品レビューアプリから取得されます。Judge.me、Stamped、ReviewsIO、Junip、Okendo、Shopify Product Reviewsなど、ほとんどのレビューアプリは認証情報なしで自動的に動作します。Yotpo Product Reviewsには追加のセットアップが必要です。AftersellとYotpoレビューの連携をご覧ください。
商品レビューの星の色
- Star color — 塗りつぶされた(アクティブな)星の色。デフォルトは
#fdcc0d(黄色)です。 - Empty star color — 塗りつぶされていない(非アクティブな)星の色。デフォルトは
#d1d5db(ライトグレー)です。
数量プリセット
- Fixed — 特定の数量を設定します。顧客はこれを変更できません。
- Percentage of purchased quantity — 顧客が元々購入した数量に対するパーセンテージとして数量を設定します。
- Minimum quantity — 数量の下限を設定します。顧客はこの値から開始し、そこから増やせます。
- Maximum quantity — 数量の上限を設定します。顧客は 1 から開始し、設定された最大値(最大 20)を超えて増やすことはできません。最大数量を示すメッセージは、数量セレクターも有効になっている場合にのみ表示されます。
説明文の位置
- Default (above buttons) - 説明文が承諾・拒否ボタンの上に表示されます
- Below buttons - 説明文が承諾・拒否ボタンの下に表示されます
Variant & plan options
サブスクリプションプランのロック
- Variant & Plan Options セクションで Lock subscription plan ドロップダウンを見つけます
- ドロップダウンから特定のプランを選択します
- これでプランがロックされました。顧客には、変更可能なドロップダウンの代わりに、プラン名が静的テキストとして表示されます
- 顧客にはプラン名がテキストとして表示されます
- プランセレクターのドロップダウンは非表示になります
- 顧客はサブスクリプションプランを変更できません
- ロックされたプランが Shopify で利用できなくなった場合、オファーは利用可能なすべてのプランの表示に自動的にフォールバックします
バリアントセレクターの位置
- Above CTA buttons (default) - バリアントセレクターが承諾・拒否ボタンの上に表示されます
- Below CTA buttons - バリアントセレクターが承諾・拒否ボタンの下に表示されます
- Variant selector first - バリアントセレクターが商品説明文の前に表示されます
- Description first - 商品説明文がバリアントセレクターの前に表示されます
Layout
Video
ブラウザーの互換性
動画のソース
- Upload — MP4、WebM、または MOV ファイル(最大 50 MB)をドラッグアンドドロップまたは選択して、Shopify Files に直接ホストします。アップロード後、Shopify がファイルを処理し、エディターにプレビューが表示されます。
- Link — YouTube の URL、Vimeo の URL、またはホストされた動画ファイルへの直接リンク(たとえば、自社 CDN 上の MP4)を貼り付けます。
サポートされているリンク形式
- YouTube — 標準の動画 URL を使用します(たとえば、
https://youtu.be/VIDEO_IDまたはhttps://www.youtube.com/watch?v=VIDEO_ID)。YouTube Shorts の URL(youtube.com/shorts/...)はサポートされていません。動画を YouTube で開き、代わりに共有リンクを使用してください。 - Vimeo — 標準の動画 URL を使用します(たとえば、
https://vimeo.com/VIDEO_ID)。ショーケースの URL や、特定の動画を指していないチャンネル・プロフィールページはサポートされていません。個々の動画のアドレスバーの URL を使用してください。数値の動画 ID を含むチャンネルまたはグループの URL は機能します。 - Direct file — 動画ファイルを指す公開アクセス可能な HTTPS URL(たとえば、CDN 上の MP4)。
リンクの検証
- フィールドを離れたとき — URL の形式が明らかに間違っている場合(たとえば、YouTube Shorts のリンクや Vimeo のショーケース URL)、インラインエラーで代わりに使用すべきものが説明されます。
- 保存時 — エディターが動画プロバイダーに確認し、動画が埋め込み可能かどうかをチェックします。動画が非公開、削除済み、または埋め込みがオフになっている場合、保存はブロックされ、理由がリンクフィールドに表示されます。リンクを修正して再度保存すると続行できます。
Shopify Files の権限
write_files 権限が必要です。この権限が付与されていない場合、アップロードエリアに Update ボタン付きのバナーが表示されます。クリックして権限を付与すると、アップロードが有効になります。
アップロードの処理
サムネイルと動画視聴 CTA
フォールバック画像
自動再生
動画を閉じる
- Back to offer ボタン — プレーヤーの下にあるボタンで、タブを閉じてアップセルに戻ります。
- 任意の場所をダブルクリック — 背景の任意の場所をダブルクリックするとプレーヤーが閉じます。
- 終了時の自動クローズ — 動画の再生が終了すると、プレーヤーは自動的に閉じます。
言語と翻訳
Testimonials
選択モード
- Manual — 表示するレビューを厳選して選択します。レビューは保存した順に表示されます。
- Dynamic — アップセルオファー内の商品に基づいて、レビューアプリの同期済みキャッシュからレビューが自動的に取得されます。レビューは、顧客の元の注文ではなく、オファーの商品に紐づけられます。
設定オプション
- Review app — レビューを取得する接続済みのレビューアプリを選択します。
- Mode — Manual または Dynamic を選択します。
- Minimum rating — 表示するレビューの最低星評価を設定します(たとえば、星 4 つ以上)。
- Display toggles — 個々のレビュー要素の表示/非表示を切り替えます:
- 星評価
- レビュータイトル
- レビュアー名
- レビュー日
- 認証済み購入者バッジ
- Truncate review text — レビューテキストの最大文字数を設定します。この制限を超えるレビューは省略記号で切り詰められます。
- Max reviews to show — 表示するレビューの数を 1 から 3 の間で設定します。
- Layout — レビューを Horizontal(横並び)または Vertical(縦積み)に配置します。
- Padding — ウィジェット周囲の間隔を調整します。
Dynamic モードとレビューの同期
認証済み購入者バッジ
追加ウィジェットの追加
- Image - オファーを視覚的に補強する補助画像を表示します。
- Text - 重要なメッセージを伝える補足テキストを追加します。
- Text & Image - テキストとビジュアルを組み合わせて、価値を強調したりオファーを説明したりします。
- Extra Buy Button - オファーの承諾を促す追加のコールトゥアクションを追加します。複数の商品を表示するオファーでは利用できません。
- Trust Badge - 保証、セキュリティ、信頼性の指標などのトラストシグナルを表示します。
- FAQs - よくある顧客の質問に答え、抵抗感を減らして信頼を高めます。
- Video - 商品のデモやブランドストーリーを伝える動画を埋め込みます。Video を参照してください。
- Testimonials - 接続されたレビューアプリから実際の商品レビューを表示します。V2 オファーで利用できます。Testimonials を参照してください。
- ウィジェットを Upsell Product ウィジェットの上と下のどちらに表示するかを選択します
- 選択したセクションで Add widget をクリックします
- 含めたいウィジェットを選択して設定します
ポストパーチェスオファーとは何か、その仕組み、そして Aftersell での使い始め方について詳しくは、こちらの記事をご覧ください。
ウィジェットの動作と外観は、エディターで利用可能な設定オプションの範囲に限られます。
Shopify の制限により、それ以上のカスタマイズはサポートされていません。