Brad Bartell

Share API For Consultant Marketing Pages

Written by

Brad Bartell

in

,

When I was working with Arbonne, we faced a unique challenge:

How could we empower Consultants to easily share marketing pages that looked better, performed better, and still properly linked back to their e-commerce stores for attribution?

To make the sharing experience effortless, we leveraged the Web Share API.

With a single click, Consultants could open their device’s native share options and automatically send a personalized link — no copying and pasting, no extra steps.

Each Consultant had a unique identifier we called their Consultant Business Name (CBN). Traditionally, the CBN was added as part of the subdomain to route traffic to their personalized shopping sites. However, due to limitations in our tech stack, we had to host these new marketing pages on a separate server — one that didn’t inherently recognize the CBN structure.

To solve this, we used a cookie-based approach:

  • When a visitor landed on a marketing page through a shared link, the query string appended the CBN (e.g., ?cbn=JohnDoe).
  • JavaScript then read that query string and set a cookie storing the CBN.
  • As users browsed the site, JavaScript dynamically updated shopping URLs to include the correct CBN — ensuring purchases still attributed to the right Consultant.

The key was automation:

Rather than training Consultants to manually add query parameters, we simply taught them to use the Share button — which handled all the logic behind the scenes.

Here’s a simplified version of the sharing logic:

JavaScript
if (navigator.share) {
  navigator.share({
    title: 'Check out Arbonne!',
    text: 'Discover amazing products through my Arbonne Consultant store!',
    url: window.location.href + "?cbn=" + cookievalue
  }).then(() => {
    console.log('Thanks for sharing!');
  }).catch(console.error);
}

Beyond just improving the sharing process, these marketing pages offered major SEO advantages over the legacy e-commerce platform:

  • Custom page titles and meta descriptions
  • Open Graph tags for better social media previews
  • Faster load times with clean, lightweight HTML
  • More targeted keyword optimization around product categories and promotions

The result?

These pages didn’t just perform better for direct links — they also started ranking organically in search engines, driving new discovery traffic and expanding the reach of each Consultant’s business.

More posts