現代のウェブサイトでは、ポップアップは、特に外国貿易のウェブサイトでは、タイムリーなポップアップが効果的に問い合わせを開始したり、プロモーション活動に参加するユーザーを導くことができ、効果的にユーザーのコンバージョン率を向上させるための重要なツールです。しかし、多くの人々はまだ知らない、アバダテーマは、すでに柔軟なポップアップの作成と設定機能を提供する "キャンバス"(キャンバス)機能が付属しており、追加のプラグインや複雑なコードに依存する必要はありません。この記事では、効率的なポップアップを設定し、ウェブサイトのユーザー体験を最適化し、問い合わせのコンバージョン率を高めるために、アバダキャンバス機能を使用する方法を詳しく説明します。
ステップ:ウェブサイトバックエンド→Avadaテーマ→オフキャンバス→オフキャンバス名を入力
![画像[1] - Avadaを使用すると、簡単にポップアップウィンドウの効果を達成するためのキャンバス機能が付属しています:効率的なユーザー体験を作成するために(06) - フォトンゆらぎネットワーク|プロのWordPress修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091402334525.png)
キャンバス名を入力:名前を作成
ライブ編集(下)をクリック
![画像[2] - Avadaにはキャンバス機能があり、ポップアップウィンドウ効果を簡単に実現できます。](https://www.361sale.com/wp-content/uploads/2024/09/2024091402364125.png)
2つの編集モードがあります。
![画像[3] - Avadaを使用すると、簡単にポップアップウィンドウの効果を達成するためのキャンバス機能が付属しています:効率的なユーザー体験を作成するために(06) - フォトンゆらぎネットワーク|プロのWordPress修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091402392612.png)
しかし、より直感的な効果を得るためには、フロントエンドでの編集をお勧めします。
![画像[4] - Avadaを使用すると、簡単にポップアップウィンドウの効果を達成するためのキャンバス機能が付属しています:効率的なユーザー体験を作成するために(06) - フォトンゆらぎネットワーク|プロのWordPress修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091402443487.png)
コンテナの選択
![画像[5]-Avadaにはキャンバス機能があり、ポップアップウィンドウ効果を簡単に実現できます。](https://www.361sale.com/wp-content/uploads/2024/09/2024091402443521.png)
適当な容器
![画像[6] - Avadaには、ポップアップウィンドウ効果を簡単に実現するキャンバス機能が搭載されています。](https://www.361sale.com/wp-content/uploads/2024/09/2024091402451711.png)
増加
![画像[7] - Avadaを使用すると、簡単にポップアップウィンドウの効果を達成するためのキャンバス機能が付属しています:効率的なユーザー体験を作成するために(06) - フォトンゆらぎネットワーク|WordPress修理サービスの専門家、世界、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091402461913.png)
必ずしもフォームだけを入れればいいというわけではなく、テキスト付きの写真など、割安な情報を入れることもできます。
![画像[8] - Avadaを使用すると、簡単にポップアップウィンドウの効果を達成するためのキャンバス機能が付属しています:効率的なユーザー体験を作成するために(06) - フォトンゆらぎネットワーク|プロのWordPress修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091402481413.png)
![画像[9]-Avadaにはキャンバス機能があり、ポップアップウィンドウ効果を簡単に実現できます。](https://www.361sale.com/wp-content/uploads/2024/09/2024091402485597.png)
ニーズによります。
![画像[10]-Avadaにはキャンバス機能があり、ポップアップウィンドウ効果を簡単に実現できます。](https://www.361sale.com/wp-content/uploads/2024/09/2024091402532772.png)
ポップアップウィンドウとして知られるキャンバス全体の設定も可能です。
![画像[11]-ポップアップウィンドウの効果を簡単に実現するキャンバス機能を備えたAvadaを使用する:効率的なユーザー体験を作成する(06) - Photon Flux Network|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091402544943.png)
![画像[12]-Avadaにはキャンバス機能があり、ポップアップウィンドウ効果を簡単に実現できます。](https://www.361sale.com/wp-content/uploads/2024/09/2024091402551915.png)
あなたがコンテンツがエッジに近すぎるしたくない場合は、より直感的な効果を得るために、私は、上の図のように、内側のフレームをドラッグすることができ、違いを強調するために暗い色で使用されます。
ステップ:ウェブサイトバックエンド→アバダテーマ→オフキャンバス→オフキャンバスオプション→条件
ポップアップウィンドウのトリガー条件の設定
ポップアップウィンドウを設定したら、次はそのトリガー条件を設定します。外国貿易サイトの場合、通常ユーザーは 「今すぐ見積もり などのボタンをクリックすると、ポップアップウィンドウが表示されます。もちろん、ユーザーがページにアクセスしたときにすぐにポップアップウィンドウを表示させたいというウェブマスターもいますが、この方法はユーザーエクスペリエンスに影響を与える可能性があるので、注意して使用することをお勧めします。
![画像[13]-ポップアップウィンドウの効果を簡単に実現するキャンバス機能を備えたAvadaを使用する:効率的なユーザー体験を作成する(06)- Photon Flux Network|プロフェッショナルなWordPress修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091403032568.png)
次に
![画像[14]-ポップアップウィンドウの効果を簡単に実現するキャンバス機能を備えたAvadaを使用する:効率的なユーザー体験を作成する(06)- Photon Flux Network|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091403040654.png)
ボタンをクリックしてポップアップウィンドウを表示します。
ボタンをクリックしてポップアップをトリガするように選択した場合、キャンバスに追加の設定を行う必要はなく、トリガ条件やルールを構成する必要もありません。ボタンモジュールで、URLバーの右側にあるスタックアイコンを見つけてクリックし、「キャンバスを開く」を選択します。
![画像[15]-Avadaにはキャンバス機能があり、ポップアップウィンドウ効果を簡単に実現できます。](https://www.361sale.com/wp-content/uploads/2024/09/2024091403120371.png)
画像(下)のDYNAMIC CONTENTという条件を選択します。
![画像[16]-ポップアップウィンドウの効果を簡単に実現するキャンバス機能を備えたAvadaを使用する:効率的なユーザー体験を作成する(06)- Photon Flux Network|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091403125375.png)
次のように「Open Off Canvas」を選択します。
![画像[17]-ポップアップウィンドウの効果を簡単に実現するキャンバス機能を備えたAvadaを使用する:効率的なユーザー体験を作成する(06)- Photon Flux Network|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091403140628.png)
先ほど編集したキャンバス名を選択します。
![画像[18]-ポップアップウィンドウの効果を簡単に実現するキャンバス機能を備えたAvadaを使用する:効率的なユーザー体験を作成する(06)- Photon Flux Network|プロフェッショナルなWordPress修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091403143284.png)
最終結果
フォアグラウンドに戻ってクリックすると、ポップアップウィンドウが表示されます。
前述の設定条件に加え、トリガー機能もあります。下図
ステップ:ウェブサイトバックエンド→アバダテーマ→オフキャンバス→オフキャンバスオプション→トリガー
トリガーでトリガー条件を設定
たとえば、このキャンバスをトリガーするのは、ユーザーがサイトを終了する意図があるときです。
![画像[19]-ポップアップウィンドウの効果を簡単に実現するキャンバス機能を備えたAvadaを使用する:効率的なユーザー体験を作成する(06)- Photon Flux Network|プロフェッショナルなWordPress修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/09/2024091403192088.png)
![画像[20]-Avadaにはキャンバス機能があり、ポップアップウィンドウ効果を簡単に実現できます。](https://www.361sale.com/wp-content/uploads/2024/09/2024091403201640.png)
ステップ:ウェブサイトバックエンド→アバダテーマ→オフキャンバス→オフキャンバスオプション→ルール
トリガールールの設定下図
このポップアップを常に表示させたいとします。
![画像[21]-Avadaにはキャンバス機能があり、ポップアップウィンドウ効果を簡単に実現できます。](https://www.361sale.com/wp-content/uploads/2024/09/2024091403210032.png)
トリガー条件をサイト全体に表示するように設定し、ユーザーが終了インテントを持ったときにポップアップが表示されるようにしているので、マウスをページから離すと自動的にポップアップが表示されます。もしユーザーがサイトにアクセスしたらすぐにポップアップをロードしたい場合は、ページがロードされたときに表示されるように、終了インテントのトリガー条件を変更するだけです。
ポップアップウィンドウのトリガー条件には様々な組み合わせがありますので、どんどん試してみることをおすすめします。同時に、マーケティングフックや特定の条件を設定してポップアップウィンドウをトリガーすることで、ユーザーが問い合わせをする確率や、ユーザーがサイトの割引情報を知る確率などを効果的に向上させることができるなど、ユーザーエクスペリエンスも考慮する必要があります。
概要
Avadaのキャンバス機能を使えば、さまざまなポップアップを簡単に作成し、ウェブサイトのニーズに合わせてトリガーを設定することができます。今すぐ見積もり」ボタンのクリックをトリガーにすることも、ページロード時に表示することも、すべて簡単に設定できます。ポップアップを使用する際、ユーザーエクスペリエンスが損なわれないようにすること、そしてユーザーのコンバージョンを最大化するためにマーケティングフックとトリガーを適切に設定することが重要です。このチュートリアルを通して、Avadaのキャンバス機能を上手に活用し、効率的でユーザーフレンドリーなポップアップを海外貿易サイトに作成していただければ幸いです。次回は、さらに便利なAvadaテーマの機能をご紹介します!
お問い合わせ | |
---|---|
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
![]() カスタマーサービス WeChat
|
① 電話:020-2206-9892 | |
② QQ咨询:1025174874 | |
三 Eメール:info@361sale.com | |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/19800この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし