Evaluating Various Types of SmartTips

エディタで、 + アイコンをクリックし、SmartTips Set を選択して CheckOut Page SmartTips という名前を付けます。

詳細については、ビデオを視聴してください。なお、動画は音声に対応していない。

SmartTips セットの場合、スマートヒントのプレイ場所と方法を即座に定義する必要があります。これらのスマートヒントはチェックアウトページにのみ表示されるため、特定のページにのみセットを表示というデフォルトオプションが選択されたままになります。

• 条件名: URL 条件
• ルールタイプ = 現在の URL | 演算子 = 含む | 値 = /カートページ

• [完了] をクリックして続行します。

エディタに戻り、エディタの上部にある + ボタンをクリックして、最初の SmartTip をセットに追加します。

このステップでは、SmartTip を添付する要素を選択する必要があります。この場合、これは出荷/納入テキスト要素です。

• 上部には、SmartTip のタイプに関するさまざまなオプションがあります。このシナリオでは、デフォルトのガイダンスタイプに設定されたままにします。
• ガイダンステキスト: Shipping is standard 5-7 days ground shipping を入力します。オーダーを早める場合は、help@eddiesdepot.com に連絡してください。
• Delivery 要素の横にアイコンが表示されるようにするため、With Icon を選択し、これをコンパスを使用して要素の右側に配置します。
• 次のスマートヒントをクリックして、プロモーションコードの入力に関する次のスマートヒントを追加します。

このプロセスを繰り返して、プロモーションコードを入力オプションのエレメントを選択します。通常どおりガイダンスメッセージを入力しますが、ユーザが Enter a promo code にカーソルを合わせるとすぐに SmartTip が表示されるようにします。

• SmartTip テキストを入力: 一度に適用できるプロモーションコードは 1 つのみです。現在、複数のを受け入れることはできません。

• アイコンありを選択します。スマートヒントテキストは、ユーザがアイコンにカーソルを合わせるか、アイコンに入ると表示されます。

• [完了] をクリックし、[エディタ] で右下にある [保存] をクリックします。

最後に、SmartTips の活用例をご覧ください。エディタの下部にある再生ボタンを押すと、両方の SmartTips プレイが画面に同時に表示されます。

詳細については、ビデオを視聴してください。なお、動画は音声に対応していない。

• 入力した情報が無効な場合は、検証スマートヒントに赤色のエラーが表示され、緑色の正常終了メッセージを表示することもできます。
• 検証スマートヒントでは、条件ビルダを使用して検証ロジックを作成します。

チェックスマートヒントの構築に必要なステップを見てみましょう。

最初に、SmartTips 要素を選択します。ここで検証が表示されるため、要素自体で選択することが重要です。

SmartTip 要素を選択したら、オプションとしてチェックを選択しておく必要があります。ガイダンスを選択すると、検証タイプを選択できなくなります。

両方を選択した場合は、ガイダンステキストと検証を設定するオプションがあります。通常は、どちらか一方を使用することをお奨めします。ただし、両方を必要とするユースケースもあります。

最後に、チェックルールを選択します。入力必須項目、数値項目、日付書式など、多数の事前設定済のチェックルールから選択することができます。

チェックルールが false (項目への不適切な入力) と評価されると、SmartTip にチェックメッセージが表示されます。

詳細については、ビデオを視聴してください。なお、動画は音声に対応していない。