Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bootscore/bs-contact-form-7
Adds Bootstrap alerts, radios and checkboxes to Contact Form 7 in Bootscore theme.
https://github.com/bootscore/bs-contact-form-7
bootstrap5 contact-form-7 wordpress wordpress-plugin
Last synced: 3 months ago
JSON representation
Adds Bootstrap alerts, radios and checkboxes to Contact Form 7 in Bootscore theme.
- Host: GitHub
- URL: https://github.com/bootscore/bs-contact-form-7
- Owner: bootscore
- License: mit
- Created: 2021-02-02T11:04:12.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-04-06T18:14:46.000Z (9 months ago)
- Last Synced: 2024-04-15T11:57:39.168Z (9 months ago)
- Topics: bootstrap5, contact-form-7, wordpress, wordpress-plugin
- Language: PHP
- Homepage: https://bootscore.me/documentation/bs-contact-form-7/
- Size: 343 KB
- Stars: 8
- Watchers: 1
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# bs Contact Form 7
[](https://packagist.org/packages/bootscore/bs-contact-form-7)
[](https://github.com/bootscore/bs-contact-form-7/releases)
This plugin adds Bootstrap to radio buttons, checkboxes, alerts and a loading spinner to Contact Form 7. It is an additional plugin and does not replace Contact Form 7.
Demo & documentation: https://bootscore.me/documentation/bs-contact-form-7/
## Installation
1. Download and install [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
2. Download and install latest release [bs-contact-form-7.zip](https://github.com/bootscore/bs-contact-form-7/releases/latest/download/bs-contact-form-7.zip).
3. Set up your forms with HTML markup as below and replace your data
## HTML Markup
### Form
```html
Required fields are marked *
Salution *
[checkbox* salution use_label_element exclusive "Mrs." "Mr." "Other"]
Age
[checkbox age use_label_element exclusive "0-18" "19-29" "30-45" "46-60"]
I'm interested in
[radio interests use_label_element default:1 "Nothing" "Sports" "Cooking"]
Date
[date date class:form-control]
First name *
[text* first-name class:form-control placeholder "Enter your first name"]
Last name *
[text* last-name class:form-control placeholder "Enter your last name"]
Email *
[email* your-email class:form-control placeholder "Enter a valid email address"]
Where are you from? *
[select* region class:form-select first_as_label "Choose region" "Asia" "Africa" "Europe" "North America" "South America" "Australia/Ocania"]
File upload (.jpg, .jpeg, .png, max-size 3MB)
[file file-upload class:form-control id:form-file limit:3mb filetypes:jpg|jpeg|png]
Subject
[text your-subject class:form-control placeholder "Quick summary"]
Message *
[textarea* message class:form-control placeholder "Your message to us"]
[acceptance newsletter optional] Newsletter [/acceptance]
[acceptance terms use_label_element]I have read the privacy policy note. I consent to the electronic storage and processing of my entered data to answer my request. Note: You can revoke your consent at any time in the future by emailing [email protected].[/acceptance]
Send Message
```
### Mail recipient
```html
Inquiry contact form on [_site_title] from [salution] [first-name] [last-name].
Contact details:
Salution: [salution]
First name: [first-name]
Last name: [last-name]
Age: [age]
Date: [date]
Interests: [interests]
Email: [your-email]
Region: [region]
Subject: [your-subject]
Message:
[message]
[newsletter]
[terms]
--
This email was sent from a contact form on [_site_title].
Company name
Street
City
Email: [email protected]
Phone: 1234567
```
### Mail sender
```html
Hello [salution] [first-name] [last-name],
thank you for contacting us. We will answer as soon as possible.
Here is a copy of your message to us:
Salution: [salution]
First name: [first-name]
Last name: [last-name]
Age: [age]
Date: [date]
Interests: [interests]
Email: [your-email]
Region: [region]
Subject: [your-subject]
Message:
[message]
[newsletter]
[terms]
--
This email was sent from a contact form on [_site_title].
Company name
Street
City
Email: [email protected]
Phone: 1234567
```
## License & Credits
- Contact Form 7, GNU General Public License (GPL) v2 https://github.com/takayukister/contact-form-7/blob/master/license.txt
- bs Contact Form 7, MIT License https://github.com/bootscore/bs-contact-form-7/blob/main/LICENSE
- Plugin Update Checker, YahnisElsts, MIT License https://github.com/YahnisElsts/plugin-update-checker/blob/master/license.txt