Help Center

Menu

Embed the form for prefilling in CMS

With the backend configuration complete, embed the form into a live webpage using Squiz CMS.

Both Content page assets and Standard page assets are supported.

Retrieve prefill code

  1. In the CDP destination’s Attribute Mapping section, click the plus icon (+) to add a new mapping.

  2. The system displays a <head> tags code.

    Copy this code.

Retrieve Smart JS embed code

Standard JavaScript or Iframe embeds do not support CDP integration. You must use the Smart JavaScript method.

  1. Navigate to the Form Publishing tab.

  2. Select the Smart JavaScript option.

The Form Publishing tab with Smart JavaScript selected showing the script and container tags.
Figure 1. Smart JavaScript embed options

  1. Copy the code snippets provided:

    • The <script> tag (to be placed in the site header).

    • The <div> container tag (to be placed where the form should render).

You can then embed these snippets in your CMS. Read the Matrix 6 or Matrix 5 embedding guides for more information.

The code includes a unique ID specific to this form instance. Do not publish this code directly to your live site yet. You must first register this code in the CDP to generate the final integration script.

Insert head code into design

  1. Go to the CMS content page, locate the related designs, and click the content area.

  2. Paste the <head> tags code into the design.

  3. Save the changes.

Create or edit content page

  1. In Squiz CMS, navigate to the site and create a new Content Page or edit an existing one.

  2. Click Edit on the Content screen of your page.

  3. Click Add Component.

  4. Select the squiz/edge-form-embed component.

    Add Component dialog showing the squiz/edge-form-embed component selected
    Figure 2. The squiz/edge-form-embed component in the Add Component dialog
    Multiple form components are available in DXP. Only the squiz/edge-form-embed component supports Smart JavaScript embedding.

  5. Choose the Smart JavaScript option.

Add form embed code

  1. In Advanced Forms, navigate to Form Publishing  Smart JavaScript and copy the embed code from the second text field.

  2. In Squiz CMS, paste this embed code into the provided field.

  3. Save the component.

  4. Approve and Make Live the changes to your page.

Once embedding is complete, move on to Testing and verification.