Embedding Adaptive Form or HTML5 form in web page

Last update: March 23, 2025
  • Applies to:
  • Experience Manager 6.5

CREATED FOR:

  • Beginner
  • Developer

The embedded adaptive form is fully functional and users can fill and submit the form without leaving the page. It helps the user remain in the context of other elements on the web page and simultaneously interact with the form.

The following video explains the steps needed to embed an Adaptive or HTML5 form in web page.
Please refer to the documentation for best prerequisites, best practices etc.

You can download the sample files used in the video from here

The following is the code used to fetch the adaptive form and embed the form in the container identified by the class name right

$(document).ready(function(){

    var formName = $( "#xfaform" ).val();
    $.get("http://localhost/content/dam/formsanddocuments/newslettersubscription/jcr:content?wcmmode=disabled", function(data, status){
    console.log(formName);
    $(".right").append(data);

    });

});
Previous pageCustom Functions in Rule Editor
Next pageCreating array of strings

Experience Manager