Difference between revisions of "X-Cart:IFrame integration for X-Payments & X-Cart checkout routines"

From X-Cart 4 Classic
Jump to: navigation, search
m
 
(8 intermediate revisions by 3 users not shown)
Line 1: Line 1:
X-Payments connector in X-Cart since v4.5.5 supports loading credit card from from X-Payments via iFrame (aka "lite interface") for both "One-Page Checkout" "Fast Lane Checkout" routines. Using "lite interface" you can remove a step for entering credit cards in your checkout routine. For your customers it will look like they enter credit card details within your regular checkout routine.
+
An online store based on X-Cart version 4.1.9 (or later) and connected to X-Payments version 1.0.6 (or later) with one of the latest versions of the X-Payments connector can be configured to display the secure X-Payments generated form for entering payment card information directly on the checkout page in X-Cart - as opposed to the mode in which this form is displayed on a separate page. For the buyer everything looks as though they were entering their credit card details within your regular checkout routine. Embedding the form generated by X-Payments into X-Cart's checkout page is made possible by use of iFrame. iFrame integration for X-Cart&X-Payments checkout routines is part of the X-Payments connector functionality, so it is essential that you should use an up-to-date version of the connector to enjoy this feature. Older versions of the connector (released prior to September 2014) do not support the iFrame feature, so if you last updated your X-Payments connector for X-Cart prior to September 2014, or purchased your X-Cart prior to September 2014 and continue to use the built-in X-Payments connector that came with it, you must update your X-Payments connector be able to use the iFrame feature. Newer X-Payments connector versions (released after September 2014) already include support the iFrame feature, but we still recommend updating to the latest connector version available to ensure that your connector has all the latest features and fixes.
 
 
See how to enable "lite interface" in X-Cart and X-Payments admin back-ends below (provided you've already integrated your X-Cart with X-Payments):
 
 
 
<videoflash>GBNXOL9Nm5o|640|480</videoflash>
 
 
 
 
 
 
 
'''X-Cart & X-Payments versions compliance for checkout routines'''
 
 
 
{| class="wikitable" border="1"
 
! X-Payments !! X-Cart !! Fast Lane Checkout !! One Page Checkout
 
|-
 
| 1.0.6 || 4.5.5 || [+] New version of lite interface [+] On a separate page || [+] New version of lite interface [+] On a separate page
 
|-
 
| - || 4.5.2-4.5.4 || [-] Lite interface [+] On a separate page || [+] Old version of lite interface [+] On a separate page
 
|-
 
| - || 4.4.0-4.5.1 || [-] Lite interface [+] On a separate page || [-] Lite interface [+] On a separate page
 
|-
 
| - || 4.0.0-4.3.2 || [-] Lite interface [+] On a separate page || n/a
 
|-
 
| 1.0.5 || 4.5.5 || [-] Lite interface [+] On a separate page || [-] Lite interface [+] On a separate page
 
|-
 
| - || 4.5.2-4.5.4 || [-] Lite interface [+] On a separate page || [+] Old version of lite interface [+] On a separate page
 
|-
 
| - || 4.4.0-4.5.1 || [-] Lite interface [+] On a separate page || [-] Lite interface [+] On a separate page
 
|-
 
| - || 4.0.0-4.3.2 || [-] Lite interface [+] On a separate page || n/a
 
|-
 
| 1.0.0-1.0.4 || 4.0.0-4.5.5 || [-] Lite interface [+] On a separate page || [-] Lite interface [+] On a separate page
 
|}
 
  
 +
Steps to enable displaying the payment card form in iFrame:
 +
# In your X-Cart store's Admin back end, go to the X-Cart Connector settings page and enable the "Use iframe" option (If you are using an older X-Cart versions, this may be called "Use lite interface").
 +
# Make sure the "API version" field on the same page is set to "1.2".
 +
# In your X-Payments Admin back end, go to the Online Store Details page for your store and enable the "lite" template there.
  
 +
Here's also a video for how to enable the iFrame feature in X-Cart working with X-Payments:
  
 +
<youtube>GBNXOL9Nm5o</youtube>
 +
<br /><br />
 +
[[Category:X-Cart video tutorials]]
 
<noinclude>{{pdf_single}}</noinclude>
 
<noinclude>{{pdf_single}}</noinclude>

Latest revision as of 11:44, 15 August 2016

An online store based on X-Cart version 4.1.9 (or later) and connected to X-Payments version 1.0.6 (or later) with one of the latest versions of the X-Payments connector can be configured to display the secure X-Payments generated form for entering payment card information directly on the checkout page in X-Cart - as opposed to the mode in which this form is displayed on a separate page. For the buyer everything looks as though they were entering their credit card details within your regular checkout routine. Embedding the form generated by X-Payments into X-Cart's checkout page is made possible by use of iFrame. iFrame integration for X-Cart&X-Payments checkout routines is part of the X-Payments connector functionality, so it is essential that you should use an up-to-date version of the connector to enjoy this feature. Older versions of the connector (released prior to September 2014) do not support the iFrame feature, so if you last updated your X-Payments connector for X-Cart prior to September 2014, or purchased your X-Cart prior to September 2014 and continue to use the built-in X-Payments connector that came with it, you must update your X-Payments connector be able to use the iFrame feature. Newer X-Payments connector versions (released after September 2014) already include support the iFrame feature, but we still recommend updating to the latest connector version available to ensure that your connector has all the latest features and fixes.

Steps to enable displaying the payment card form in iFrame:

  1. In your X-Cart store's Admin back end, go to the X-Cart Connector settings page and enable the "Use iframe" option (If you are using an older X-Cart versions, this may be called "Use lite interface").
  2. Make sure the "API version" field on the same page is set to "1.2".
  3. In your X-Payments Admin back end, go to the Online Store Details page for your store and enable the "lite" template there.

Here's also a video for how to enable the iFrame feature in X-Cart working with X-Payments:



PDF button.png This article can be downloaded as a PDF file