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...
by Jacob Allred | Dec 3, 2013 | Tips
To speed up development of a campaign, you can copy and paste existing sequences within the Campaign Builder. The process is very easy: First, select the items you want to copy. You can hold down the Ctrl key while clicking on the items you want to select multiple items. Next, left click on one of your selected items. Hold down the mouse button. Last, hold down Ctrl and drag your selected items to a blank space on the canvas. The original items will remain in place, and the copies will be added to the canvas. The instructions are slightly different for Mac users. Instead of holding Ctrl when dragging your selected items, hold down Command key. Remember, you need to left click before holding down the Command...
by Jacob Allred | Nov 26, 2013 | Tips
Want to get more people to fill out your web form? Put it in a lightbox! This code is easy to implement (copy and paste!). All you need to do is change the iframe src and the a href to the hosted URL for your web form. This tip uses JavaScript. If your visitor doesn’t have JavaScript or if they click the link before the page has finished loading, they won’t see the web form in a lightbox. Instead, they’ll be taken to the hosted URL for your web form. [cf]javascript[/cf] Add this code to your website: <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <script type="text/javascript">// <![CDATA[ jQuery(document).ready(function(){ jQuery( "#webformdialog" ).dialog({ autoOpen: false, width: 500, modal: true }); jQuery( ".opendialog" ).click(function(e) { e.preventDefault(); jQuery( "#webformdialog" ).dialog( "open" ); }); }); // ]]></script> <a href="https://joey.infusionsoft.com/app/form/lightbox-webform" class="opendialog">Open web form</a> <div id="webformdialog" style="display: none;"><iframe id="infFormIframe_0" style="width: 450px;" src="https://joey.infusionsoft.com/app/form/lightbox-webform" frameborder="0" scrolling="yes" width="400" height="250"></iframe></div> If you already use jQuery on your page, you may need to remove the script tags for jQuery or jQuery UI. You can also pick different themes for the lightbox to better match the look and feel of your site. Have an idea for a tip? We love helping the community. If you have a problem let us know and we’ll try to solve...
by Jacob Allred | Nov 19, 2013 | Tips
Sometimes a standard input field just isn’t big enough. We’ve written a snippet of JavaScript to let you change any field on your web form into a text area. To see this tip in action, check out our demo web form. First you’ll need to know the field’s name. If you aren’t sure what the field’s name is, you can find out using your browser’s built-in tools. In Chrome or Firefox, right click on the field and choose Inspect Element. You’ll see a bunch of code, with one line highlighted. Look for something that looks like this: name=”inf_field_SomeField”. The field name is the part in quotes. Next, change FIELD_NAME in the snippet below with the name of the field you want to change to a text area. Paste the snippet into an HTML Snippet on your web form and you are done! <script type="text/javascript">// <![CDATA[ var fieldName = 'FIELD_NAME'; var textArea = document.createElement('textarea'); $textArea = jQuery(textArea); $textArea.attr('name', fieldName); jQuery(document).ready(function(){ var $originalField = jQuery('input[name=' + fieldName + ']'); $textArea.val($originalField.val()); $originalField.replaceWith($textArea); }); // ]]></script> Have an idea for a tip? We love helping the community. If you have a problem let us know and we’ll try to solve...
by Joey Novak | Nov 13, 2013 | Automate It!
We all know Infusionsoft is great for marketing, but did you know it can make you breakfast, too? I paired Infusionsoft with the Novak Solutions Automation Center platform, a few kitchen appliances, and a TM-19A transceiver. A simple Infusionsoft web form captures the date and time you’d like breakfast to start cooking. I used “Send HTTP Post” in the Campaign Builder to tell the Automation Center to schedule breakfast for 8 AM the next morning. The next step is the easiest: go to bed for the night! In the morning, the Automation Center automatically used the TM-19A transceiver to turn on the kitchen appliances to get my food cooking. I woke up a few minutes later and enjoyed my hot breakfast. Did you enjoy this video? Want to see more? Click here to vote on what you’d like to see in the next Automate It!...
