ホーム / ブログセンター / DocuSignの「Smart Sections」を使用してHTMLコンテンツを折りたたむ方法

DocuSignの「Smart Sections」を使用してHTMLコンテンツを折りたたむ方法

シュンファン
2026-02-11
3分
Twitter Facebook Linkedin

効率的なドキュメント管理のための DocuSign スマートセクションの理解

デジタル契約が進化し続ける状況において、企業はワークフローを簡素化し、ユーザーエクスペリエンスを向上させるために、電子署名プラットフォームの高度な機能を利用する傾向がますます高まっています。DocuSign のスマートセクションは、特に埋め込み HTML コンテンツを扱う場合に、複雑なドキュメントを管理するための強力なツールとして際立っています。この機能により、ユーザーは契約書内に折りたたみ可能なセクションを作成できるため、署名者に負担をかけることなく、長文の契約書をよりナビゲートしやすくすることができます。ビジネスの観点から見ると、スマートセクションを実装することで、ドキュメントの放棄率を下げ、完了までの時間を短縮し、最終的には法律、不動産、金融などの業界における業務効率を向上させることができます。

DocuSign スマートセクションとは?

DocuSign のスマートセクションとは、電子署名エンベロープ内の動的なインタラクティブ要素を指し、ドキュメントのセクション(通常、テーブル、リスト、埋め込みフォームなどの HTML 形式のコンテンツを含む)を必要に応じて折りたたんだり展開したりすることができます。この機能は、DocuSign のより広範なドキュメント作成ツールの一部であり、主に Business Pro や Enterprise などの上位プランで利用できます。静的な PDF とは異なり、スマートセクションは HTML レンダリングを利用してドキュメントをレスポンシブにし、署名者は密集したテキストをスクロールすることなく、関連するセクションに集中できます。

ビジネスの観点から見ると、この機能は契約書における一般的な問題点である情報過多に対処します。業界レポートによると、10 ページを超えるドキュメントの完了率は、署名者の疲労により 20〜30% 低下します。スマートセクションは、Web デザインのアコーディオン効果と同様に、コンテンツを階層的に構造化することでこの問題を軽減し、エンゲージメントを高め、営業または人事チームのサイクルタイムを短縮できます。

image

ステップバイステップガイド:スマートセクションを使用して HTML コンテンツを折りたたむ

DocuSign スマートセクションを使用して HTML コンテンツを効果的に折りたたむには、この実用的なワークフローに従ってください。このプロセスでは、DocuSign のテンプレートエディターまたはエンベロープ作成ツールにアクセスできることを前提としており、通常は Business Pro サブスクリプション以上(年間 1 ユーザーあたり $40 から)が必要です。

ステップ 1:HTML 要素を使用してドキュメントを準備する

DocuSign でドキュメントをアップロードまたは作成することから始めます。コンテンツに HTML(動的な条項、チェックリスト、埋め込み iframe など)が含まれている場合は、正しくフォーマットされていることを確認してください。DocuSign は、Web ベースのエディターを介した HTML のインポート、または PDF に変換され、マークアップが保持された HTML ファイルのアップロードをサポートしています。

  • DocuSign ダッシュボードに移動し、「新規」>「エンベロープの送信」を選択します。
  • 基本ドキュメント(例:価格の詳細を示す HTML テーブルを含む契約書)をアップロードします。
  • 「編集」モードを使用して、HTML スニペットを挿入します。たとえば、基本的な HTML(<div class="collapsible"> など)を使用してコンテナで囲み、条項と条件に折りたたみ可能なセクションを追加します。

ビジネスヒント:Adobe Acrobat や HTML エディターなどのツールで HTML を事前にフォーマットして互換性を確保し、レンダリングの問題による承認の遅延を回避します。

ステップ 2:テンプレートでスマートセクションを有効にする

スマートセクションは DocuSign のテンプレートライブラリで構成され、複数のエンベロープで再利用できます。

  • メニューから「テンプレート」に移動し、テンプレートを作成または編集します。
  • ドキュメントエディターで、折りたたみ可能にする HTML コンテンツ(例:長文の FAQ セクション)をハイライトします。
  • 右側のプロパティパネルから、「高度なフィールド」>「スマートセクション」を選択します。
  • セクションを構成します。タイトル(例:「オプションの付録」)を設定し、「折りたたみ可能」モードを選択し、デフォルトの状態(展開または折りたたみ)を定義します。
  • HTML 固有の折りたたみの場合、DocuSign レンダラーがサポートする JavaScript のような動作にセクションをリンクします。カスタムコードを埋め込む場合は、data-collapse="true" などの属性を使用します。

このステップは、カスタマイズ可能なサービス契約など、可変長の契約を扱う企業にとって非常に重要です。関連性のないセクションを非表示にしてエクスペリエンスをパーソナライズできます。

ステップ 3:条件ロジックとフィールドを追加する

DocuSign の条件付きルーティングを使用して、折りたたみ機能を強化します。

  • スマートセクションの外部にフィールド(例:チェックボックスまたはラジオボタン)をドラッグアンドドロップします。
  • 条件をリンクします。たとえば、署名者がオプションの条項に「はい」を選択した場合、「条件ロジック」設定を使用して HTML セクションを自動的に展開します。
  • HTML レンダリングをテストします。折りたたみ可能な要素がモバイルデバイス上でレイアウトを壊すことなくスムーズに折りたたまれることを確認するために、エンベロープをプレビューします。

ビジネスの観点から見ると、この統合により、展開可能な付録付きの不動産賃貸契約など、複雑な取引におけるエラーが減少し、チームは取引ごとに数時間を節約できます。

ステップ 4:送信、追跡、最適化

  • 役割を割り当ててエンベロープを送信します。署名者には折りたたみ可能なタイトルが表示されます。クリックすると HTML コンテンツが展開されます。
  • 「管理」タブから監視します。どのセクションが操作されたかを追跡して、将来のテンプレートを最適化します。
  • 分析に基づいて反復処理を行います。DocuSign は折りたたみ/展開率を示す使用状況レポートを提供し、企業がコンバージョンを最適化するのに役立ちます。

潜在的な課題には、古いプランにおける HTML 互換性の制限が含まれます。Enterprise ユーザーはより包括的なサポートを受けられます。全体として、スマートセクションを習得することで、B2B 環境におけるユーザーからのフィードバックに基づいて、ドキュメントのレビュー時間を最大 40% 短縮できます。

スマートセクションのより広範なビジネスへの影響

スマートセクションの採用は、簡潔さが採用を促進するユーザー中心のデジタルツールへの移行と一致しています。競争の激しい市場では、DocuSign のようなプラットフォームはこのようなイノベーションによって際立っていますが、実装にはトレーニングが必要です。グローバルチームの場合、DocuSign のコア電子署名は ESIGN および eIDAS に準拠していますが、HTML コンテンツが地域の基準に準拠していることを確認してください。


DocuSign または Adobe Sign を使用した電子署名プラットフォームを比較していますか?

eSignGlobal は、グローバルコンプライアンス、透明性のある価格設定、およびより迅速なオンボーディングを備えた、より柔軟で費用対効果の高い電子署名ソリューションを提供します。

👉 無料トライアルを開始


主要な電子署名プラットフォームの比較:DocuSign、Adobe Sign、eSignGlobal、HelloSign

電子署名ソリューションを評価する際、企業は価格、機能、コンプライアンスなどの要素を比較検討します。以下は、2025 年の公開データに基づいた主要なプレーヤーの中立的な比較です。DocuSign はエンタープライズレベルの自動化に優れていますが、代替案はコストまたは地域的な焦点において異なる利点を提供します。

機能/側面 DocuSign Adobe Sign eSignGlobal HelloSign (Dropbox Sign)
コア価格(年間、エントリーレベル) $120/ユーザー/年 (Personal);$300/ユーザー/年 (Standard) $10/ユーザー/月 (Individual);$25/ユーザー/月 (Teams) $299/年 (Essential、無制限ユーザー) $15/ユーザー/月 (Essentials)
ユーザー制限 シートライセンス シートごと 無制限ユーザー シートごと、上位プランで最大 50
エンベロープ/ドキュメント割り当て 5-100/月/ユーザー(プラン関連) 上位プランで無制限 100 ドキュメント/年 (Essential) 3-無制限(プラン関連)
高度な機能(例:一括送信、API) はい (Business Pro+);API は $600/年から はい(Adobe エコシステムとの統合) はい(プロフェッショナルプランには API が含まれます) 基本的な一括送信;API アドオン
コンプライアンスの焦点 グローバル (ESIGN, eIDAS, UETA) 米国/EU に強い;Adobe Document Cloud 統合 100 以上の国;アジア太平洋地域を重視 (iAM Smart, Singpass) 米国に焦点 (ESIGN);基本的な国際対応
HTML/インタラクションのサポート 折りたたみ可能なコンテンツ用のスマートセクション 基本的な HTML を使用したフォームフィールド カスタムフィールド;AI 駆動セクション 制限あり;テンプレートベース
利点 強力な自動化、テンプレート PDF/Adobe ツールとのシームレスな統合 チームにとって費用対効果が高い、地域コンプライアンス シンプルな UI、Dropbox 統合
制限 シート/API のコストが高い Adobe スイートにバインドされている アジア太平洋地域での知名度が低い エンタープライズ機能が少ない

この表はトレードオフを強調しています。DocuSign は複雑なワークフローに適しており、Adobe Sign はクリエイティブツールと適切に統合され、eSignGlobal は手頃な価格とアジア太平洋地域を優先し、HelloSign はシンプルさを好みます。

image

DocuSign は、スマートセクションなどの包括的なツールを備えた市場リーダーであり続けていますが、そのシートごとのモデルにより、大規模なチームのコストが大幅に増加する可能性があります。

Adobe Sign:PDF 中心のアプローチ

Adobe Sign は Adobe Acrobat エコシステムの一部であり、シームレスな PDF 処理とワークフローの自動化を重視しています。インタラクティブフォームとフィールドロジックによる基本的な折りたたみ可能な要素をサポートしていますが、DocuSign のスマートセクションほど専門的ではありません。価格は個人にとっては手頃な価格ですが、企業のニーズが拡大するにつれて増加するため、クリエイティブまたはドキュメント集約型の業界に適しています。ただし、すべての価値を得るには、追加の Adobe サブスクリプションが必要になる場合があります。

image

eSignGlobal:地域コンプライアンスとコスト効率

eSignGlobal は、100 以上の主要国でコンプライアンスを遵守している、アジア太平洋地域(APAC)で強力な電子署名プラットフォームとしての地位を確立しています。APAC の電子署名環境は、断片化、高水準、厳格な規制を特徴としており、米国(ESIGN)および EU(eIDAS)のよりフレームワーク化されたアプローチとは対照的です。ここでは、標準では「エコシステム統合」ソリューションが必要であり、政府から企業(G2B)のデジタル ID との深いハードウェア/API レベルの統合が必要です。これは、西側諸国で一般的な電子メール検証や自己申告モードをはるかに超えています。

この技術的なハードルにより、西側のプロバイダーの APAC 展開は困難になっていますが、eSignGlobal は香港の iAM Smart やシンガポールの Singpass などの統合をネイティブにサポートすることで際立っており、カスタマイズされた回避策なしに法的有効性を保証しています。価格設定に関しては、Essential プランはわずか $16.6/月(年間相当)で強力な価値を提供し、最大 100 件の電子署名ドキュメント、無制限のユーザーシート、およびアクセスコードによる検証を可能にしながら、コンプライアンスを維持します。これにより、特に国境を越えた APAC 操作では、データ所在地と速度が重要な成長中のチームにとって非常に費用対効果が高くなります。

eSignGlobal は、より低い参入障壁と柔軟な拡張により、DocuSign および Adobe Sign と直接競争するために、アメリカ大陸やヨーロッパを含むグローバルな拡張を積極的に行っています。

esignglobal HK


DocuSign のよりスマートな代替案をお探しですか?

eSignGlobal は、グローバルコンプライアンス、透明性のある価格設定、およびより迅速なオンボーディングを備えた、より柔軟で費用対効果の高い電子署名ソリューションを提供します。

👉 無料トライアルを開始


HelloSign:小規模チーム向けのシンプルさ

現在 Dropbox の一部である HelloSign は、ドラッグアンドドロップテンプレートを使用したユーザーフレンドリーな署名に焦点を当てています。埋め込みを介して基本的な HTML を処理しますが、スマートセクションのような高度な折りたたみ機能はありません。迅速なセットアップを必要とする SMB に最適であり、価格は競争力がありますが、API アクセスにはコストがかかります。

最終的な考え:適切な一致を選択する

DocuSign スマートセクションを利用する企業にとって、この投資は HTML 集約型ドキュメントの簡素化において価値があります。代替案として、特にアジア太平洋地域での地域コンプライアンスのニーズについては、DocuSign の代替としてバランスの取れた費用対効果の高いオプションを提供する eSignGlobal を検討してください。最適な結果を得るには、規模と地理的な場所に基づいて評価してください。

avatar
シュンファン
eSignGlobalのプロダクトマネジメント責任者であり、電子署名業界で豊富な国際経験を持つベテランリーダーです。 LinkedInでフォロー
法的に拘束力のある電子署名を今すぐ取得!
30日間無料全機能トライアル
ビジネスメール
始める
tip ビジネスメールのみ許可