PEPPERは、電話番号やメールアドレス、各種SNSの連絡先を表示するためのウィジェットが設置できるツールです。使い方も非常に簡単で、連絡先の設定をすればコードが発行されるので、それをサイトに貼り付けるだけです。
PEPPERの使い方
PEPPERにアクセスして、[GET PEPPER – IT’S FREE]をクライアントします。
各連絡先を設定すれば、「Embed code」にコードが表示されるので、それをコピーしてサイトに貼り付けます。貼り付ける場所は、</body>の直前でOKです。
<script async src='https://pepper.swat.io/embed.js?eyJwb3NpdGlvbiI6InJpZ2h0IiwiY29sb3IiOiI0QTkwRTIiLCJjdXN0b21Db2xvciI6ZmFsc2UsImljb24iOiJidWJibGUiLCJwcm9ub3VuIjoidXMiLCJsYW5ndWFnZSI6ImVuIiwiYnJhbmRlZCI6dHJ1ZSwiaW50cm9UZXh0IjpudWxsLCJjaGFubmVscyI6W1siZmFjZWJvb2siLCJzd2F0LmlvIiwic29jaWFsIl0sWyJ0d2l0dGVyIiwic3dhdF9pbyIsInNvY2lhbCJdLFsicGhvbmUiLCIrMzEzMzczIiwiY2xhc3NpYyJdLFsiZW1haWwiLCJtYWlsQGV4YW1wbGUuY29tIiwiY2xhc3NpYyJdXX0='></script>
コードを張り付ければ、以下のようなウィジェットが表示されるようになります。これは展開した状態ですが、クリックするまではボタンのみが表示された状態です。
あとがき
直感的に扱えて迷うことはないので問題はないかと思いますが、残念ながら日本語には対応していません。
連絡先へのリンクをサイトに設置したい時は、手軽で使いやすいのでぜひ！