Form Tutorials

Web Design Bootstrap Form Tutorials

How to Create an Efficient Contact Us Section

Forms are key parts of Contact Us pages. However, a form may not be enough by itself. Supplementing the contact form with direct contact information such as e-mail addresses and phone numbers will help people reach you directly when they have a question.

Web Design Bootstrap Form Tutorials

How to Use “Number” Type Inputs to Dynamically Change a Shopping Cart Total

When building out shopping carts, you likely want to give users the ability to change the quantity of a selected item. With using the number type input and some javascript, you can dynamically update a cart total depending upon user selection.

Web Design Form Tutorials Bootstrap

How to Create a Form that Posts to Google Maps

If your webpage relies on the user getting directions to a specific location, you may want to post that inquiry to Google Maps so that the user can get immediate (and largely) accurate descriptions.

Web Design Form Tutorials Bootstrap

How to Add Font Awesome Icons to Your Input Fields

Adding icons to your input fields (such as login or registration forms) gives the form a touch of personality and helps break up otherwise plain input fields.

Bootstrap Form Tutorials Web Design

How to Use Bootstrap to Create a Form with Inline Inputs

In order to conserve design space, you may need to have your form inputs inline rather than stacked. Bootstrap makes this incredibly easy to do.

Web Design Form Tutorials

How to Use jQuery Validator for Your Form Validation

Keep your forms validating properly with jQuery validator.

Web Design Form Tutorials

How to Build a Contact Form in Solodev

Forms are a major source of lead generation for your marketing efforts. Here's how to create a form of your own within the Solodev CMS platform.

Web Design Form Tutorials

How to Hide Form Fields Based Upon User Selection

Functional forms are arguably the most important part of any lead generation strategy. Strategically hiding form fields until selected by a user can greatly improve user experience -- and boost your form's chances of being filled.

Web Design Form Tutorials Digital Marketing

5 Things to Consider When Creating a Landing Page

There are several statistics out there back up the fact that the more landing pages you have, the more leads you will receive. So, let’s take a look at some tips on how to build your landing page to convert!

Web Design Form Tutorials

Crafting a Request a Demo Landing Page with Video

In this article, Solodev shows you how to create a landing page that displays a demo video after form submission.

Web Design Form Tutorials

Creating a Multimedia Footer Form for your Website

Learn how to add an agency-quality, mobile responsive lead generation footer form with a graphic/video to the bottom of your web pages.

Web Design Form Tutorials

Adding a Form to your Hero Image

A hero image is the ideal place for a form that can better direct the behavioral flow of a visitor and their next actions.

Web Design Form Tutorials Social

Adding a User Engagement Bar to your Website

Gaining customers is the start, retaining them is another matter. This article provides the code to add a user engagement bar to your website.

Web Design Form Tutorials

Crafting an Effective Contact Us Page

Not all contact us pages are created equal. This tutorial provides instructions to design a beautiful contact us page you can customize to your needs.

Web Design Form Tutorials

Validating Phone Numbers with JavaScript

This tutorial will teach you how to add validation to your phone number input fields using jQuery.

Web Design Form Tutorials

Design a Contact Us Page for your Website

In Part III of our series on Contact Us Pages, we provide a clean, simple design for a responsive contact page.

Web Design Form Tutorials Digital Marketing

Drive Signups with a Signup Footer Form

Driving subscriptions to your newsletter involves many calls-to-action and having a footer form on your web pages is a crucial CTA...

Web Design Form Tutorials

Responsive Contact Us Design

In Part II of our series on Contact Us Page Designs, we provide a mobile responsive contact us form for your website...

Web Design Form Tutorials

Adding a Form Popup to your Sticky Tab

Add a Sticky Tab to your website and convert more site visitors by allowing them to click the tab and fill out a popup form...

Web Design Form Tutorials

Creating a Cookie Based Form Popup

Form Popups can serve as an excellent lead generation tool if used correctly...

Digital Marketing Form Tutorials Web Design

Drive Signups with Stylish Footer Forms

Drive more conversions on your website by including a signup form on every page of your website.

Web Design Form Tutorials

Adding a DateTime Picker to your Forms

Whether scheduling appointments or booking a vacation online - a DateTime Picker improves the User Experience tremendously.

Web Design Form Tutorials

Adding an Auto-Complete Address Field to your Forms

Adding auto-complete to the address field on your forms makes a tremendous improvement to the User Experience (UX).

Web Design Form Tutorials

Add CAPTCHA to your Solodev Forms with One Word

At Solodev, we created a shortcode to enable you to easily add the extra layer of security CAPTCHA provides to forms on your Solodev website(s) with one word and no need for custom development. This article provides the code and styles to easily add CAPTCHA to your forms. Enjoy.