Install the LoudCrowd SDK on your e-commerce Site

Install the LoudCrowd SDK to set up ShopWith your website.

To use LoudCrowd functionality anywhere on your website, you must first install the LoudCrowd SDK.

The SDK is a light-weight javascript package that renders the ShopWith widget on pages where traffic was driven by an affiliate.

Install LoudCrowd JS SDK

Step 1: Find your brand ID in Partnerize

The brand ID will be needed to identify the site to LoudCrowd. It can be found in the Partnerize application under: Settings > Brand Settings > Advertiser ID. Keep record of this ID.

Step 1: Locate the base template page of your site

To ensure that LoudCrowd functions consistently and correctly across your e-commerce store, our app must be deployed on the base page template. You need to identify the base template used for rendering other pages, such as product list, product detail, collection, search result, cart, checkout and custom pages.

🚧

IMPORTANT

It is common for many e-commerce teams to want to add our javascript to the page using a tag manager like Google Tag Manager (GTM) or Adobe Launch (formerly DTM). However, due to the latest privacy and security settings in iOS 17+, most of those tag managers are being blocked by default, thus rendering the widget unusable for a significant percentage of buyers. LoudCrowd's javascript is used to load dynamic content in to the components, not perform user tracking or profiling. Therefore, our recommendation is to not use tag managers to load Loudcrowd javascript.

Step 2: Add the LoudCrowd Base Code Snippet to your base template page

In the <head> of the base page template, load and initialize the main LoudCrowd Base code snippet:

<script type="module" src="https://pub.loudcrowd.com/partnerize/embed.js?brand_id=<BRAND_ID>"></script>

Where<BRAND_ID> is the recorded brand ID from step 1

The page's Content Security Policy must be updated to allow our UI to load.

📘

NOTE

For each rule, only add LoudCrowd if you already have a policy for that rule.

script-src *.loudcrowd.com
style-src *.loudcrowd.com
media-src *.loudcrowd.com lookaside.fbsbx.com
img-src *.loudcrowd.com lookaside.fbsbx.com
connect-src *.loudcrowd.com