Product Page Integration
Checkout Flow:
Step 1:
Add the following lines of HTML code on any product page you want to offer eLayaway.
Step 2:
Add the following lines of HTML code to the body of the page or product template.
Field Descriptions
Once you have copied the above HTML to your specified location you will have to enter in your product variables in each field that is detailed below. Please read the description for detail information on each field.
| Field | Description | Inclusion |
|---|---|---|
| amount | The price of your product. Specified in dollars and cents. Do not use a $. | optional |
| tax | Specified in dollars and cents, not a percentage. Do not use a $. (defaults to 0 if it is not sent) | optional |
| shipping | Specified in dollars and cents. You cannot have multiple forms of shipping. (defaults to 0 if it is not sent) | optional |
| quantity | The number of items being purchased. (defaults to 1 if it is not sent) | Required |
| merchant_id | Your merchant ID can be found within your account settings on eLayaway.com. Replace the # with either your production merchant ID or sandbox merchant ID. | Required |
| merchant_name | Specify the name you would like to appear on the checkout page. Replace Business Name with your company name. | Required |
| max_lay_length | The maximum number of months you would like to offer this product on eLayaway. Default is 12. | Required |
| min_lay_length | The minimum number of months you would like to offer this product on eLayaway. Default is 2. All eLayaway orders can be no less than 2 months. | Required |
| item_number | Item number you will use to tag a product. Replace the # with the Item number. If you do not want an item number remove the # from the field. | optional |
| item_name | Specify the item name your customer will see during the eLayaway checkout process. Replace Item Name with your item name. | Required |
| return_to | Customers will be re-directed back to this URL when they have confirmed the layaway. Click here to see return status data sent back. Replace http://www.yourreturnaddress.com with the return address of your choice. | Required |
| currency_code | The international currency code for the type of currency used in the transaction. At this time eLayaway only accepts U.S. dollars, so you do not need to change this field. | Required |
| src="ImageLocation" | Image location for eLayaway button. Replace ImageLocation with the URL of the image you wish to use. | Required |
Step 3
Select Your Button:
You will need to download an appropriate image from either your eLayaway merchant account or below. The image location will then need to be added to the src=“Image Location” portion of the previous code.
Note: Please review our accepted graphics standards if you need to alter the button to fit on your site.
Here are the eLayaway buttons to choose from:
eLay_L_Now_194x137
eLay_M_Now_162x32
eLay_S_Now_125x24
eLay_L_Checkout_225x41
eLay_M_Checkout_169x29
eLay_S_Checkout_140x25
Step 4
Test your button and make sure everything is working properly. Please refer to our Testing Instructions to complete this step.