コンテンツにスキップ
無料でインストール
日本語
Claudeで開く このページについて質問するChatGPTで開く このページについて質問する

カートカウントダウンを作成する

メッセージと時間の設定から、公開されたカートページまで、カートタイマーを最初から最後まで作成します。

このガイドでは、タイマーが動くメッセージ、時間、スタイル、時間切れ時のアクションを含む、カートカウントダウンを完成させます。

始める前に、アプリの埋め込みがオンになっていることを確認してください。

  1. ダッシュボードまたは Countdowns ページで Create countdown をクリックします。

  2. Countdown templates ページで、タイプのタブを Cart countdown に切り替え、デフォルトのレイアウトの Select をクリックします。

  3. 「Cart hold — 10 minutes」のような名前にします。

  4. Settings タブで Content を開き、Message を編集します。新しいカートカウントダウンには、最初に次のメッセージが入力されています。

    🔥 Hurry up! Your cart will be lost in {timer} !!

    {timer} は、動いているタイマーに置き換えられます。文中に残しておいてください。ないと、カウントダウンではなく、ただの警告になります。

    テキスト内にタイマー変数がある、カートカウントダウンのMessageフィールド

    {timer} は、メッセージ内で動いているタイマーに置き換えられます。

  5. 引き続き Content で、Countdown duration を分単位で設定します。デフォルトは10です。

    お客様が急かされていると感じずにチェックアウトを完了できる長さで、かつ効果が出る短さにします。多くのストアでは10分から20分に設定しています。

  6. Settings タブのデザインコントロールで、位置、メッセージ、タイマー、背景の色、枠線、フォントを設定します。カートカウントダウンには別の Design タブがなく、オプションはここにあります。

    メッセージはカートの上部に表示されるため、チェックアウトボタンよりも目立たないようにしておくとよいでしょう。

  7. ゼロになったときの動作を選ぶ

    Section titled “ゼロになったときの動作を選ぶ”

    Display タブに切り替えます。カートカウントダウンでは、このタブに Action after time expired があります。

    • Go to the homepage without clearing cart — デフォルトです
    • Hide the message and do nothing
    • Clear the cart and redirect to — URLフィールドがあります

    慎重に選んでください。1つはお客様のカートを削除します。選ぶ前に、カートタイマーが期限切れになったときをご覧ください。

    カートカウントダウンのDisplayタブにあるAction after time expiredのオプション

    カートカウントダウンのDisplayタブには、期限切れ時のアクションがあります。

  8. Conditions セクションも引き続き利用できます。たとえば、顧客、言語、国でカートカウントダウンを制限できます。そのままにしておくと、すべてのカートにタイマーが表示されます。表示条件をご覧ください。

  9. ステータスを Active に設定し、Save をクリックします。

  10. 公開中のストアフロントで商品をカートに追加し、カートページを開きます。上部にタイマーが表示され、設定した時間からカウントダウンしているはずです。

    テーマにカートドロワーがある場合は、そちらも開いてください。カウントダウンはそこにも表示されます。

    次に、カートが空の場合も確認します。カートからすべてを削除します。商品がない場合は、カウントダウンは表示されません。これが正しい動作です。

  11. プライベートブラウザのウィンドウでタイマーを最後まで進め、期限切れ時のアクションが想定どおりに動作することを確認してください。とくに Clear the cart and redirect to を選んだ場合は重要です。サポートへの問い合わせで予想外の動作を知るより、ここで確認しておくほうがはるかに安心です。

このページは役に立ちましたか?