---- dataentry ----
type          : integration		# do not change this line
systems       : Unbounce # the system(s) that the integration is for, separated with commas if more than one
name          : Unbounce + FoxyCart		# the name of the integration
description   : 
tags          : cms		# tags, separated by commas. don't include the "system" here.
date_dt       : 2014-02-18		# the date in YYYY-MM-DD format
version       : 		# if you have a version for your code, enter it here
developer_url : 		# if you'd like a link back to your site, stick it here
----


====== Unbounce ======

<WRAP important round>
//**Please note:**//
The code on this page is submitted by members of the FoxyCart community, and may not verified by FoxyCart.com LLC in any way, shape, or form. Please double check the code before installing. If you need help with it please [[http://forum.foxycart.com/|post in our forum]], but if we cannot offer assistance (due to unfamiliarity with this particular system or language) we apologize in advance.
</WRAP>

===== Description =====
Until a more formal FoxyCart + [[http://www.unbounce.com/|Unbounce]] instruction set is done, this page will link to relevant posts and information about using FoxyCart with Unbounce.

===== Basic Integration =====

=== Integrating FoxyCart Functionality ===

In order for FoxyCart to use the modal window and maintain sessions across the different domains, you need to add a few lines of includes to your header. To get the correct FoxyCart include files for your store, navigate to the 'Sample Code' section of the FoxyCart administration and copy them from there.

To add the codes to your Unbounce site: 

  - {{ :integration:unbounce_scripts.jpg?nolink&200|}}In your Unbounce page editor, down the bottom of the page you'll see two buttons for "Javascript" and "Stylesheets". This is where we will include the FoxyCart include files to add in the modal cart functionality and maintain customer sessions correctly.
  - {{ :integration:unbounce_js.jpg?direct&300|}}Click on "Stylesheets" and within the text editor that appears, paste in the first line from the "Sample Code" section in your stores FoxyCart administration. It will be the line that starts with ''<link''. Click "Done" once that is included.
  - Next click on the "Javascript" button, and paste in the second and third lines from the "Sample Code" section, they both start with ''<script''. You'll also need to ensure the checkbox in the lower left hand corner of the page for "jQuery" is unchecked and set the "Placement" to "Head". Click "Done" once completed.

That's it!

=== Links and Forms ===

{{ :integration:unbounce_html.jpg?300|}}Now, you can insert [[http://wiki.foxycart.com/getting_started:adding_links_and_forms|cart links and forms]] on your Unbounce page using the "Custom HTML" button from the left hand toolbar. Simply drag the Custom HTML button to where you want it on the page, paste in your link or form and press "Done". Simple as that.