Generic Inline Content Integration
This guide walks you through adding 1WorldSync rich content to your product pages using the generic inline script.
Before you start
- Register for a portal account:
https://portal.cs.1worldsync.com/en-us/account/preregister
- Get your credentials. You will need your SKEY and ZoneID, found in your account under My Services:
https://portal.cs.1worldsync.com/en-us/Services
- Preview the result. This is what the content looks like once rendered:
View the demo »
To grab your script: open your script page → click Get Code → copy the SKEY and ZoneID shown.
Step 1 — Add the script and containers to your page template
Paste the following into your product page template:
<div id="ccs-feature-icons"></div>
<div id="ccs-inline-content"></div>
<div id="ccs-logos"></div>
<script type='text/javascript'>
var ccs_cc_args = ccs_cc_args || [];
ccs_cc_args.push(['cpn', 'CPN']);
ccs_cc_args.push(['mf', 'Microsoft']);
ccs_cc_args.push(['pn', 'QAT00009']);
ccs_cc_args.push(['upcean', 'UPC/EAN']);
ccs_cc_args.push(['lang', 'EN']);
ccs_cc_args.push(['market', 'GB']);
(function () {
var o = ccs_cc_args;
o.push(['_SKey', 'SKEY']);
o.push(['_ZoneId', 'ZONEID']);
var sc = document.createElement('script');
sc.type = 'text/javascript'; sc.async = true;
sc.src=('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.cs.1worldsync.com/jsc/h1ws.js';
var n = document.getElementsByTagName('script')[0];
n.parentNode.insertBefore(sc, n);
})();
</script>
Replace SKEY and ZONEID with your own values from My Services.
Step 2 — Replace the parameters with dynamic values
Swap the placeholder values for the matching field from your catalog:
| Parameter |
What to enter |
Example |
| cpn |
Customer Part Number (your internal SKU ID, used in add-to-cart) |
— |
| mf |
Manufacturer name |
Lenovo, Cisco, Microsoft Corp. |
| pn |
Manufacturer part number |
VM617A8#ABA |
| lang |
2-letter ISO 639-1 language code |
en, fr, de |
| market |
2-letter country code |
US, DE, GB |
| upcean (optional) |
UPC or EAN code of the product |
— |
Step 3 — Confirm your content containers
The script renders content into these <div> elements. Place them where you want the content to appear:
<div id="ccs-feature-icons"></div>
<div id="ccs-inline-content"></div>
<div id="ccs-logos"></div>
Step 4 — Publish
Save and publish the page to your website.
Step 5 — Catalog feed setup (required for Logo & Upsell programs)
For Logo programs, we need a full catalog feed:
- Format: CSV (comma- or tab-delimited) text file
- Access: Reachable by us via FTP or HTTP, updated daily
- Required columns:
- CPN / Product ID (used in your add-to-cart function)
- Manufacturer Name
- Manufacturer Part Number / SKU
- Product Name
- Product Page URL (must include
https:// — e.g. https://www.domain.com)
