見積もりテンプレートで使用するカスタムモジュールを作成する

見積もりテンプレート の カスタムモジュール を作成して、表示形式、コンテンツ、ロジックをカスタマイズします。カスタムモジュールを使用すると、ビジネスのニーズに基づいて、購入者に合わせて見積もりをカスタマイズできます。

始める前に

カスタムモジュールの作業を開始する前に、どのような手順を事前に実行しておく必要があるか、機能の制限、およびカスタムモジュールを使用した場合に想定される結果を理解してください。

要件を理解する

React、HTML、JavaScript、CSSに詳しくない場合は、開発者と協力して カスタムモジュールを作成してみましょう。

制限事項と考慮事項

• APIを使用してカスタムコードモジュールを作成したり見積もりに追加したりすることはできません。APIユーザーは、カスタムモジュールが含まれるテンプレートを選択できます。

• ドラッグ&ドロップエリアは1つしか存在しません。見積もり全体とは別に単一のモジュールを使用するなど、複雑なページレイアウトはサポートされていません。

• 見積もりの固定コンテナーを使用する必要があります。サイトヘッダーHTML を更新して、ドラッグ&ドロップエリアの幅を変更できます。

• カスタムCSSを使用して、見積もりの上部にあるステータスバーを非表示にします。

一般的な使用事例

カスタムモジュールでは、見積もりテンプレートを複数の方法で柔軟にカスタマイズできます。次の一般的なユースケースを確認してください。

商品項目テーブルモジュールを作成する

ビジネスニーズに合わせてカスタム商品項目テーブルを作成できます。以下に例を示します。

• セクションを追加: プロパティーに基づいてセクション内に商品項目を表示します。例えば、製品とサービス、1回限りの商品項目と定期的な商品項目でセクションを分けることができます。

• カスタム合計モジュール: 見積もりまたはカスタム計算のサマリーを表示します。
• 請求スケジュールを表示: 見積もりに含まれる商品項目に基づいてスケジュールを作成します。

• 任意の商品項目: 商品項目を任意として表示します。購入者は、 サーバーレス関数を使用して見積もりと取引金額を更新できます。

• ランプ: 事前定義されたスケジュールで設定された期間における商品項目価格の変化を表示します。例えば、1年目が5,000ドル、2年目が10,000ドルの製品の場合。また、商品項目の最初の3か月間は割引を設定し、4か月目に割引なしの価格に引き上げることもできます。

  注: カスタムコードモジュールでは、請求開始日を尊重する以外に、ランプが請求に与える影響を管理することはできません。

条件付きの契約条件モジュールを作成する 

見積もりデータに基づいて異なる用語またはコンテンツを表示します。例えば、購入者の国に基づいて地域固有の法律上の文言を表示したり、特定の商品項目を追加するときに製品固有の条件を含めたりできます。

パーティーセクションを作成

標準の関係者モジュール を非表示にして、独自のブランディングおよび書式設定を使用してカスタムモジュールを作成します。また、発送先住所や 子会社プロパティーなどのカスタムデータを連携することも可能です。

カスタムナビゲーションメニューを作成する

長い見積もりの処理に役立つナビゲーションメニューを追加します。

セクションの同意が必要

チェックボックスやボタンが付いたインタラクティブなカスタムコードモジュールを追加することで、購入者が見積もりを受け入れる前に特定のモジュールを承認できるようになります。

注: これには、チェックボックスが承認されるまで承認を無効にするための別個のスクリプトを サイトヘッダーHTML に含める必要があります。

スタイルモジュール

カスタム画像書式設定、シャドウ、四角い角、ブランディングなどを使用してモジュールを作成できます。

カスタムモジュールを作成する

カスタムモジュールの作成について詳細をご確認ください。