読者です 読者をやめる 読者になる 読者になる

へんてこ雷理の

知りたいコト 調べたコト 体験したコト etc.

「お問い合わせフォーム」を設置してみた件 

  

f:id:hentekomura:20170406170141j:plain

必要なのかなぁ? と思いながら 

面倒そうなので 気付かないフリしてきた 

「お問い合わせフォーム」の設置 

 
きのう チラチラ調べてみたら 
いくつか種類がある中で コレ!  

 

tayori.com

 

とりあえず 設置してみた! 


参考にさせていただいたのは コチラのおふたり 

lovdiv.hatenablog.com

 

yoshimamo.hatenablog.com

 

 

よしまさんは 今はコレ 使ってないご様子 

その理由はちょと気になるけど 

まっいい デザインとか 気に入ったしっ♫ 

 

 

「 Tayori 」 設置手順 

f:id:hentekomura:20170406155102p:plain


1 新規登録

 

 

「新規登録はこちら」をクリックして 

メールアドレス と パスワードを記入 

 

登録したアドレスに 確認メールが届いたら  
URLをクリックしてログイン 

 

2 フォームの作成 

 

  フォーム名(なんでもOK)を記入   

  フォームタイプを選択 


3 フォームデザイン 

  カラー設定など 

 

f:id:hentekomura:20170406160234p:plain

4 フォーム設置

 

「GoogleアナリティクスのIDをお持ちの方は入力してください」

とかは無視して 

f:id:hentekomura:20170406160555p:plain

 

 ① ボタン種類カラー 透明度の設定

 ② 表示位置の設定

 ➂ 設置サイト ドメイン 

   http://から後ろの部分(私の場合 www.rairi.xyz)を記入

 

f:id:hentekomura:20170406160746p:plain

 

5 コード埋め込み 

 

f:id:hentekomura:20170406161643p:plain

 

コードをコピーして ⇒ ブログに貼り付ける 

 (今回PCのみ スマホには貼らず)

 

” はてなブログ ”での貼り付け 

 

管理画面 ⇒ デザイン ⇒ カスタマイズ(工具?マーク)⇒ 

サイドバー ⇒ HTML に貼り付け ⇒ 変更を保存する  

 

 

でっ こんな感じ♪ 

 

f:id:hentekomura:20170406162652p:plain

 

ちょい触れてみて~ 

 

いい感じでは ないですか?  

 

 

4/7 追記 

 ブクコメ頂いた件 

 

説明不足でしたが 

送信者は 指定される暗号?パスを入力して 送信可能になり 

Tayoriを仲介してのコンタクトになるので 

受信側も安心して利用することができます  

 

 

「Tayori」の特徴から2点(引用)

 

1 データの暗号化


Tayoriは無料プランでもブラウザとwebサーバ間の通信はSSLによってすべて暗号化され、第三者による通信経路からの傍受リスクには充分な対策を行っています。お問い合わせフォームからのお客様とのコミュニケーション履歴や管理ページでのチームのナレッジも安全に蓄積することができます。

2 安心な顧客サポート


SSL通信で保護されるのは、安全なメールフォームだけでなく、お客様とのコミュニケーションも外部に漏れることはありません。お問い合わせのやりとりは、お客様とあなただけが見ることのできる非公開のページで行われ、安全なカスタマーサポートを提供することができます。

 

また何かあれば 追記しますね☆

Email

 

ポチッと応援よろしくお願いします♪

にほんブログ村 その他日記ブログ 備忘録・メモへ
にほんブログ村