Book Image

Infusionsoft Cookbook

By : Paul Sokol
Book Image

Infusionsoft Cookbook

By: Paul Sokol

Overview of this book

Table of Contents (18 chapters)
Infusionsoft Cookbook
About the Author
About the Reviewers

Adding a calendar dropdown to date type fields on forms

When a user is filling out an internal form inside Infusionsoft, and they are populating a date field, the system shows a calendar picker.

However, if we place a Date type field on a web form, the contact must enter the date in a specific format, otherwise it doesn't properly capture the information.

This hack uses a simple piece of JavaScript to add a calendar picker to Date type fields on a web form or landing page.

Getting ready

We need to be logged in to Infusionsoft, inside a specific account and inside a campaign with a web form or landing page. We also want to have a Date type field we wish to use (either a default one or custom field).

In this example, we have a custom Date field type named Appointment Date.

How to do it...

  1. Open the web form or landing page with the date.

  2. If the Date field isn't already on the form, add it.

  3. Add an HTML snippet.

  4. In the HTML snippet, write the following and make sure to use the proper merge field value...