Parajumpers Jakke pass4sure exams primeprom.com online Nikon Lens Mug

ランディングページもWordPressで作る

Zopimの設置方法と使い方|ランディングページに無料高機能チャットを設置する方法

Zopim設置方法と使い方

 webサイトの右下にこのようなチャット用ウィジェットを見たことが有りますか?

これ、Zopim Live Chatという無料のオンラインチャットシステムです。

英語版ですが、使い方はいたってシンプルですのでECサイトや販売用のランディングページなどに埋め込むのも新たな顧客とのコンタクトには良いと思います。

電話や問合せフォームからの申込に加えて新たな離脱防止にも役立つのでこの機会に設置してみてはいかがでしょうか。

プラウザの一番下に表示されるチャット専用窓なので縦に長いホームページでも常時チャットウィジェットを表示することが可能です

Zopim Live Chatの設置方法(使い方)

https://www.zopim.com/

こちらのZopim公式サイトにアクセスしてメールアドレスとIDを入力。

すぐにアカウント作成メールが返信されるので届いたメールからログイン出来ます。

ログインの前にメールで届いたZopimのタグ(Javascript)をホームページに設置します。

WEBページへの設置方法

2014-04-04_16-34-38

Zopimのアカウント申込直後にこのようなタグが記入されたメールが届きます。

こちらのコード(タグ)をコピペで設置したいサイト(WEBページ)へ貼り付けます。

貼り付けるとことは<head></head>の間

2014-04-04_16-35-58

これはWordPressでの設置例ですが、WordPressの場合、外観→テーマ編集→ヘッダーの編集画面を開きコード編集ボックス内の</head>直前に適当に貼り付けるだけで作動します。

Zopimの色やメッセージの調整方法

以上のようにアカウント作成→コード貼り付け

これだけですでにZopimは使える(動いてる)状態です。

しかしデフォルトで使うとメッセージや入力欄の案内が全て英語になってしまうので、少し変更を加える必要があります。

こちらはzopimの管理画面で行いますがわりと簡単なので英語でも操作できるはずです。

ログイン後の画面

左のサイドバーにSetting→Dashbord(ダッシュボード)と書かれた管理グループがあるのでこちらをクリックします。

画面の上部に

「Getting Started」「 Appearance」 「Forms」 「Settings」

というタブがあります。

このタブの「 Appearance」 をクリックします。

2014-04-04_15-56-48

ここでZopimnoチャット窓の色やタイトルを変更出来ます。

日本語も対応しています。

2014-04-04_15-58-12

オンライン、オフラインの表示メッセージの編集

Zopimは専用の管理画面にログインしていればWEBページに設置したチャット窓(メッセージボックス)にオンライン、オフラインという受付側の状況表示が出来ます。

こちらも初期設定では英語になっていますのでサイトの趣旨に合った日本語へ変更しておきます。

2014-04-04_15-58-57

言語設定を日本語へ変更

画面上部のタブ「Settings」をクリックします

General Preferenceという項目が1番目にありますのでプルダウンで日本語を選択

画面下部にSaveがあるので保存します。

2014-04-04_16-03-21

その他の便利な設定

以上のセッティングだけでも十分使えると思うのですが、他にも様々な細かなセッティングが可能です。

お客様のログイン方法の選択

2014-04-04_16-04-53

Facebook、Google+との連携で利用者がログインしてメッセージを送信することが出来ます。

また、SNSと連携したくない人用にメールアドレスや電話番号だけ入力させる方法も選択可能です。

これらにチェックしなければサイト訪問者が自由にかつ気楽にメッセージを送れますので、サイトの目的に合わせて問い合わせする人をフィルタリングすることも可能です。

2014-04-04_16-08-20

※風俗サイトなどでよく使われている事例を見ると、このフィルタリングはオフにされている事が多いようです。

サイト管理者のアイコン設定

Zopimでの会話はチャット形式で

  • レガシーなテキストだけが積み重なる表示形式
  • LINEのようなバブル表示で会話が表示される形式

を選択できます。

ここで、管理者側のアイコンを設定しておくとチャット内容が見やすくなります。

2014-04-04_16-05-31

初期応答メッセージの編集

Zopimの初期応答メッセージは英語になっています。

これを日本語でわかりやすくするには以下の画像のように

「Forms」のタブを開き

Offline Formオフラインフォームの文章を編集します。

2014-04-04_16-09-02

デフォルトの英語の部分を書き換えると画面右側のプレビューに反映されますので、わかりやすいはずです。

2014-04-04_16-09-59

 

Zopimの使い方

WEBサイト訪問者からのメッセージが発生した場合はそのままチャット。

オフラインの際はメッセージがあったことをメールへ送信設定することも可能です。

 

Zopimのアクセス解析

チャット機能のほかアクセス解析機能もあるためどこのページで問合せが発生したのか?などをシンプルに判断できるため便利なツールです。

2014-04-04_16-20-29

 

※筆者が運営する稼ぐサイトで使うテンプレートはこちら
WordPress派におすすめ賢威テンプレート

これはすごいテンプレート、、いや、システムです!


簡単操作でランディングページも作成可能なWindows8対応ソフト
WordPressではなくインストール型のソフトをご希望の方へ
こちらアフィリエイト用のLP作成ツールをお探しの方に人気です。
アフィリエイト専用の最強LP&HP作成ソフト
ページを編集しながらボタンやアイコンなどの画像作成も可能です
Return Top