Contact forms are an important part of any website. They give users an easy way to inquire about your services or send you feedback.
- Bootstrap Studio Mac
- Bootstrap Studio Templates
- Bootstrap Studio Alternative
- Bootstrap Studio Student
- Bootstrap Studio
- Bootstrap Studio Github
- Bootstrap Studio Crack A powerful desktop app for creating responsive websites using the Bootstrap framework. Bootstrap Studio Full Download is a powerful desktop app for designing and prototyping websites. It comes V.5.5.2 Bootstrap Studio PRO Free Download Read More ยป.
- Bootstrap Studio is a Developer Tools application like TOAD Oracle, Electron, and Pinegrow from Zine EOOD. It has a simple and basic user interface, and most importantly, it is free to download.
Studio - HTML & Laravel Bootstrap 5 Admin Template. By SeanTheme in Admin Templates. Built with bootstrap 5.0.2. Simple and well documented. HTML & Laravel Version. Add to Collection. Toggle Favorite.
But contact forms come with their challenges. You need to build validation, backend code for email sending, attachments and spam protection. Luckily, Bootstrap Studio makes this easy thanks to our free Smart Forms(opens new window) service, which handles all of this automatically.
# Constructing Your Form
Drag the elements of your form from the Components panel, or just grab the bsdesign file we've linked near the top. Here is the structure that will give you a form like the one in our screenshot.
The important part is to make sure you include a Button in your form, and you set it to type submit. This will enable the form to be submitted, and Smart Forms will kick in automatically.
You should also add validation, as it places some constraints on what users can input in your form. You can mark some fields as required, and place min/max lengths to others. You can learn more in our form validation tutorial.
# Enabling Smart Forms
Lastly, to make the form submittable, you need to enable and set up the Smart Forms functionality. The process involves enabling the option in the form's settings and verifying your email address. You can watch our video demonstration(opens new window) on how to do this.
# That's It!
You now have a fully working contact form. Every submission is validated and delivered to your email address, and spam is prevented thanks to Google Recaptcha.
Smart Forms works by including a JavaScript file in your website, which communicates with our server. This means that it will work on any hosting provider.
Note
Smart Forms is not limited only to contact forms and the service can handle any type of data, including email attachments - just drop a file input in your form.
Contact us
Bootstrap Studio Mac
You've run into an issue with Bootstrap Studio or have something to ask?
Read our FAQ below, or click here to write to us.
Common Issues
I haven't received my license.
It can take up to 15 minutes for your license to arrive. We need to validate your payment first. If the key is still missing, and it is not in your spam folder or Promotions tab, it might indicate that you have had a typo in your email address when purchasing. Write to us and we will resolve it. Please include an alternative email address in your message, in case your server is blocking us.
My license key stopped working after updating to version 5.
If you see a message of the sort 'An error occured while validating your license' after upgrading to Bootstrap Studio 5, it would indicate that the old BS4 version hasn't been uninstalled correctly, and the shortcut on your desktop is starting it. To resolve this, 1) Remove Bootstrap Studio 4 from Add or remove programs; 2) Remove the old shortcut; 3) If Bootstrap Studio 5 still doesn't start try resetting the app.
Bootstrap Studio Templates
Normally our updates overwrite the old edition so this doesn't happen. But Bootstrap Studio 5 necessitated major changes which results in the app being installed in a different location, and the old versions need to be uninstalled manually. Things will work as expected with our next updates.
I am seeing a blank screen when I start Bootstrap Studio for the first time.
If you see an empty black or white screen when you start the app, make sure that you have an active internet connection the first time you start the program. It needs to connect to our servers so the license key is checked. After this, you can go offline for as long as you wish. Some firewalls may block the app from accessing the network. Make sure that https traffic is allowed. If you need to configure a proxy, see here.
Bootstrap Studio doesn't start after I click the icon.
If you are using Windows and Bootstrap Studio refuses to start, make sure that your antivirus system isn't blocking the app by mistake.
I have lost my license key. Can you send it to me again?
If you've purchased Bootstrap Studio in the past, but can't remember your license key, don't worry! We can resend it to you. Use our license key restore form. Enter the email address you used to purchase the app, and we will send you your key.
Where can I find the download link?
The download link for the app is included in your license email, right after your key. If you don't have it, see the above question how to restore it.
Where can I find my invoice?
We use a separate service for payment processing and invoicing - Paddle.com. They have sent you an email with your invoice and company/tax information right after you bought the app. If you can't find your receipt in your inbox/spam, you can request it here.
General
Which operating systems are supported?
Bootstrap Studio works on Windows (7, 8 and 10), macOS (10.10 and up) and many Linux distributions (including Ubuntu, Debian and Fedora). Chrome OS is not supported.
Do you support Windows 32bit?
Unfortunately 32bit Windows is quickly losing relevance and we can't afford the resources to build and test the app there. All computers from 2010 onward are 64bit, so it's likely just a matter of choosing to install Windows 64bit the next time you reinstall your computer. Until then, you can continue using our last version with 32 bit support - Bootstrap Studio 4.5.8 - which is available on our download page and will continue to work indefinitely.
Which language is Bootstrap Studio in?
The interface of our program is only available in English at the moment. No other languages are supported for the interface. But you can create websites in any language. If you need to enter special symbols with umlauts or characters with IME (like in Chinese, Japanese, Korean etc) you can use the 'Character Input' dialog. You can access it by clicking the 'Char Input' button when you edit the text of an element.
How can I edit HTML?
Bootstrap Studio shines as a drag and drop builder, but it also gives you the ability to edit HTML when you need to. There are two ways to do it. The first is to drag the 'Custom Code' component from the library and place it into your page. Then double click it. This will open a code editor in which you can write HTML.
The second way is to convert any part of your page, which you've built using our drag and drop builder, into HTML. Just right click a component and choose the 'Convert to HTML' option. This will allow you to do advanced changes to components which are not possible with the drag and drop functionality.
Can Bootstrap Studio export for CMS like WordPress?
When you export a design created in Bootstrap Studio, you get a static website complete with CSS, HTML and JS. But no CMS features are available - it is up to you to turn the static website into a WordPress, Drupal or Magento theme.
Are React, Angular or Vue supported?
Our app is focused on creating designs with Bootstrap, and it doesn't support React, Angular or Vue.js.
How can I make my contact forms work?
We have a feature called Smart Forms. This is an automatic backend for your forms. When designing your contact form in the app, switch Smart Forms on and specify an email address where you wish to receive form submissions. Smart Forms works on any hosting provider, so you can upload your site anywhere.
How can I make my login forms work?
Login forms are very different from contact forms. For a login form you will need to have a database with user records and code in a language like PHP, Python, Ruby, Node.js or other, to handle logins. You will have to write this by yourself after you export your site from Bootstrap Studio.
Is PHP supported?
Bootstrap Studio is a design and protyping tool and it doesn't support PHP. When you export your design, you get HTML, CSS and JS files. To write PHP, you need to then edit your exported site in a code editor or IDE.
Can I connect to a database?
Bootstrap Studio handles the front end of your website. This is the HTML, CSS and JS. For connecting to a database, you will need to write code in a backend language like PHP, Python, Ruby, Java, C# etc. You can do this after exporting your design from the app.
Where can I find premium templates?
Our application comes with a number of premium templates you can choose from. You can find them in the New Design dialog. There are templates for Bootstrap 3 and Bootstrap 4 and Bootstrap 5.
I have found a bug. What do I do?
Report it and we will fix it! Thanks to our advanced update system all bug fixes are delivered within minutes to all users. We got Bootstrap Studio from zero to where it is now, and we won't stop improving it.
Bootstrap
Is Bootstrap 5 supported?
Yes, Bootstrap 5 is supported, alongside Bootstrap 3 and Bootstrap 4.
Which version of Bootstrap does Bootstrap Studio use?
At the moment, Bootstrap Studio supports Bootstrap 3.4, Bootstrap 4.6 and Bootstrap 5.0. You can create new designs in either, and the app can even convert designs made in an older framework to the newer.
Can I import an existing website?
If your website is made with Bootstrap, you can import the images, CSS, JS and HTML files into the app. Just drag and drop them in, or choose the File > Import option. There is one limitation for externally created websites - they can only be edited as HTML (you won't be able to edit them via drag and drop).
Can I import a theme that I've purchased?
If you've purchased a Bootstrap theme from a marketplace you can import it in Bootstrap Studio. The only limitation is that drag/drop isn't available, you will only be able to edit your theme as HTML.
Bootstrap Studio Sites
How many websites can I host?
With your license key, you get room for 5 websites on the freely provided Bootstrap Studio Sites service, but you can export your design as HTML and upload it to any hosting provider via SFTP. In that case there are no limits - you can design an unlimited number of websites and upload them to any hosting provider.
How can I get additional websites?
You can create an unlimited number of websites with Bootstrap Studio. But the freely provided hosting service - Bootstrap Studio Sites - has a 5 website limit. This limit can't be increased at this time. However you can export your designs as a static HTML+CSS websites and upload them to any hosting provider via SFTP without limits.
Alternatively you can get additional hosting slots for our platform by purchasing an additional Bootstrap Studio license. The extra 5 websites will be available only for the new license though, your current one will still have the original 5.
Can I use Bootstrap Studio Sites for client websites?
The Bootstrap Studio application can be used for any type of website, both personal and commercial, and also for sites that you build for your clients. The bundled hosting service, Bootstrap Studio Sites, also has no limits to what it can be used for. There are no problems in dedicating one of your website slots for a client website. But we don't offer features for your client to manage their own website, we don't have CPanel or CMS. If your client is happy with this arrangement, everything is good.
If they need to manage their site, the only way to do it is to hand them the HTML by exporting the design from Bootstrap Studio. They can then upload it to some other hosting provider.
How do I make WWW work on my website?
The www subdomain is a separate website from the non-www version. You can redirect one to the other in Cloudflare. See this forum thread for more information on this.
My website doesn't show up. How do I fix it?
Make sure that you've followed all the steps in the custom domains guide, and that there are no typos in sites.bootstrapstudio.io. Also, due to DNS caching, in some cases it can take a few hours for the website to to be detected when you click the Check button in Bootstrap Studio.
How do I setup HTTPS on Bootstrap Studio Sites?
The built-in hosting service, Bootstrap Studio Sites, doesn't support adding certificates directly (so no crt, pem or csr files can be uploaded). Instead this is handled automatically by Cloudflare, you don't need to do anything. In some cases it can take a few hours after setting up your domain on Cloudflare for your certificate to be generated during which time HTTPS will not work.
Licensing
How does the licensing work?
There are two editions - Standard and Lifetime. When you purchase Bootstrap Studio Standard, you get one year of free updates. This includes all new features, major releases and bugfixes that we create during this period. When this year expires, you can continue using the last version of Bootstrap Studio that was released while your license was active, but you won't get any new features or bugfixes. You can renew your license and continue receiving updates at any time by choosing the 'Renew License Key' option in the Help menu.
If you instead purchase Bootstrap Studio Lifetime, no renewals are needed, you get all new versions without limits.
What is the Lifetime version?
The Lifetime version of Bootstrap Studio is a special release of our app that comes with free upgrades forever. You don't need to renew your license when you have this version. It has the same powerful feature set as the standard edition.
How does the 3 computer limit work?
When you buy Bootstrap Studio, you get a license key that can be used on up to three computers that you own. You can at any time deregister a computer and free up a slot for another, by choosing the 'Delete License' option from the Help menu. You can also deregister a computer that you don't have access to, by using the Help > Manage Devices dialog.
Can 3 people use one license?
Bootstrap Studio Alternative
No, every user should have their own license. You can read our license terms here for more information on this.
What happens if I format my computer?
If you format your computer, lose it, or your hard drive is destroyed, you can deactivate the copy of Bootstrap Studio that has been installed on it at any time. Just open the 'Manage Devices' dialog in another copy of Bootstrap Studio that has been installed with your key. This dialog shows all your currently active installations. You can remove the ones that you don't use and free up slots for other installs. Read more here.
Can I convert from Standard to Lifetime?
Yes, you can convert to Lifetime at any time. You can do it by choosing the 'Renew License' option in the application menu, and then choosing 'Lifetime' on the renewal page. The upgrade costs $50, so it is cheaper to buy the Lifetime release outright.
How are updates delivered?
We have built an advanced update system into Bootstrap Studio. It checks for updates periodically when you are online and downloads them in the background. Then, the next time you start the program, you will be running the latest version automatically. Even though you need to be online to receive updates, Bootstrap Studio doesn't require an internet connection to function and can be used completely offline.
Is there a student license?
Bootstrap Studio Student
If you are a student we have a special non-commercial license for you, which is free for the duration of your study. Members of the GitHub Student Developer Pack can apply here. Other students can apply here.
Bootstrap Studio
Do you have a classroom or lab version?
Bootstrap Studio Github
Yes, we have a special edition of Bootstrap Studio, which educational institutions (schools, universities, bootcamps etc) can install on their lab computers for free. It works fully offline and is the perfect tool for students to learn web development. Contact us to apply.