Webサイト管理者への連絡先をまとめたウィジェットが設置できる「PEPPER」

Webサイト管理者への連絡先をまとめたウィジェットが設置できる「PEPPER」

Webサイト管理者への連絡先をまとめたウィジェットが設置できる「PEPPER」

PEPPERは、電話番号やメールアドレス、各種SNSの連絡先を表示するためのウィジェットが設置できるツールです。使い方も非常に簡単で、連絡先の設定をすればコードが発行されるので、それをサイトに貼り付けるだけです。

PEPPERの使い方

PEPPERにアクセスして、[GET PEPPER – IT’S FREE]をクライアントします。

PEPPERの使い方

各連絡先を設定すれば、「Embed code」にコードが表示されるので、それをコピーしてサイトに貼り付けます。貼り付ける場所は、</body>の直前でOKです。

連絡先の設定


<script async src='https://pepper.swat.io/embed.js?eyJwb3NpdGlvbiI6InJpZ2h0IiwiY29sb3IiOiI0QTkwRTIiLCJjdXN0b21Db2xvciI6ZmFsc2UsImljb24iOiJidWJibGUiLCJwcm9ub3VuIjoidXMiLCJsYW5ndWFnZSI6ImVuIiwiYnJhbmRlZCI6dHJ1ZSwiaW50cm9UZXh0IjpudWxsLCJjaGFubmVscyI6W1siZmFjZWJvb2siLCJzd2F0LmlvIiwic29jaWFsIl0sWyJ0d2l0dGVyIiwic3dhdF9pbyIsInNvY2lhbCJdLFsicGhvbmUiLCIrMzEzMzczIiwiY2xhc3NpYyJdLFsiZW1haWwiLCJtYWlsQGV4YW1wbGUuY29tIiwiY2xhc3NpYyJdXX0='></script>

コードを張り付ければ、以下のようなウィジェットが表示されるようになります。これは展開した状態ですが、クリックするまではボタンのみが表示された状態です。

PEPPERウィジェット

あとがき

直感的に扱えて迷うことはないので問題はないかと思いますが、残念ながら日本語には対応していません。

連絡先へのリンクをサイトに設置したい時は、手軽で使いやすいのでぜひ!

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

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