The Custom HTML Component allows you to insert custom HTML content into your form. Whether you’re adding rich text, images, videos, or embedding external widgets, the Custom HTML component gives you full flexibility to format content exactly how you want. However, keep in mind that custom HTML content is not included when submissions are downloaded or printed.
When should I use a Custom HTML Component?
The Custom HTML Component is perfect for embedding custom content or adding rich formatting where standard form components may not offer enough flexibility.
Here are some common use cases:
Embedding Media or Widgets
Use the Custom HTML component to embed videos, images, or even interactive widgets like calendars or calculators directly into your form to enrich the user experience.
Use the Custom HTML component to embed videos, images, or even interactive widgets like calendars or calculators directly into your form to enrich the user experience.
Adding Custom Formatting
If you need to display text with unique styles or layouts that go beyond what our Formatted Text Component allows, Custom HTML lets you include things like tables, icons, or custom-styled links.
If you need to display text with unique styles or layouts that go beyond what our Formatted Text Component allows, Custom HTML lets you include things like tables, icons, or custom-styled links.
Features & Configuration
Adding a Custom HTML component to your form is straightforward. Select the Custom HTML option from the component library and drag it onto your form.
After placing the component, you can customize its properties in the right-hand panel:
Properties
Width
Adjust the width of the component (1-12 columns) based on your form layout.
Adjust the width of the component (1-12 columns) based on your form layout.
Logic
Display Logic
Control when this component shows or hides based on other inputs.
Control when this component shows or hides based on other inputs.
HTML Editor
Click the HTML Editor button in the Properties panel to open the editor where you can write or paste your custom HTML code. This gives you the ability to design and structure content exactly as needed.
Click the HTML Editor button in the Properties panel to open the editor where you can write or paste your custom HTML code. This gives you the ability to design and structure content exactly as needed.
Details
ID
Each Droplet component has a unique ID for referencing in workflows or visibility settings. Edit the default ID to make it more descriptive for easy reference.
Each Droplet component has a unique ID for referencing in workflows or visibility settings. Edit the default ID to make it more descriptive for easy reference.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article