You must insert a small piece of code into your product detail pages before Cross-Sell will function. You may add this code to all of your product detail pages, or to selected product detail pages only.

The product detail page cross-sell code can be downloaded from the Product Detail Display Options page in Cross-Sell Manager, once you've configured your display settings. You may add this code to all of your product detail pages, or to selected product detail pages only.

Customize display settings and retrieve Cross-Sell code

Before retrieving the Cross-Sell code, customize your cross-sell display settings using the Product Details Options page in Cross-Sell Manager:

1. Sign in to your My Services page.
2. Click the Store link.
   
3. Click the Cross-Sell link appearing in the Promote column.
   
4. Click on the Edit link in the Product Detail area at the top of the page.
   
5. On the Product Detail Display Options page:
   • Select the Display radio button beside Cross-Sell.
   • Choose to enable or disable Auto-Suggest (read more about Auto-Suggest).
   • Customize your product area appearance, by editing the Header text, selecting the maximum number of items to display (up to 6), and choosing horizontal or vertical placement of Cross-Sell items on your page.
   • Choose Custom to create your own Pricing Labels for an item's regular price, sale price, and cross-sell discount, or Default to use the default labels.
   
6. Download and Save the Cross-Sell code text file and instructions for inserting it into your product pages. Cross-Sell items will not appear on product detail pages until this code has been inserted and the Store published.
   
7. Click the Update button.
   

Add Cross-Sell code to all product detail pages

You may use a global variable within Store Editor to insert Cross-Sell code in all product detail pages at once. Once the code has been inserted and changes published, Cross-Sell items will appear on all product detail pages in your store.

Use Store Editor

1. Sign in to your My Services page.
2. Click the Store link.
   
3. Go to Store Editor.
   
4. Go to Variables.
   
5. In the Final-text field, insert the following code before all other content in the Final-text field (recommended placement).
   
   <div id="ys_relatedItems"></div>
   
   
6. Click the Update button.
   
7. Publish when ready.
   

Note: Placing the code within the Final-text field is recommended placement only for merchants using standard templates. Code may be placed within any field that accepts HTML, including custom fields that have been created for custom templates. The code will function if placed anywhere within the field, but its placement above or below other content will determine if Cross-Sell items are displayed above or below this content on the page.

Add Cross-Sell code to selected product detail pages

You may use either Store Editor or Catalog Manager to insert Cross-Sell code in individual product detail pages. Cross-Sell items will only appear on product detail pages for which you've inserted the code once changes have been published. Note that code inserted using either Store Editor or Catalog Manager will be applied to Store Editor pages only.

Use Store Editor

1. Sign in to your My Services page.
2. Click the Store link.
   
3. Go to Store Editor.
   
4. Navigate to the item page on which you want to display Cross-Sell items.
5. Click Edit in the Store Editor toolbar.
   
6. In the Caption field, insert the following code after all other content in the Caption field (recommended placement).*
   
   <div id="ys_relatedItems"></div>
   
   
7. Click the Update button.
   
8. Publish when ready changes.
   

Use Catalog Manager

1. Sign in to your My Services page.
2. Click the Store link.
   
3. Go to Catalog Manager.
   
4. Enter the Manage Products section and click on an item ID to edit the item.
   
5. In the Caption field, insert the following code after all other content in the Caption field (recommended placement).*
   
   <div id="ys_relatedItems"></div>
   
   
6. Click the Save button.
   
7. Go back to Store Editor.
   
8. Publish when ready.
   

Note: Placing the code within the Caption field is recommended placement only. Code may be placed within any field that accepts HTML, including custom fields that have been created for custom templates. The code will function if placed anywhere within the field, but its placement above or below other content will determine if Cross-Sell items are displayed above or below this content on the page.

Note: Cross-Sell Manager is available only with Merchant Solutions Standard, Professional, and Store v.1 packages.

• How do I add Cross-Sell to my cart page?
• How do I set up rules in Cross-Sell Manager?
• Use Auto-Suggest