I would like to use Sitecore Forms within another component and add that main component to a page. I want my structure to essentially be as follows:
<!-- OTHER COMPONENTS ABOVE HERE --> <div class="my-form-component"> <section class="left"> <h2>Here is a form</h2> <img src="some-image.jpg" /> <p>Some text would be here</p> </section> <section class="right"> <!-- MY SITECORE FORM GOES HERE --> </section> </div> <!-- MORE COMPONENTS BELOW HERE -->
My template would potentially have the following fields:
- Heading (single line text)
- Body (rich text)
- Sitecore Form (data source)
The content editor should be able to add the component using the add to here button in the experience editor.
I know how to add a basic form to a page but that makes the form full width and does not allow for other non-form data in the component - like a title or image. How would I accomplish this?