Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

現代のウェブサイトでは、ポップアップは効果的にユーザーのコンバージョン率を高めるための重要なツールであり、特に外国貿易のウェブサイトでは、タイムリーなポップアップは効果的に問い合わせを開始したり、プロモーション活動に参加するようにユーザーを誘導することができます。しかし、多くの人はまだそのことを理解していません。アバダのテーマAvadaのCanvas機能は、追加のプラグインや複雑なコードに依存することなく、柔軟なポップアップの作成と設定をすでに提供しています。この記事では、Avada Canvasを使用して効率的なポップアップを設定し、ユーザーエクスペリエンスを最適化してウェブサイトのコンバージョン率を高める方法を詳しく説明します。

ステップ:ウェブサイトバックエンド→アバダテーマ→オフキャンバス→オフキャンバス名を入力

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

キャンバス名を入力:名前を作成

ライブ編集(下)をクリック

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

2つの編集モードがあります。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

しかし、より直感的な効果を得るためには、フロントエンドでの編集が推奨される。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

コンテナを選択する

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

適当な容器を入れる

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

増加

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

必ずしもフォームだけを入れればいいというわけではなく、テキスト付きの写真など、割安な情報を入れることもできる。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)
Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

ニーズによる。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

ポップアップ・ウィンドウとして知られるキャンバス全体の設定もできます。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)
Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

より直感的な効果を得るために、私は違いを強調するために暗い色で使用し、コンテンツがエッジに近すぎるしたくない場合は、上記のように、内側のフレームをドラッグすることができます。

ステップ:ウェブサイトバックエンド→アバダテーマ→オフキャンバス→オフキャンバスオプション→条件

ポップアップウィンドウのトリガー条件の設定

ポップアップ・ウィンドウを設定したら、次はそのトリガー条件を設定する。外国貿易サイトの場合、通常ユーザーは 「今すぐ見積もり などのボタンをクリックすると、ポップアップウィンドウが表示されます。もちろん、ユーザーがページにアクセスしたときにすぐにポップアップウィンドウを表示させたいというウェブマスターもいますが、この方法はユーザーエクスペリエンスに影響を与える可能性があるので、注意して使用することをお勧めします。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

次に

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

ボタンをクリックしてポップアップ・ウィンドウを表示する。

ボタンをクリックしてポップアップをトリガーするように選択した場合、キャンバスの追加設定やトリガー条件やルールを構成する必要はありません。ボタンモジュールで、URLバーの右側にあるスタックアイコンを見つけてクリックし、「キャンバスを開く」を選択します。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

画像(下)のDYNAMIC CONTENTという条件を選択する。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

次のように「オフキャンバスを開く」を選択する。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

先ほど編集したキャンバス名を選択します。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

最終結果

フォアグラウンドに戻ってクリックすると、ポップアップウィンドウが表示されます。

前述の設定条件に加え、トリガー機能もある。下図

ステップ:ウェブサイトバックエンド→アバダテーマ→オフキャンバス→オフキャンバスオプション→トリガー

トリガーでトリガー条件を設定する

たとえば、このキャンバスをトリガーさせるのは、ユーザーがサイトを終了する意図があるときです。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)
Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

ステップ:ウェブサイトバックエンド→アバダテーマ→オフキャンバス→オフキャンバスオプション→ルール

トリガールールの設定下図

このポップアップを常に表示させたいとしよう。

Avada独自のキャンバス機能を使ってポップアップ・ウィンドウ効果を簡単に実現:効率的なユーザー体験を実現するために (06)

トリガー条件をサイト全体に表示するように設定し、ユーザーが終了インテントを持ったときにポップアップが表示されるようにしているので、マウスをページから離すと自動的にポップアップが表示されます。もしユーザーがサイトにアクセスしたらすぐにポップアップをロードしたい場合は、ページがロードされたときに表示されるように、終了インテントのトリガー条件を変更するだけです。

ポップアップウィンドウのトリガー条件には様々な組み合わせがあるため、より多くの組み合わせを試してみることをお勧めする。同時に、ポップアップウィンドウのトリガーにマーケティングフックや特定の条件を設定することで、ユーザーが問い合わせをする確率を効果的に向上させたり、ユーザーがサイトの割引情報などを知ることができるなど、ユーザーエクスペリエンスも考慮する必要があります。

概要

Avadaのキャンバス機能を使えば、様々なタイプのポップアップを簡単に作成し、ウェブサイトのニーズに応じてトリガー条件を設定することができます。今すぐ見積もり」ボタンのクリックをトリガーにすることも、ページロード時に表示することも、すべて簡単に設定できます。ポップアップを使用する際、ユーザーエクスペリエンスが損なわれないようにすること、そしてユーザーのコンバージョンを最大化するためにマーケティングフックとトリガーを適切に設定することが重要です。このチュートリアルを通して、Avadaのキャンバス機能を上手に活用し、効率的でユーザーフレンドリーなポップアップを海外貿易サイトに作成していただければ幸いです。次回は、Avadaテーマの便利な機能をさらに掘り下げていきますので、ご期待ください!


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間:月~金、9:30~18:30、祝日休み
投稿者:photon fluctuations、リツイート(帰属表示付き):https://www.361sale.com/ja/19800/

好き (2)
前へ 2日前
次のページ 1日前

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

お問い合わせ

020-2206-9892

QQ咨询:1025174874

Eメール:info@361sale.com

勤務時間:月~金、9:30~18:30、祝日休み

カスタマーサービス WeChat
グローバルユーザー登録およびログインを容易にするため、電話によるログイン機能を停止いたしました。ログインに問題が発生した場合は、カスタマーサービスまでご連絡ください。