SalesForce Commerce Cloud

Cartridge

Stackla offers a beta SalesForce Commerce Cloud Cartridge which includes the relevant ISML files to add a Stackla Widget to your Product Page(s) and track a number of Events with the Stackla Tracking Pixel.

To start, download the Stackla_SFCC (Beta) Cartridge.

Before starting, it is recommended that you tell your SalesForce Commerce Cloud / Demandware Site Manager about the cartridge you plan to install before actually uploading it.

Add Cartridge Definitions to Storefront

To add the Cartridge, first log into your SalesForce Commerce Cloud Business Manager.

Click Administration and select Manage Sites.

From the available list, choose your Storefront Site and click on the Settings tab. Under Instance Type: All, in the text box to the right of Cartridges, prepend the following:int_stackla:, making sure to include the colon (:).

Once done you can now hit Apply to install the respective ISML files.

Embedding Widget

to Embed a Stackla Widget into your SalesForce Commerce Cloud Product Pages is a two step process.

Firstly, you will need to add the Stackla Widget Template to your existing Product Page template. To do this, in the SalesForce Commerce Cloud Development Environment, navigate to /cartridge/templates/default/product/productdetail.isml and open the respective file.

Within this file, you will want to scroll down until you file the code </div><!--/pdpMain --> and add the following underneath:

<iscomment>Stackla Widget</iscomment>
<isinclude template="widgets/stacklawidget.isml"/>

This will add the refresh to the Stackla Widget Template within your Product Page.

Next step is to navigate to the Widget Template, which will be located at int_stackla/cartridge/templates/default/widgets/stacklawidget.isml.

From here, you will need to do two thing:

  • Add a Widget ID
  • Uncomment the Widget

To add a Widget ID, simply go into your Stackla instance, navigate to Engage > Widgets and grab the ID from any of the Widgets on your Stack that you wish to use on all your Product Pages. Once you have this ID, simply replace where it says and uncomment your Widget.

Tracking Pixel

The Stackla SFCC Cartridge contains two Templates which cover the Tracking Pixel Eventsproduct_page_view and purchase.

Product Page

To add the Pixel Event for Product Page Views, within the SalesForce Commerce Cloud Development Environment, navigate to /cartridge/templates/default/product/productdetail.isml and open the respective file.

Once in the File, you will want to add anywhere on the page the following:

<iscomment>Stackla Tracking Pixel</iscomment>
<isinclude template="events/productview.isml"/>

This will add the relevant Tracking Pixel to your Product Page.

Purchase

To add the Pixel Event for Purchases, within the SalesForce Commerce Cloud Development Environment, navigate to /cartridge/templates/default/checkout/confirmation/confirmation.isml and open the respective file.

Once in the File, you will want to add anywhere on the page the following:

<iscomment>Stackla Tracking Pixel</iscomment>
<isinclude template="events/purchase.isml"/>

This will add the relevant Tracking Pixel to your Purchase Confirmation page, and track any conversions relating to UGC.

Return to Top