What is ShopWith?

ShopWith is a powerful feature that transforms your product pages into social shopping experiences by displaying creator content directly where buyers make purchase decisions.

Key Benefits

Increase Conversion Rates: Social proof at the point of purchase reduces hesitation and drives conversions
Keep Buyers On-Site: No need for customers to leave your site
Dynamic Shopping Experience: Makes your site feel community-driven
Creator Attribution: “Featured by [Creator]” provides instant credibility
Seamless Integration: Works automatically with your existing LoudCrowd setup

How ShopWith Works

Deep Links to Product Detail Pages

Used when: Creator links their followers directly to a PDP. Buyers do not land through the Storefront.

Why it matters: Buyers can still shop with a trusted creator on the PDP even if they didn't come through the creator's Storefront. Useful for flows where sending buyers directly to a specific product is the best conversion pathway.

Feature details:

Creator's product information and content automatically appears on product page
Buyers see how the creator styled or used the product, and the specific item details that the creator purchased, without having to refer to the creator's Storefront or social media posts
Affiliate discounts applied are visible to buyers
Experience remains personalized to the buyer-trusted creator relationship

Storefront to Product Navigation

Used when: Buyer clicks from a Storefront through to a PDP

Why it matters: Buyers can still shop with a trusted creator while looking at a specific product. Having the creator's product details accessible right where add to cart button increases conversion.

Feature details:

ShopWith widget maintains creator context
Buyers see how the creator styled or used the product, and the specific item details that the creator purchased, without having to refer back to the creator's Storefront or social media posts
Buyers can navigate back to Storefront
Experience remains personalized to the buyer-trusted creator relationship

Brand-Uploaded Content

Used when: Any buyer lands on a product or collection page and can shop UGC or brand approved content alongside product information.

Why it matters:

Increase buyer conversion rates by showing them high quality, high trust user generated content that meets brand standards.

Feature details:

You can control what content and product details show to buyers on each shopping page
Upload your brand owned/approved content, repurpose social media content from any owned account, or reuse creator content with rights
Display on product detail pages, collection pages or any landing page on your site where the LoudCrowd SDK is installed.

Display modes

ShopWith has several different display modes depending on what product information the creator has included on their Storefront about a specific product. Here is the list of information that will display if the creator has included it.

Creator co-branding label
1. If the creator has deeper information to display in the widget, this label appears as their profile image with nudge message
2. If the creator simply shared the PDP link and has no additional information to share, this label appears as "Featured by Creator"
Affiliate discount information
Creator's selected product details (color, size, etc). Shown if the creator specified these details when adding the product to the Storefront
Creator media (images, video) if the creator has tagged products to their content on the Storefront

Installation Instructions

Prerequisites

✅ LoudCrowd SDK is installed on product detail pages
✅ Ecommerce integration is active and syncing products

Step 1: Enable ShopWith in LoudCrowd Brand App

Go to Settings > Integrations
Find your eCommerce integration
Click Edit
In ShopWith Widget Settings:
- Toggle ON
- Choose Widget Position. Available positions are: center bottom, left bottom, left center, right bottom, right center, left top, right top
  - Positions apply to both desktop and mobile. Widget is responsive to screensize and device type.
- Add optional nudge message that you want buyers to see when they land on the page, in order to get them to open the widget
Save

Step 2: CSS Customization (Optional)

Paste CSS variables into your stylesheet.

:root {   
--loudcrowd-shopwith-widget-size: 80px;   
--loudcrowd-shopwith-accent-color: #0066cc;  
}

Step 3: Program Settings (Optional)

Note that what creator content displays in ShopWith is controlled by program settings in the LoudCrowd Brand App. The same settings apply to how content is managed for both ShopWith and Storefronts.

Go to Programs > [Your Program] > Settings
Adjust Creator Permissions
- UGC options:
  - All
    recommended / most common
    creator uploads and social media posts will automatically display in ShopWith and Storefronts. Rejected posts will be removed from view
  - Approved Only
    creator content only appears once it has been approved via the brand app
    recommended only where your program has a dedicated review team approving content hourly/daily. delays in approvals can result in creator frustration and low engagement
  - Denied
    creators cannot include their own content in ShopWith and Storefronts
    recommended only for large scale programs working with creators that could create high brand risk and no content review services are available

Testing Your Installation

Find a creator with tagged content
Test widget on a Storefront → PDP
1. Visit the creator Storefront
2. Click on a piece of content to open the Shoppable content modal
3. Click on one of the tagged products to go to the PDP
4. You should see the ShopWith widget including
  1. Nudge message
  2. Discount information (if available)
  3. Creator product details (size, color, etc)
  4. Creator UGC
Test widget direct to PDP
1. Generate an affiliate link to a PDP using the Creator Widget
2. Follow the PDP link
3. You should see the ShopWith widget including
  1. Nudge message
  2. Discount information (if available)
  3. Creator product details (if creator has added that product to their Storefront)
  4. Creator UGC (if creator has tagged media for that product)

Troubleshooting

Widget not appearing? Check integration, SDK, lc_ambassador_id
Content not loading? Check creator tags, UGC permissions, product IDs

Creator Experience

Creator Education

Here's what your creators should know about the ShopWith experience for their buyers:

You are now featured on every PDP that you promote to your followers!
Your content will appear directly on the product page when your followers click a deep link you've shared, or shop through your Storefront
Let your followers shop with your recommendations right alongside the add to cart button. Increase purchase conversions through your affiliate links.
To get your content to show in ShopWith: tag products + share product links for maximum visibility
Commission is earned on all purchases
If you're logged into the website to manage your Storefront page, you will see your Creator Widget tools instead, rather than the ShopWith widget.