Documentation AEM AEM Tutorials AEM Forms Tutorials

Embedding Adaptive Form or HTML5 form in web page

Last update: Sun Mar 23 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Applies to:
Experience Manager 6.5

Topics:
Adaptive Forms

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.

video poster

https://video.tv.adobe.com/v/335893?quality=12&learn=on

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);

    });

});

recommendation-more-help