Getting Started with WordPress Integration

When adding content and saving, there are various elements that WordPress will autoformat or remove from your content by default as a security precaution. There are some steps required in order to integrate ContentCast or DataSource Cloud.

For more information, please see http://codex.wordpress.org/Using_Javascript

There are a variety of solutions:

1. Switch your editor to HTML or TEXT view in the editor before pasting the JavaScript code. If you do not see HTML or TEXT tab, you may need to install other editor plugins.
2. Install a different WYSIWYG Editor.
3. Install HTML and JS Plugins

   1. WP Coder:  https://wordpress.org/plugins/wp-coder/

   2. Simple Custom CSS and JS:  https://wordpress.org/plugins/custom-css-js/

   3. Code Embed: https://wordpress.org/plugins/simple-embed-code/

Integrate Product Page content for WordPress

Due to a large number of e-Commerce add-ons for WordPress, we are unable to provide support. We suggest referring to the documentation of your preferred e-commerce package to determine how to:

1. Add a Product Page Script and HTML div containers to your Product page template
2. Pass the manufacturer name, part number, UPC and locale dynamically.

Integrate Showcase for WordPress

1. Login to your WordPress Admin section
2. In the left menu, select Page -> Add New
3. Enter the Title: “Sample Showcase” (example)
4. Click the HTML or Text tab to properly add HTML and JavaScript.
5. In Article Text area, Paste your showcase code such as:
    

   Showcase Code Example

   <div id="ccs-brand-showcase"></div>
      <script type='text/javascript'>
      var ccs_cc_args = ccs_cc_args || [];
      // My HP Brand Showcase
      ccs_cc_args.push(['mf', 'HP']);
      ccs_cc_args.push(['lang', 'en']);
      ccs_cc_args.push(['market', 'US']);
      (function () {
     var o = ccs_cc_args; o.push(['_SKey', 'ABC1234']); o.push(['_ZoneId', 'ABC1234asdasd']);
     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>

   You will need to replace the above example with your own unique code available in the portal.
6. Click Save
7. Preview the page.

If the showcase still does not appear on your page, check to see if ” <p></p>” are appearing within the code. If you still see paragraph <p> tags in the JavaScript code, following the steps below:

1. Edit the Showcase page
2. Switch to the Text tab
3. Remove paragraph line breaks by placing your cursor right after the semicolon
   
4. Hit the Delete key in order to get rid of the extra line spaces. Do this for all semi-colons.
5. Update and preview your page.

How to add Showcase to WordPress using Ultimate TinyMCE

If you have the Ultimate TinyMCE plugin installed, following the steps below:

1. Following Steps 1-3 above in the previous section.
2. Click on the HTML button within the TinyMCE toolbar:
   
3. Paste your showcase code in the HTML text area:
4. Click on Update in the lightbox editor window to close
5. Click on Save or Update
6. Preview your Showcase page.

Integrate Campaign Banners to WordPress

Using ContentCast Campaigns Plugin for WordPress

The easiest way to integrate campaign banner scripts is to install our easy-to-use ContentCast Campaigns Plugin for WordPress.

Requires WordPress 3.0 and newer

Installation

1. Download the ContentCast WP Plugin ZIP file.
2. Login to the WordPress Admin area
3. Go to Admin → Plugins → Add New
4. Click Upload Plugin
5. Choose the WordPress-ContentCast-Campaigns.zip
6. Activate the Plugin

Usage

1. Go to Admin → Settings → ContentCast Campaigns
2. Copy and paste each Campaign Script into each of the available slots.
3. If you don’t have the Campaign Scripts yet:
   1. Must be registered within the manufacturer’s branded portal such as:
      1. Microsoft DCCN
      2. HPE Partner Ready Portal
   2. In the portal, set up a new Campaigns script
   3. Click Get Code and paste the code below.
4. Copy and paste the shortcodes where you want the banners to appear:
   1. Articles
   2. Blocks
   3. Widgets
   4. Etc

Manually add campaigns to WordPress templates

1. Login to the WordPress Admin area
2. Go to Admin -> Appearance -> Editor
3. Open the template file that corresponds with your preferred placement and add the DCCN Campaign code:
   1. footer.php
   2. header.php
4. In the DCCN portal, choose your topic and banner size. Click Generate and copy the code.
5. Paste the DCCN Campaign Code
6. Save the template file
7. Refresh your WordPress website page to preview

Suggested WordPress Plugins

HTML JavaScript Adder

How to add the campaign banners with HTML JavaScript Adder plugin

The HTML JavaScript Adder allows you to add HTML or JavaScript to your WordPress sidebars only.

1. 1. Download the HTML JavaScript Adder plugin and install it according to the installation instructions
   2. In the DCCN portal, choose your topic and banner size. Click Generate and copy the code.
   3. In WordPress admin -> click Appearance -> Widget
   4. Drag and drop the HTML JavaScript Adder to your sidebar
   5. Make sure “Automatically add paragraphs” is unchecked.
   6. Paste the DCCN Campaign Code copied from Step 2
   7. Save and preview your page in WordPress