LoginSignup
8
7

More than 5 years have passed since last update.

Smallchatを使ってSlack連携するホームページ

Posted at

ホームページで、チャットを使って質問できる機能を見かけるので、普段使っているSlackと連携できないかなと思い調べてみました。

Smallchatとは

  • ホームページ上で、指定したSlackのチャンネルとチャットができる
  • タグを埋め込むだけでOK

Slackの準備

  • こちらからアカウントとチームを準備してください

Smallchatの準備

  • 基本的に無料です。(有料コンテンツもあります)
  • こちらにアクセスして、「Add to Slack」を押します。 スクリーンショット 2018-02-25 16.01.41.png
  • チームを洗濯してAutorizeを押します。 スクリーンショット 2018-02-25 16.06.01.png
  • チャット用のチャンネルを作成します。すると、dashboard画面が表示され、ホームページに埋め込むScriptが表示されます。 スクリーンショット 2018-02-25 16.16.33.png
  • これで準備完了です。

ホームページにScriptを埋め込む

  • 先ほど表示されたScriptをホームページのHTMLファイルに埋め込みます。すると... スクリーンショット 2018-02-25 16.22.07.png
  • 右下にアイコンが表示されます! このアイコンを押すと、 スクリーンショット 2018-02-25 16.24.14.png
  • チャットができる画面が現れます。こちらにメッセージを入力すると、先ほど作成したチャンネルにメッセージが飛びます。 スクリーンショット 2018-02-25 16.26.41.png

設定の変更

  • Smallchatのdashboardから設定ができます。例えば、
    • アイコンの形
    • アイコンの色
    • タイトル文字変更
    • 入力フォームのデフォルト文字変更
  • チャンネルの追加、自動応答の機能は有料コンテンツになります。(今回は試していません)

感想

簡単に自分のホームページにチャット機能を埋め込むことができて感動しました!有料コンテンツの自動応答の機能も便利そうですね!

8
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
7