Widget Documentation
Contents
Forms Widget
Quick Start
Add custom forms to your website and collect submissions with the forms widget.
Add the Widget
<!-- Add to your <head> -->
<link rel="stylesheet" href="https://www.blogextras.com/forms.css" />
<script is:inline async defer src="https://www.blogextras.com/forms.js"></script>
<!-- Add where you want the form to appear -->
<div id="blogextras-form-{form-id}"
data-form-id="your-form-id"
data-api-url="https://www.blogextras.com">
</div>
Configuration Options
Option | Data Attribute | Type | Required | Description |
---|---|---|---|---|
formId | data-form-id | string | Yes | Your form's unique identifier from the dashboard |
apiUrl | data-api-url | string | No | Custom API URL (defaults to $https://www.blogextras.com) |
Security
- All user inputs are HTML-escaped to prevent XSS attacks
- API requests include CORS protection
- No external dependencies or third-party code
- Comments require approval before being displayed
- Form submissions are validated server-side
- Rate limiting is applied to prevent abuse
Logged out successfully
Reply posted successfully
Comment approved successfully
Comments Widget
Quick Start
Add the comments widget to your website in just a few simple steps.
Add the Widget
Configuration Options