Friday, September 4th, 2009

Free Infusionsoft Order Form Template

Marketing Advertising Blog — VuManhThang.Com

nomoreuglyInfusionsoft’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

camtasia

Copy the code below, place it in your Infusionsoft order form’s Affiliate Template section.

Affiliate Template Code

download

Copy the code below, place it in your Infusionsoft order form’s header section.

Header Code

download

Copy the code below, place it in your Infusionsoft order form’s footer section.

Footer Code

download

Here is the nifty secure image grabber link.

https://moldingbox1.infusionsoft.com/jspServ/imagegetter.jsp?url=http%3A%2F%2Finfusionsoftvideos.com%2Fheader.png

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.

  • Share/Bookmark
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

7 Responses

September 7, 2009

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

Thanks.


September 17, 2009
Jon Bennett

Awesome content Micah!! Keep it coming.

This is HUGE for me.

1 question. How would you add the separate shipping info?

Jon


September 17, 2009
admin

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


September 19, 2009
Ken

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


September 19, 2009
admin

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!


October 26, 2009
David

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


June 7, 2010
Phil

great article