> For the complete documentation index, see [llms.txt](https://docs.super-forms.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.super-forms.com/elements.md).

# Elements

- [Layout elements](https://docs.super-forms.com/elements/layout-elements.md)
- [Column/Grid](https://docs.super-forms.com/elements/layout-elements/column-grid.md): A responsive and flexible column/grid (layout) system for your WordPress forms
- [Multi-part / step](https://docs.super-forms.com/elements/layout-elements/multi-part-step.md): In short the multi-part allows to create WordPress forms that consist of multiple steps. This guide explains what a multi-part element is, what features it has, when to use the multi-part.
- [Form elements](https://docs.super-forms.com/elements/form-elements.md): List of available form elements for your WordPress form
- [Calculator](https://docs.super-forms.com/elements/form-elements/calculator.md): How to do create a calculation form for your WordPress site to calculate prices, discounts and other service costs.
- [Signature](https://docs.super-forms.com/elements/form-elements/signature.md): The Signature Element allows you to collect digital signatures from users that fill out the form. You can attach them to the E-mails as well as include them in your generated PDF's
- [File upload](https://docs.super-forms.com/elements/form-elements/file-upload.md): How to add a file upload field (element) to your WordPress form so that users can upload single or multiple images and documents at once.
- [Datepicker](https://docs.super-forms.com/elements/form-elements/datepicker.md): Presenting you the most advanced date picker for your WordPress forms to cover a wide range of use cases.
- [Variable field](https://docs.super-forms.com/elements/form-elements/variable-field.md): How to create a dynamic/variable field for your WordPress form
- [Dropdown](https://docs.super-forms.com/elements/form-elements/dropdown.md): Adding a dropdown element to your WordPress form
- [Text field](https://docs.super-forms.com/elements/form-elements/text-field.md): Adding a simple Text input field to your WordPress form.
- [Autosuggest](https://docs.super-forms.com/elements/form-elements/autosuggest.md): With the autosuggest field you can let users filter through a set of predefined values by typing in a text field, yet still allow them to freely enter a value on your WordPress form.
- [Keywords](https://docs.super-forms.com/elements/form-elements/keywords.md)
- [Radio button](https://docs.super-forms.com/elements/form-elements/radio-button.md)
- [Keyword Field](https://docs.super-forms.com/elements/form-elements/keyword-field.md)
- [Button](https://docs.super-forms.com/elements/form-elements/button.md)
- [Audio Recording (microphone)](https://docs.super-forms.com/elements/form-elements/audio-recording-microphone.md): Audio recording via microphone
- [HTML elements](https://docs.super-forms.com/elements/html-elements.md)
- [Heading](https://docs.super-forms.com/elements/html-elements/heading.md): Add titles (headings) inside your WordPress form
- [HTML (raw)](https://docs.super-forms.com/elements/html-elements/html-raw.md): Allows you to insert custom HTML / CSS / JavaScript on your WordPress form
- [Image](https://docs.super-forms.com/elements/html-elements/image.md): Used to display images inside your WordPress form
- [TinyMCE](https://docs.super-forms.com/elements/html-elements/tinymce.md): Use this if you are not familiar with HTML and want to display text with markup to your users on your WordPress form
- [Divider](https://docs.super-forms.com/elements/html-elements/divider.md): Used to visually divide sections of your WordPress form for a more user friendly experience allowing the user to continue to the next step or previous step in your form
- [Spacer](https://docs.super-forms.com/elements/html-elements/spacer.md): Used to add space between elements in your WordPress form
- [PDF page break](https://docs.super-forms.com/elements/html-elements/pdf-page-break.md): Used to start a new PDF page when using the PDF Generator for your WordPress form
- [Google map element WordPress form](https://docs.super-forms.com/elements/html-elements/google-map-element-wordpress-form.md): Used to display (or generate) a google map (or route) based on user input for your WordPress form