by Jacob Allred | Nov 12, 2013 | Tips
Update 7/23/2014: The script has been updated to work with the latest version of the Infusionsoft shopping cart. Here is a common scenario: You are offering a freebie to your customers. You want them to use your Infusionsoft shopping cart, but you don’t want them to have to enter their credit card information for a $0 item. You could turn on the check payment method for your shopping cart, but your customers are still going to be presented with the other payment methods. To solve this, we’ve written some JavaScript to automatically handle hiding and showing the appropriate payment methods. This code will hide the credit card and PayPal methods if it detects that the customer has a $0 shopping cart. If the customer’s order isn’t free, it will show the credit card and/or PayPal methods and hide the check method. To make this work, you’ll first need to enable the check option by logging into Infusionsoft and going to E-Commerce Setup -> Payment Options. Next, modify your shopping cart theme. Place this snippet in your Custom Header HTML area: <script type="text/javascript" src="https://d1zcb7keu4rf07.cloudfront.net/free/novaksolutions.com_do_not_require_payment.js"></script> That’s it! We’ll keep the script up-to-date in case Infusionsoft makes future changes that stop this script from working. You are of course welcome to download this script and host it on your own if you’d like. To see this script in action, click here to order our free Health Check service. Note: We’ve tested this script with our own Infusionsoft products and shopping cart. If something isn’t working quite right for you, please let us know! We’re happy to help troubleshoot any of the free tools we...
by Jacob Allred | Nov 5, 2013 | Tips
We’ve created a free tool that lets you search your Infusionsoft app’s contacts from your browser’s location bar or search box without having to open Infusionsoft. To use this tool, enter your app name below and click Next. This will create a special search plugin just for you. Click the “Click Here To Complete” link to finish the installation. Chrome: In the Edit Search Engine box that pops up, choose a keyword to trigger the search. We like to use infusionsoft. For example, if you chose infusionsoft as your keyword and wanted to search for contacts named Jacob, you’d type infusionsoft jacob in the Chrome omnibox then hit enter. Firefox: Click Add when asked if you want to install the search plugin. To use the plugin, select Infusionsoft as your search engine in the search drop down, then type your search term and hit enter. Internet Explorer: Click Add when asked if you want to install the search provider. To use the plugin, click the magnifying glass in the location bar, click the Infusionsoft icon in the dropdown, then type in your...
by Jacob Allred | Oct 29, 2013 | Tips
UPDATE 7/1/2014: Updated the code to remove company and address line 2 from the shipping side as well as the billing side. If the company name or second address line aren’t relevant for your business, you can easily hide these fields with a small snippet of JavaScript. Simply add this code to the Customer Header field for your shopping cart or order form: <script type="text/javascript"> // <![CDATA[ jQuery(function(){ jQuery('#company').parent().parent().hide(); jQuery('#addressLine2').parent().parent().hide(); jQuery('#shipCompany').parent().parent().hide(); jQuery('#shipAddressLine2').parent().parent().hide(); }); // ]]> </script> The fields will still exist on your checkout page but will be invisible to your customers, so make sure the company field isn’t marked as being required or they won’t be able to...
by Jacob Allred | Oct 22, 2013 | Tips
You may think of your website’s favicon as an insignificant part of your website’s overall design, but favicons play an important role. They build brand awareness, help establish credibility, and make life easier for individuals with dozens (or even hundreds) of bookmarked websites. Unfortunately, Infusionsoft doesn’t provide an easy way to change the favicon that is displayed to your visitors when they go through your shopping cart, order form, or pull up a hosted web form. Luckily for you, we’ve put together an easy to use snippet of HTML that will let you easily change your favicon. We’ve tested this snippet with all the major browsers, including Internet Explorer, Chrome, and Firefox. To make it work, simply change the faviconURL path below to the URL for your own favicon (it must be at an HTTPS site!) and then paste into an HTML Snippet, or into the Custom Header field for your shopping cart or order form: <script type="text/javascript"> // <![CDATA[ jQuery(document).ready(function(){ faviconURL = 'https://novaksolutions.com/favicon.ico'; jQuery('link[rel=\'shortcut icon\']').remove(); jQuery(document.createElement('link')) .attr('type', 'image/x-icon') .attr('rel', 'shortcut icon') .attr('href', faviconURL) .appendTo('head'); jQuery(document.createElement('link')) .attr('type', 'image/x-icon') .attr('rel', 'icon') .attr('href', faviconURL) .appendTo('head'); }); // ]]> </script> This JavaScript snippet will remove Infusionsoft’s favicon (if present) and then add your favicon in a format supported by Chrome/Firefox, and a format supported by Internet Explorer. To see this tip in action, check out our demo order form and demo web...
by Jacob Allred | Oct 15, 2013 | Tips
Infusionsoft has provided several different types of custom fields, including the date and the date/time field types. The date field type conveniently provides a date picker that makes it easy for your visitor’s to select a date. The date/time field type provides a time picker that makes it easy for your visitor’s to select a date. But what if you want your visitor’s to pick a date and a time? With the help of an HTML Snippet you can easily combine the benefits of both the date and the date/time field types. First, you’ll need a custom date/time field. If you aren’t familiar with creating custom fields, please review the documentation at the Infusionsoft website. Next, you need to find the field’s database name. On the custom fields page, click the View the field database names (for the API) link. This will open a new window that lists your custom fields and their database names. As you can see in the screenshot, our field’s database name is Datetime0. Write this down, you’ll need it later. Add your date/time field to your web form, then create an HTML Snippet with this content (replacing Datetime0 with the database name of your custom field): <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> <script type="text/javascript"> // <![CDATA[ jQuery(document).ready(function(){ jQuery('#inf_custom_Datetime0').datepicker(); }); // ]]> </script> That’s it! Your web form’s date/time field now has both a date picker and a time...
