Elementorで利用規約、同意書などボックスでスクロール表示する方法

ワードプレス講座

Elementorでランディングページなどを作成する際に、利用規約や同意書を記載するケースがあると思います。

利用規約などを別のページに作成すると、クリックすることで離脱にも繋がりますし、読んでいないというクレームもくるかもしれません。

そうならないためにも、ランディングページの中に記載した方が良いのですが、利用規約などは長いので、全文を表示させるのは逆にランディングページの離脱にもつながります。

では、どうしたら良いのか?

それはボックスに表示させてスクロールさせたら良いわけです。時々見かけたことありませんか?ボックスないに利用規約などが記載されていてスクロール表示になっているケースです。

今回は、Elementorを使ってスクロール表示させる方法について説明します。

OoohBoi Steroids for Elementorプラグインをダウンロードする

こちらのページからプラグインOoohBoi Steroids for Elementorをダウンロードします。

OoohBoi Steroids for Elementor
Boost your Elementor with some fresh and yet innovative options.

それを新規追加からインストールして有効化してください。

そうすると、Elementorを起動したときに実装されています。

まずテキストエディタを入れます。

テキストエディタを入れたら、そこに利用規約や同意書を書きます。

次に、そのテキストエディタの枠あたりにカーソルを持っていくと、下図のようなアイコンが表示されます。そのアイコンをクリックしてください。

そうすると、左側の表示が変わります。

この中の上の赤枠にCustom Heightとあります。これで高さを調整します。そして、下のScrollable ColumnをYesにすると完成です。完成して更新するとこのようにスクロール表示されます。

以上で完成です!英語ですが、こちらの動画に解説があります。訳3分ごろから解説があります。

コメント

タイトルとURLをコピーしました