To Insert a form into a web page manually use this code.
[[form id="1"]]
Where 1 is the id of the form you want to include.
Then where you attach the form on the page, set the form position (the above content, below content part) to manual.
To insert a form manually as a collapsible button use the code below.
Make sure the bold attributes match and that you're using the correct form id#.
If you want to align button left of the page leave the default values:
<div style="position: relative;">
<a aria-expanded="false" class="btn btn-primary collapsed" data-bs-target="#whatever" data-bs-toggle="collapse";>Contact Us</a>
<div style="position: absolute; width: 100%; background: rgb(255, 255, 255); padding: 25px; z-index: 1000; top: 100%; box-shadow: rgb(0, 0, 0) 0px 0px 10px;" class="collapse" id="whatever">
[[form id="#"]]
</div>
</div>
Example: Aligned Left
If you want to align button center of the page simply add style:
<div style="position: relative;">
<p style="text-align: center;"><a aria-expanded="false" class="btn btn-primary collapsed" data-bs-target="#whatever" data-bs-toggle="collapse";>Contact Us</a></p>
<div style="position: absolute; width: 100%; background: rgb(255, 255, 255); padding: 25px; z-index: 1000; top: 100%; box-shadow: rgb(0, 0, 0) 0px 0px 10px;" class="collapse" id="whatever">
[[form id="#"]]
</div>
</div>
Example: Aligned Center
If you want to align button right of the page simply add style:
<div style="position: relative;">
<p style="text-align: right;"><a aria-expanded="false" class="btn btn-primary collapsed" data-bs-target="#whatever" data-bs-toggle="collapse";>Contact Us</a></p>
<div style="position: absolute; width: 100%; background: rgb(255, 255, 255); padding: 25px; z-index: 1000; top: 100%; box-shadow: rgb(0, 0, 0) 0px 0px 10px;" class="collapse" id="whatever">
[[form id="#"]]
</div>
</div>
Example: Aligned Right
