zc_LoadInパラメーターの設定方法

zc_LoadInパラメーターの設定方法

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

zc_LoadIn ページパラメーターの詳細については、こちらをクリックしてください。
  1. アプリコンポーネントをポップアップで開く
  2. アプリコンポーネントを HTML/iframe コンテナで開く

アプリコンポーネントをポップアップで開くには

以下の手順に従って、ページ読み込み時に zc_LoadIn パラメーターを使用してアプリコンポーネントをポップアップで読み込むことができます。

URL で zc_LoadIn=dialog パラメーターを使用するには

  1. アプリの編集モードに移動します。
  2. 対象ページのビルダーを開きます。
  3. HTML スニペットをビルダーにドラッグ&ドロップします。右側から設定ペインがスライド表示されます。

  4. また、ビルダー内に既存の HTML スニペットがある場合:
    1. 設定したいスニペットをダブルクリックします。
    2. または、スニペットをクリックして選択し、ページビルダー上部中央のツールバーにある設定オプションをクリックします。

  5. ボタン要素をビルダーにドラッグ&ドロップします。右側から設定ペインがスライド表示されます。
  6. また、ビルダー内に既存のボタンがある場合:
    1. 設定したいボタンをダブルクリックします。
    2. または、ボタンをクリックして選択し、ページビルダー上部中央のツールバーにある設定オプションをクリックします。
    3. 表示タブで、ボタンに適切な名前を入力します。
  7. 操作タブで:
    1. 操作の種類としてフォームを開くを選択します。
    2. ボタンクリック時に開きたい対象フォームを選択します。
    3. クエリパラメーターとして zc_LoadIn=embed-openform を指定します。ここで、openform は、前述の <div> コンテナの名前です。
    4. 開く場所同じウィンドウ を選択します。

  8. 上記の手順3~6を、他の 2 つのボタン Food ComplaintRestroom Complaint に対しても繰り返します。
  9. パネル設定ペインを閉じます。変更内容は自動的に保存されます。
公開済みアプリでページにアクセスすると、「追加する Complaints」フォームが HTML スニペットコンテナ内に表示されます。ユーザーが Raise Water Complaint ボタンをクリックすると、対応する苦情フォームがポップアップとして読み込まれます。



アプリコンポーネントを埋め込みコンテナ(HTML/iframe 埋め込み)で開くには

zc_LoadIn パラメーターを使用すると、アプリコンポーネントを埋め込みコンテナ内に読み込むことができます。
  1. 構文の作成
  2. パラメーターの使用方法

構文の作成

div 埋め込みを zc_LoadIn パラメーター内の参照として使用するには、次の手順で div を作成し、名前を付ける必要があります。
  1. アプリの編集モードに移動します。
  2. 対象ページのビルダーを開きます。
  3. HTML スニペットをビルダーにドラッグ&ドロップします。右側から設定ペインがスライド表示されます。
  4. また、ビルダー内に既存の HTML スニペットがある場合:
    1. 設定したいスニペットをダブルクリックします。
    2. または、スニペットをクリックして選択し、ページビルダー上部中央のツールバーにある設定オプションをクリックします。
  5. 左ペインからフォームの埋め込みタスクをドラッグ&ドロップし、次のように div 名を指定します。
    <div 名前='openform'>......</div>
    メモ:
    1. Creator アプリコンポーネントの URL を指定する場合は、次の形式にする必要があります。zc_LoadIn パラメーターは、ハッシュ(#)付きの Creator コンポーネント URL でのみ機能します。
      openUrl('#Form:Order_Details?zc_LoadIn=embed-myform','same window');
    2. ウィンドウの種類は「同じウィンドウ」に設定する必要があります。
  6. 必要に応じてスニペットに名前を指定し、保存をクリックします。

  7. ペインを閉じます。変更内容は自動的に保存されます。

パラメーターの使用方法

  1. アプリの編集モードに移動します。
  2. 対象ページのビルダーを開きます。
  3. ボタン要素をビルダーにドラッグ&ドロップします。右側から設定ペインがスライド表示されます。
  4. また、ビルダー内に既存のボタンがある場合:
    1. ダブルクリックして、設定したいボタンを開きます。
    2. または、ボタンをクリックして選択し、ページビルダー上部中央のツールバーにある設定オプションをクリックします。
    3. 表示タブで、ボタンに適切な名前を入力します。
  5. 操作タブで:
    1. 操作の種類としてフォームを開くを選択します。
    2. ボタンクリック時に開きたい対象フォームを選択します。
    3. クエリパラメーターとして zc_LoadIn=embed-openform を指定します。ここで openform は、前述の <div> コンテナの名前です。
    4. 開く場所同じウィンドウを選択します。

  6. 上記の手順3~6を、他の 2 つのボタン Food ComplaintRestroom Complaint に対しても繰り返します。
  7. パネル設定ペインを閉じます。変更内容は自動的に保存されます。
公開済みアプリでページにアクセスすると、追加する Complaints フォームが HTML スニペットコンテナ内に表示されます。ユーザーが Raise Water Complaint ボタンをクリックすると、対応する苦情フォームが同じ HTML スニペットコンテナ内に読み込まれます。




    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho Campaigns Resources

                Zoho WorkDrive Resources




                  • Desk Community Learning Series


                  • Digest


                  • Functions


                  • Meetups


                  • Kbase


                  • Resources


                  • Glossary


                  • Desk Marketplace


                  • MVP Corner


                  • Word of the Day


                  • Ask the Experts









                                  • Related Articles

                                  • zc_LoadInパラメーターの理解

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 パラメーターとは、クエリ文字列としてページ URL に付加される名前付きの値です。 この URL 形式により、ブラウザーの更新や再読み込みを行ってもデータが保持され、ページの読み込み時に動的な値を設定できます。 Creator ...
                                  • 埋め込みフォームとレポートのスタイル別URL設定

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このトピックでは、Zoho Creator のフォームとレポートの外観をカスタマイズするために使用できるパラメーターを一覧で紹介します。これらのパラメーターは、ページに埋め込んだフォームやレポートにも適用できます。 フォームのプロパティ 説明 パラメーター/値 ...
                                  • HTMLスニペットの作成と管理

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 スニペットは、単体で利用できる再利用可能なコードで、追加の機能を実装するために使用します。HTML スニペットとは、HTML で記述されたコードの一部分です。これを使って、リスト表示、スタイルの異なるボタン、テキスト表示、カスタマイズした検索バーなど、さまざまな要素を作成できます。 ...
                                  • Zoho Creator ウィジェットキット

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 概要 1. このキットの目的 このキットは、既存の Figma デザインを利用して Zoho Creator でウィジェットを作成する際に役立つよう設計されています。Creator ...
                                  • フォームへのデータメール送信の理解

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 フォームにメールまたは一行テキスト項目を追加します。その項目リンク名をZC_Fromに設定します。これはメールの差出人アドレスを取得するためです。 ...

                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.