Check Availability Setup

Gigbuilder provides several widgets for your website to collect leads.  Providing the ability for a person to check their date for availability is a great way to generate sales.  This article covers Responsive, HTML5, and legacy widgets and how to fix situations when clients cannot select dates in the future.

1.  Responsive Forms - these are easy copy & paste widgets you simply place where you want.  No configuration is necessary.

2.  HTML5 Widgets - a bit more advanced, but provides a seamless experience for your prospect.

3.  Legacy Widgets - those converting from V5 may have to update these widgets or replace as many had hard-coded years which is why clients or prospects cannot check dates into the future.  

We'll start with the Responsive copy&paste forms:

Navigate:  Tools -> Web Tools & Setup

Select:  Responsive Check Availability Forms

Scroll through the options and press [COPY TO CLIPBOARD] below the form you would like to use.  All of these examples are live so you can test the process before placing the code on your website.

In an HTML editor you simply paste the form where you want it to appear on your website.  We've attached a Youtube video that can help with the process.

All of these forms are completely responsive, meaning they self-adjust to any device.  They also never need updating as the code changes automatically each year.

The second option is to install HTML5 Site Widgets

Navigate:  Tools -> Web Tools & Setup

Select: HTML5 Widgets

Slightly more difficult than copy & paste methods, these widgets can be attached to any button or image on your website.  When the prospect or client presses the button, the availability form appears.  All examples are live so you can test before integrating with your website.

Step 1:  Copy and Paste the HTML5 base script anywhere on your webpage.  We suggest adding it to the bottom of your page directly above the </body> tag.

Step 2: Copy and Paste the HTML5 button where you would like it to appear on the page.  You may create your own buttons, links, or image - replacing the <button> code with an anchor.

The final option is to update legacy code.  If you have created a custom form used in version 5 and your client cannot check dates past 2021 or 2022 then your code can be manually updated as follows:

1.  Using an HTML editor look for the following code:  <form action="https://www.gigbuilder.com......>

2.  Scroll down until you see <select name="year".....>

3.  Each selection appears as an <option>2020</option> where the number represents the year.  Begin by changing the first value to the current year and each additional option would be the next year.

4.  Save your work and the widget is updated.

example:  Change THIS

<FORM action="https://www.gigbuilder.com/cal4.nsf/checkdates" method="post" name="checkdate">

......

<SELECT NAME="Year"><OPTION SELECTED>Year</Option>

<OPTION>2017</OPTION>

<OPTION>2018</OPTION>

<OPTION>2019</OPTION>

<OPTION>2020</OPTION>

<OPTION>2021</OPTION>

</SELECT>

.....

</FORM>

to the following:

<FORM action="https://www.gigbuilder.com/cal4.nsf/checkdates" method="post" name="checkdate">

......

<SELECT NAME="Year"><OPTION SELECTED>Year</Option>

<OPTION>2021</OPTION>

<OPTION>2022</OPTION>

<OPTION>2023</OPTION>

<OPTION>2024</OPTION>

<OPTION>2025</OPTION>

</SELECT>

.....

</FORM>

Save your page and the widget is updated through 2025 (or whatever year you selected)