Wix Harmony エディタ:ポップアップを追加・カスタマイズする
この記事内
- ポップアップを追加する
- ポップアップをカスタマイズする
- パーツをポップアップにリンクさせる
- ポップアップを管理する
- よくある質問
ポップアップは、訪問者の注意を引きつけ、重要なお知らせやプロモーションなどを表示するのに役立ちます。ポップアップはカスタマイズすることができ、表示するタイミングや訪問者が閉じる方法などを設定することができます。
ポップアップを追加する
まず、サイトにポップアップを追加します。ポップアップはさまざまなテンプレートとカテゴリーから選択して、「ようこそ」や「お問い合わせ」などのポップアップを追加することができます。
ポップアップを追加する方法:
- エディタに移動します。
- エディタ左上の「+追加」をクリックします。
- 「パーツ」を選択します。
- 「その他のオプション」アイコン
にマウスオーバーし、スクロールダウンして、「ポップアップ」
をクリックします。 - 好みのデザインのものをページにドラッグします。

ポップアップをカスタマイズする
ブランドに合わせてポップアップのコンテンツ、デザイン、動作をカスタマイズします。ポップアップの外観、ポップアップを表示するページ、訪問者がポップアップを閉じる方法などをカスタマイズすることができます。
ポップアップをカスタマイズする方法:
- エディタに移動します。
- ページ左上の「ページ」ドロップダウンをクリックします。
- (「サイトページ」パネル内で)該当するポップアップを選択します。
- エディタでポップアップパーツをクリックします。
- ポップアップをカスタマイズする方法を決定します:
ポップアップを表示するページを選択する
パーツを追加する
ポップアップをデザインする
訪問者がポップアップを閉じる方法を選択する
遅延表示を設定する

パーツをポップアップにリンクさせる
サイト上のパーツをリンクさせてポップアップが開くようにし、訪問者がお知らせを見逃さないようにします。テキスト、画像、動画、ボタンなどのパーツをリンクさせることができます。
パーツをポップアップにリンクさせる方法:
- エディタに移動します。
- エディタで該当するパーツをクリックします。
- アクションバーで「リンク」アイコン
をクリックします。 - 「リンクを選択」をクリックします。
- 「その他のオプション」アイコン
をクリックし、「ポップアップ」をクリックします。 - 「ポップアップ」ドロップダウンをクリックし、該当するポップアップを選択します。
- 「完了」をクリックします。

ポップアップを管理する
ポップアップの名前を変更したり、複製したり、削除したりして、最新の状態に保ちます。
ポップアップを管理する方法:
- エディタに移動します。
- ページ左上の「ページ」ドロップダウンをクリックします。
- (「サイトページ」パネル内で)ポップアップにマウスオーバーし、「その他のアクション」アイコン
をクリックします。 - 実行する内容を選択します:
ポップアップの名前を変更する
ポップアップを複製する
ポップアップを削除する

よくある質問
ポップアップに関する詳細については、以下の質問をクリックしてください:
1つのページに複数のポップアップが自動的に表示されるように設定することはできますか?
変更内容を公開する前にポップアップをプレビューすることはできますか?
ポップアップへのリンクを共有することはできますか?
画面上でポップアップが表示される場所を選択することはできますか?


をクリック
をクリックします。
:ブランドカラーまたはカスタムカラーのいずれかを選択し、パーツの色を変更します。
:パーツまたは選択した領域の周囲の余白を調整して、コンテンツに余白を追加します。
:パーツの枠線の色、太さ、スタイルを変更します。
:「半径」下のスライダーをドラッグし、パーツの角の丸みを調整します。「個々の角を編集」アイコン
をクリックすると、それぞれの角を個別にデザインすることができます。
:内側と外側の影を適用し、位置、ぼかし、色などを調整して、パーツが立体的に見えるようにします。
をクリックします。
をクリックし、変更内容を保存します。