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.

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 1. 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.