Free Infusionsoft Order Form Template
Infusionsoft’s Default Order Forms are ugly. You can see them all over the internet and you recognize them as being from Infusionsoft because they are so noticeable. (not a good thing)
You probably have tweaked yours a little or made a few changes but are you really happy with it?
What if you want to put videos on your Infusionsoft hosted form? Brand it to your company? Put testimonials on it? Do upsells?
Now, I am not a designer so it’s not pretty but checkout the video below to learn how to control your order form and create some nifty layouts or styles.https://moldingbox1.infusionsoft.com/saleform/nirihnat
Click Below For Hi-Res Version |
Copy the code below, place it in your Infusionsoft order form’s Affiliate Template section.
Affiliate Template Code
Copy the code below, place it in your Infusionsoft order form’s header section.
Header Code
Copy the code below, place it in your Infusionsoft order form’s footer section.
Footer Code
Here is the nifty secure image grabber link.
Just replace “://” with “%3A%2F%2F” and replace “/”‘ with “%2F” in any link to an image of yours so you can call your image securely and avoid the IE error of “This page contains both secure and non-secure items”.
You can put this link on any Infusionsoft order form or in Infusionsoft’s shopping cart! Just remember to change the application name (mine is moldingbox1 in the link above) to whatever your application name is instead.
7 Responses
Awesome content Micah!! Keep it coming.
This is HUGE for me.
1 question. How would you add the separate shipping info?
Jon
Hey Jon, thanks!
To have the separate shipping info, you just need to select a shipping option within Infusionsoft. If you watch the video again you’ll notice I selected to not require shipping during the order form setup. If you choose a shipping option those fields will be on the form.
Thanks,
Micah
Hey Micah–
I love it!
One thing you didn’t address in the video is–how do we change the actual infusionsoft form itself–to get rid of the nasty black borders and add the yellow background?
Thanks,
Ken
Hey Ken,
That’s a good question. The style that controls the black backgrounds around the headers is called “.sale-header” and looks like so in the header code I gave you…
".sale-header {color:#000000; background-color: #ffffcc; font-size:20px; }"
That’s how the black headers areas is controlled. The part that controlls the rest of the background is in the sample header code as well and it’s the table tag that looks like this…
table align="left" cellpadding="5px" style="background-color:#ffffcc;"
I removed the “<” characters cause WP is trying to clean them.
Hope that helps!
Fantastic Stuff!
For us real HTML novices can you just explain how to change the image in the Affiliate Template. I guess the image is loaded into infusionsoft but I am not experienced to work out how this is done.
Thanks
great article





Micah,
Great help. This will definitely change what my forms look like. One or two practice forms and the sky’s the limit.
Thanks.