Page Elements: Order Button

Page Elements: JavaScripts
XCam2 Wireless Video Camera System

It's so easy to put X10 order buttons on your product pages. Simply follow these easy steps.

Step 1: Input X10 VIP Affiliate Program Identification Numbers

Begin by replacing INPUT HERE with your X10 VIP Affiliate Program account identification fields in the window below: These are the identification numbers that X10 VIP Affiliate Program requires on all campaigns.

X10 VIP Affiliates Program Publisher Identification #: X10.AffiliateID = (input below)

Select All
<script language="JavaScript" src="http://affiliates.x10.com/scripts/x10xcam2.js"> </script> <script language="JavaScript"> X10.AffiliateID="INPUT_HERE"; </script>

After you've placed your X10 VIP Affiliate Program AID numbers in the code, continue to step 2.

Step 2: Required JavaScript.
Copy and Paste the JavaScript in the above window between the <head> and </head> tags in your HTML code.

Note: If using other X10 provided product page Java Script elements such as those below, the script above is only required once.

Step 3: Order Button Script
Copy and Paste this JavaScript into a cell in your HTML code where you want the order button to appear.
Copy and paste the script below into a cell in your HTML code. Paste between the <td> and </td> tags, which represent a HTML cell.

Select All
<script>X10.getOrderButton();</script>

This code only work with the XCam2 Wireless Camera System. Other scripts are available for other products. When you use the order button, your customers will be purchasing directly off your landing page and bypassing the X10 product pages entirely. Once clicked, the customer is taken to the X10 shopping cart for order processing and checkout. Note: The order button may not appear until your page is live on the Internet.

Step 3 (Alternate): Order Button Script Using Your Own Button Graphic
To maintain your sites look and feel, you may want to use your own style of order buttons. We've made it easy!

Simply replace the "INPUT YOUR BUTTON IMAGE SOURCE HERE" text below with the URL of the image source you want to use.

Then, copy and paste this JavaScript into a cell in your HTML code where you want the order button to appear.
Copy and paste the script below into a cell in your HTML code. Paste between the <td> and </td> tags, which represent a HTML cell.

Example

Select All
<script>X10.getOrderButton("http://INPUT YOUR BUTTON IMAGE SOURCE HERE");</script>

Step 3 (Alternate): Order Text Link
You may want to simply use a text link in the place of a graphic order button. For example, "Order Now", "Buy Now", "Click to Order", etc.

Simply replace the "YOUR TEXT GOES HERE" text below with the text phrase you want to use.

Example

Select All
<script>X10.getTextLink("YOUR TEXT GOES HERE");</script>

This code only work with the XCam2 Wireless Camera System. Other scripts are available for other products. When you use the order text link, your customers will be purchasing directly off your landing page and bypassing the X10 product pages entirely. Once clicked, the customer is taken to the X10 shopping cart for order processing and checkout. Note: The text link may not appear until your page is live on the Internet.

Step 4: "What's Included" Scripts
If you want to include a product image that can be updated automatically updated by X10, you can include this script in your product page.

Copy and Paste this JavaScript into a cell in your HTML code where you want the price to appear.
Copy and paste the script below into a cell in your HTML code. Paste between the <td> and </td> tags, which represent a HTML cell.

Base offer components without price.
Select All
<script>X10.getItems();</script>

Base offer components with price.
Select All
<script>X10.getItemsTable();</script>

This number represents the total savings with this offer.

Select All
<script>X10.getSavings();</script>

Step 5: Product and Offer Name (Optional)

Although you are free to call your offer anything you want, we also provide you with an automatically updating product name text script.

Copy and Paste this JavaScript into a cell in your HTML code where you want the order button to appear.
Copy and paste the script below into a cell in your HTML code. Paste between the <td> and </td> tags, which represent a HTML cell.

Select All
<script>X10.getName();</script>

Step 6: Price

If you want to include a dynamic price value that can be automatically updated by X10, you can include this script in your product page.

Select All
<script>X10.getPrice();</script>

Step 7: Urgency Countdown Timer in Flash (Optional)

X10 also provides you with a deal countdown timer to add urgency to your page. Add it to your page and you'll instantly add an element to urge people to buy now, rather than waiting.

The timer automatically updates when the deal and bonus items change. You don't need to do any updating once you put the script into your page. -- it's completely automatic!

Here's how the countdown timer works... For the first 24-hours of an offer the graphic displays "Hurry! This Limited Time Offer Ends Soon". Within the last 24-hours of the offer, the graphic changes to read "Hurry! Offer Ends Today", followed by a countdown timer displaying hours, minutes, and seconds.

Note: This timer is designed for use with the XCam2 + Bonus items offer only, and will not work with other product offers.

Copy and Paste this JavaScript into a cell in your HTML code where you want the urgent message to appear.
Copy and paste the script below into a cell in your HTML code. Paste between the <td> and </td> tags, which represent a HTML cell.

Select All
<script>X10.getFlash();</script>

Step 8: Product Image (Optional)

If you want to include a product image that can be updated automatically updated by X10, you can include this script in your product page.

Select All
<script>X10.getGraphic();</script>

Step 9: Order Phone Number with Affiliate ID

You'll want the ORDER PHONE script! The page will dynamically show your X10 VIP Affiliate Program Junction affiliate ID number. When the customer calls the toll free phone number, they will be asked by an X10 sales staff member to give them your ID number. Your X10 VIP Affiliate Program Junction account will get full credit for the sale.

Select All
<script>X10.getPhoneNumber();</script>

Step 10: Online X10 Customer Support Chat

By putting this script on your page, you give your customers quick access to a live Chat session with an X10 expert.

Select All
<script>X10.getSupportButton();</script>

Step 10: Don't Miss Sales with the Last Chance Popup

By putting this script on your page, when your customer leaves the product page having not bought XCam2, you can try to save the sale by adding the Exit Pop to your pages.

Select All
<script>X10.EnableExitPop("vk66a");</script>