by Jacob Allred | Jan 7, 2014 | Tips
An easy way to encourage accurate phone number entry is to automatically format phone numbers as they are typed in. This is called a masked input, and is very easy to implement in Infusionsoft web forms, order forms, and the shopping cart. To see an example, check out the order page for our Easy API product. We’re going to be using the jQuery Masked Input plugin. We’ve thrown a copy up on our server that you can use, or you can download it and save it to your own server. The code is the same for both order forms and the shopping cart: <script src="https://s3.amazonaws.com/novaksolutions/free/jquery.maskedinput.min.js"></script> <script> jQuery(document).ready(function() { jQuery("#phoneNumber").mask("(999) 999-9999"); }); </script> To use this code, simply paste into your Custom Header for your order form or shopping cart. It is a little different for web forms: <script src="https://s3.amazonaws.com/novaksolutions/free/jquery.maskedinput.min.js"></script> <script> jQuery(document).ready(function() { jQuery("#inf_field_Phone1").mask("(999) 999-9999"); }); </script> To use the code for a web form, you’ll need to add an HTML snippet. Copy and paste the above code into the HTML snippet. There is a caveat: With the way the code is written above, the user won’t be able to enter more than 10 digits. If you need more than 10 digits or want the phone number formatted for different countries, you’ll need to use a different mask. Check the jQuery Masked Input plugin page for instructions on how to do this. You can also easily modify this code to work for other fields that you may be collecting, such as social security numbers and...
by Jacob Allred | Dec 31, 2013 | Tips
Our latest free WordPress plugin, Infusionsoft One-click Upsell, makes it easy to sell additional products to your customers. Simply use the upsell shortcode on any Thank You page or post. The plugin will add a “buy now” button for whatever product you choose. If the customer clicks the button, the product will be purchased using the last credit card that they used. Installing this plugin is very easy: Log in to your WordPress account and go to the Plugins page Click Add New at the top of the page Search for Infusionsoft One-click Upsell Click Install Now for the Infusionsoft One-click Upsell plugin Once installed, click Activate Plugin This plugin requires some configuration. Go to the plugin’s settings page for instructions on how to configure the plugin and how to use it. Have a suggestion for an improvement to this plugin? Please let us know in the comments to this...
by Jacob Allred | Dec 24, 2013 | Tips
Have you ever noticed the Infusionsoft logo at the bottom of the emails you send? You may have even noticed it at the bottom of newsletters or marketing emails you’ve received from other companies. While Infusionsoft includes this logo by default, they make it easy to hide. Why would you want to remove the logo? It’s a distraction. Promoting Infusionsoft at the bottom of every email can confuse your message or distract from your email’s primary call to action. It could increase your spam score. Adding additional images and links to your emails could increase your spam score. You’ll likely only take a minimal hit for including the Infusionsoft logo, but every bit can make a difference. To hide the Infusionsoft logo from your emails, all you have to do is open your Infusionsoft app, go to Admin→Branding Center→Infusionsoft Footer, and select No at the bottom of the page for Allow Infusionsoft Footer in...
by Jacob Allred | Dec 17, 2013 | Tips
Update 5/20/2014: Infusionsoft has updated the Campaign Builder to work with Google Chrome without having to jump through any hoops. This means this tip is no longer needed. Hurray! The Campaign Builder is a powerful drag and drop tool that makes it easy to create complex campaigns. Unfortunately, it refuses to open unless you are using Firefox. Infusionsoft has chosen to do this because they don’t want to commit the resources to testing the Campaign Builder with multiple browsers. Fortunately, there is an easy way to trick your Infusionsoft app into thinking you are using Firefox even if you are actually using Chrome. First, you’ll need a user agent switching extension. Each browser has a unique user agent string that identifies its name and version number. Infusionsoft uses this user agent string to determine whether you are using Firefox, and to prevent you from using the Campaign Builder if you aren’t. A user agent switching extension lets you tell your browser to pretend it is Firefox (or a number of other browsers). You can get User-Agent Switcher, an easy to use user agent switching extension, from the Chrome Web Store. Once the extension is installed, you’ll see a mask icon added to your browser. Click the mask and select Firefox on Windows (or on Mac if you are a Mac user). You should now be able to go to the Campaign Builder in your Infusionsoft App. In my testing I haven’t encountered anything in the Campaign Builder that doesn’t work in Chrome. However, to be safe you may want to make a copy of any campaign you plan on modifying...
by Jacob Allred | Dec 10, 2013 | Tips
The Infusionsoft storefront makes it easy to sell your products online. You can easily change the colors and graphics to make it fit the look and feel of your brand. What makes it really powerful is the ability to add custom JavaScript. For example, do you want to make sure your customers read the product description before adding your product to your cart? Or perhaps you want the Add to Cart button to grab their attention by fading in a few moments after the page loads? The code to do this is pretty simple: <script type="text/javascript"> // <![CDATA[ jQuery( document ).ready(function() { jQuery('.cartButton').hide(); setTimeout(function(){ jQuery('.cartButton').fadeIn(); }, 5 * 1000); }); // ]]> </script> This snippet of JavaScript will make the Add to Cart button invisible when your customer first visits a product page. After 5 seconds, the Add to Cart button will fade in, drawing attention to itself. You can change the delay time by changing 5 to the number of seconds you’d like to wait before the button fades in. To hide the Add to Cart button for an entire shopping cart theme, edit the theme and add the code snippet to the Custom Header under the HTML Areas tab. To hide the Add to Cart button for an individual product, edit the product and add the code snippet to the Long Description. Click the Source tab for the Long Description before pasting in the...
