zendesk記事内のhtmlテンプレートなど

[html] 中見出し1 (h2)

<h2>中見出し1 (h2)</h2>

 

[html] 中見出し1 (h3)

> [html] 中見出し1 (h3)

<h3>> 中見出し1 (h3)</h3>

> [html] 中見出し1 (h4)

 

[html] リンク

▼ 1. ページ内リンク
≫ サイト内リンク1
外部リンク1

<a href="#href">▼ 1. ページ内リンク</a>
<a href="https://jp-help.sansan.com/hc/ja">≫ サイト内リンク1</a>
<a target="_blank" class="blank" href="https://www.sansan.com/">外部リンク1</a>

 

[html] 箇条書き

  • 箇条書き1, 文言を表示します。強調したい場合はBoldで表示します。文言を表示します。強調したい場合はBoldで表示します。文言を表示します。強調したい場合はBoldで表示します。
    • 箇条書き1-1, 文言を表示します。強調したい場合はBoldで表示します。
      • 箇条書き1-2, 文言を表示します。強調したい場合はBoldで表示します。
        • 箇条書き1-3, 文言を表示します。強調したい場合はBoldで表示します。
  • 箇条書き2, 文言を表示します。強調したい場合はBoldで表示します。
  • 箇条書き3, 文言を表示します。強調したい場合はBoldで表示します。
<ul class="list-items">
  <li>箇条書き1, 文言を表示します。強調したい場合は<strong>Bold</strong>で表示します。文言を表示します。強調したい場合は<strong>Bold</strong>で表示します。文言を表示します。強調したい場合は<strong>Bold</strong>で表示します。
    <ul>
      <li>箇条書き1-1, 文言を表示します。強調したい場合は<strong>Bold</strong>で表示します。
        <ul>
          <li>箇条書き1-2, 文言を表示します。強調したい場合は<strong>Bold</strong>で表示します。
            <ul>
              <li>箇条書き1-3, 文言を表示します。強調したい場合は<strong>Bold</strong>で表示します。
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
  <li>箇条書き2, 文言を表示します。強調したい場合は<strong>Bold</strong>で表示します。</li>
  <li>箇条書き3, 文言を表示します。強調したい場合は<strong>Bold</strong>で表示します。</li>
</ul>

 

[html] 箇条書き 罫線あり

入れ子OK。階層は4個まで用意してあります。

  • リスト表示1, 文言を表示します。リスト表示1, 文言を表示します。リスト表示1, 文言を表示します。リスト表示1, 文言を表示します。
    • リスト表示1, 文言を表示します。
      • リスト表示1, 文言を表示します。
  • リスト表示2, 文言を表示します。
  • リスト表示3, 文言を表示します。

 

<ul class="list-items list-border">
  <li>リスト表示1, 文言を表示します。リスト表示1, 文言を表示します。リスト表示1, 文言を表示します。リスト表示1, 文言を表示します。
    <ul>
      <li>リスト表示1, 文言を表示します。
        <ul>
          <li>リスト表示1, 文言を表示します。
          </li>
        </ul>
      </li>
    </ul>
  </li>
  <li>リスト表示2, 文言を表示します。</li>
  <li>リスト表示3, 文言を表示します。</li>
</ul>

[html] ステップ

(1) 右上ユーザメニュー「設定」-左側メニュー「アプリケーションの設定」
(2) 右上ユーザメニュー「設定」-左側メニュー「アプリケーションの設定」
(3) 右上ユーザメニュー「設定」-左側メニュー「アプリケーションの設定」

<p>(1) 右上ユーザメニュー「設定」-左側メニュー「アプリケーションの設定」 <br>
(2) 右上ユーザメニュー「設定」-左側メニュー「アプリケーションの設定」 <br>
(3) 右上ユーザメニュー「設定」-左側メニュー「アプリケーションの設定」</p>

 

[html] テーブル 簡易

氏名 Sansan ログイン情報のご案内
ヘッダータイトル1 テーブル内 : 表示する文言です。表示する文言です。
テーブル内 : 表示する文言です。表示する文言です。
<table class="table-h">
<tr>
  <th>氏名</th>
  <td><strong>Sansan ログイン情報のご案内</strong></td>
</tr>
<tr>
  <th>ヘッダータイトル1</th>
  <td>テーブル内 : 表示する文言です。表示する文言です。<br />テーブル内 : 表示する文言です。表示する文言です。</td>
</tr>
</table>

 

[html] テーブル

(1) テーブルは最大件数20件まで表示できます。
(2) 20件を超える場合、プロダクト内ではページングされます。

ヘッダータイトル1 ヘッダータイトル2 ヘッダータイトル3
テーブル内に表示する文言です。 テーブル内に表示する文言です。 テーブル内に表示する文言です。
テーブル内に表示する文言です。 テーブル内に表示する文言です。 テーブル内に表示する文言です。
テーブル内に表示する文言です。 テーブル内に表示する文言です。 テーブル内に表示する文言です。
テーブル内に表示する文言です。 テーブル内に表示する文言です。 テーブル内に表示する文言です。
テーブル内に表示する文言です。 テーブル内に表示する文言です。 テーブル内に表示する文言です。
<table class="table">
<tr>
  <th>ヘッダータイトル1</th>
  <th>ヘッダータイトル2</th>
  <th>ヘッダータイトル3</th>
</tr>
<tr>
  <td>テーブル内に表示する文言です。</td>
  <td>テーブル内に表示する文言です。</td>
  <td>テーブル内に表示する文言です。</td>
</tr>
</table>

 

[html] 青背景

名刺所有者ユーザID:このユーザIDは使用できません
このユーザIDは使用できません
このユーザIDは使用できませんこのユーザIDは使用できません

<div class="blue-box">
  <p>名刺所有者ユーザID:このユーザIDは使用できません<br />このユーザIDは使用できません<br />このユーザIDは使用できませんこのユーザIDは使用できません</p>
</div>

 

 

 

 

構築時に設定したテンプレート

※ いちおう残してあります。現在でも使用できます。

 

GroupSalesProfessionalSmartphone

1. リードカスタム項目の対応付け

Sansanからリードに登録された情報を取引先責任者へ引き継ぐために、リードカスタム項目を以下のとおり対応付けいただく必要があります。

(1) 右上ユーザメニュー「設定」-左側メニュー「アプリケーションの設定」-「カスタマイズ」-「リード」-「項目」を選択してください。

 

2. 中見出し

名刺管理・名刺共有 情報配信

Scene1
担当者変更に合わせて名刺の担当者も変更する
担当者変更と合わせて、名刺の担当者(所有者)も変更する方法です。

Scene2
企業別に人脈を確認する
企業単位に人脈を確認し、未アプローチ部署の可視化を行う方法です。

Scene3
名刺の会社名、住所などを一括変更する
社名変更やオフィス移転による住所変更など、特定企業の名刺情報を一括で変更する方法です。

Scene1
差出人を指定してメール一括配信する
複数人が同一人物の名刺を所有していた場合のメール一括配信する方法です。 (ここでは、重複配信を避けるだけでなく、任意のユーザを差出人として指定します)

Scene2
ハガキを出したい(年賀状、暑中見舞い、移転案内)
年賀状や暑中見舞いなど季節のハガキを作成する際の送付リスト作成方法です。

 

3. エラーと解決方法

■エラー#1
名刺所有者ユーザID:このユーザIDは使用できません
原因1: 指定したユーザIDはSansanに登録されていますか
解決1: 登録されているユーザIDをご指定ください。
手入力で指定された場合、入力ミスも考えられますので「ユーザ追加・変更」画面よりコピー&ペーストを行ってください。



 

[html] 中見出し

<h2>中見出し</h2>

 

[html] タグ

アイコンなしGroupSalesProfessionalSmartphone

<span class="tag">アイコンなし</span>
<span class="tag icon-group">Group</span>
<span class="tag icon-sales">Sales</span>
<span class="tag icon-pro">Professional</span>
<span class="tag icon-sp">Smartphone</span>

 

[html] ラベル

ラベル

<span class="label">ラベル</span>

 

[html] テーブル(装飾あり)

  名刺管理・名刺共有 情報配信
1行目 担当者変更と合わせて、名刺の担当者(所有者)も変更する方法です。 担当者変更と合わせて、名刺の担当者(所有者)も変更する方法です。
2行目 担当者変更と合わせて、名刺の担当者(所有者)も変更する方法です。 担当者変更と合わせて、名刺の担当者(所有者)も変更する方法です。
<table class="table">
<tr>
  <th style="width:80px;"></th>
  <th>名刺管理・名刺共有</th>
  <th>情報配信</th>
</tr>
<tr>
  <th>1行目</th>
  <td>担当者変更と合わせて、名刺の担当者(所有者)も変更する方法です。</td>
  <td>担当者変更と合わせて、名刺の担当者(所有者)も変更する方法です。</td>
</tr>
<tr>
  <th>2行目</th>
  <td>担当者変更と合わせて、名刺の担当者(所有者)も変更する方法です。</td>
  <td>担当者変更と合わせて、名刺の担当者(所有者)も変更する方法です。</td>
</tr>
</table>

<table> に class="table" を設定するとセルに線がつきます。
<th> を使うと背景が青になり、フォントサイズが大きくなります。

 

[html] テーブル(装飾なし)

原因1: 指定したユーザIDはSansanに登録されていますか
解決1: 登録されているユーザIDをご指定ください。
手入力で指定された場合、入力ミスも考えられますので「ユーザ追加・変更」画面よりコピー&ペーストを行ってください。
<table>
<tr>
  <td style="width:70px;">原因1:</td>
  <td>指定したユーザIDはSansanに登録されていますか</td>
</tr>
<tr>
  <td style="width:70px;">解決1:</td>
  <td>登録されているユーザIDをご指定ください。<br />手入力で指定された場合、入力ミスも考えられますので「ユーザ追加・変更」画面よりコピー&ペーストを行ってください。</td>
</tr>
</table>

 

[html] アラート

■エラー#1
名刺所有者ユーザID:このユーザIDは使用できません
<div class="gray-box">
■エラー#1 <br />
名刺所有者ユーザID:このユーザIDは使用できません
</div>

 

[html] フォントサイズ (小)

必要に応じてオプション機能をご活用ください オプション設定とは
<div class="f12">
必要に応じてオプション機能をご活用ください オプション設定とは
</div>



 

トップページ等の更新

[更新] トップページのよくある質問

https://jp-help.sansan.com/hc/admin/appearance

「テーマを編集」をクリックし、「ホームページ」の

<!-- ▼▼▼ 日本語:よくある質問はこの中を編集 ▼▼▼ -->

<!-- ▲▲▲ 日本語:よくある質問はこの中を編集 ▲▲▲ -->

の中が該当のhtmlですので、この中を編集してください。

もし、今後、英語版を追加する際は

<!-- ▼▼▼ 英語:よくある質問はこの中を編集 ▼▼▼ -->

<!-- ▲▲▲ 英語:よくある質問はこの中を編集 ▲▲▲ -->

を同じように編集していただければ、日英で出しわけられます。

 

[更新] サイドナビのカテゴリ一覧

https://lkfaq.zendesk.com/agent/admin/dynamic_content
の widget_categories を編集してください。

 

デバイスごとの書き方

PCの場合 iPhoneの場合 Androidの場合

1. デジタル名刺の登録画面へアクセス

以下いずれかの導線からデジタル名刺の登録画面にアクセスすることができます。

1. デジタル名刺の登録

[デジタル名刺を登録]をタップして、デジタル名刺として登録する自分の最新の名刺を撮影してください。
※ 撮影した名刺のデータ化には時間がかかる場合があります。

1. デジタル名刺の登録

[デジタル名刺を登録]をタップして、デジタル名刺として登録する自分の最新の名刺を撮影してください。
※ 撮影した名刺のデータ化には時間がかかる場合があります。

 

[html] グレー背景付リスト


  <ul class="gray-box" style="text-align: center; list-style: none;">
    <li class="anchor">
      <a href="">リスト表示1</a>
    </li>
    <li class="anchor">
      <a href="">リスト表示2</a>
    </li>
  </ul>

 

テスト

  • 厚生労働省
    • 介護サービス情報の公表システムデータのオープンデータ
      (https://www.mhlw.go.jp/stf/kaigo-kouhyou_opendata.html)
      • 箇条書き1-2, 文言を表示します。強調したい場合はBoldで表示します。
        • 箇条書き1-3, 文言を表示します。強調したい場合はBoldで表示します。

 

この記事は役に立ちましたか?
貴重なご意見をお寄せいただき
ありがとうございます。
問題が解決しない場合は
AIチャットでもサポートさせていただきます
AIチャットでお問い合わせ