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


For Developers

Styling forms

When styling forms, if a style is added to hide the label, make sure to make it more specific so that it wont affect radio and check boxes.

Inserting menu shortcode in a blade file

(new CmsContent('[[form id="1"]]')->render()

Building Relationships with Web Developers and Marketing Agencies that want better results

The world's fastest and most SEO friendly website code.