> ## Documentation Index
> Fetch the complete documentation index at: https://doc.extole.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Extole Developer Hub

> Everything your team needs to implement, customize, and scale referral and reward experiences across web, mobile, and backend systems.

<div className="extole-devhub extole-home">
  <section className="extole-hero">
    <div className="extole-hero-copy">
      <p className="extole-kicker">Developer Hub</p>
      <h1>Build custom reward programs using Extole.</h1>

      <p className="extole-lede">
        Everything your team needs to implement, customize, and scale referral and reward experiences across web, mobile, and backend systems.
      </p>

      <div className="extole-actions">
        <a href="https://github.com/extole" className="extole-btn extole-btn-primary">View Github Repos</a>
        <a href="/api-reference" className="extole-btn extole-btn-secondary">View API reference</a>
      </div>

      <p className="extole-sandbox">
        Want to see the platform in action? <a href="mailto:demo@extole.com">Request a sandbox</a>
      </p>
    </div>

    <div className="extole-code-panel">
      <p className="extole-code-kicker">Integration examples</p>

      <input className="extole-tab-radio" type="radio" name="extole-code-tab" id="extole-code-tab-js" defaultChecked />

      <input className="extole-tab-radio" type="radio" name="extole-code-tab" id="extole-code-tab-react-native" />

      <input className="extole-tab-radio" type="radio" name="extole-code-tab" id="extole-code-tab-ios" />

      <input className="extole-tab-radio" type="radio" name="extole-code-tab" id="extole-code-tab-android" />

      <div className="extole-code-tabs" role="tablist" aria-label="Integration example tabs">
        <label className="extole-code-tab" htmlFor="extole-code-tab-js">JavaScript SDK</label>
        <label className="extole-code-tab" htmlFor="extole-code-tab-react-native">React Native</label>
        <label className="extole-code-tab" htmlFor="extole-code-tab-ios">iOS</label>
        <label className="extole-code-tab" htmlFor="extole-code-tab-android">Android</label>
      </div>

      <pre className="extole-code-block extole-code-block-js">
        <code>
          <span className="line"><span className="tok-tag">\<script</span> <span className="tok-attr">type</span>=<span className="tok-string">"text/javascript"</span></span>
          <span className="line">  <span className="tok-attr">src</span>=<span className="tok-string">"[https://share.brand.com/core.js](https://share.brand.com/core.js)"</span> <span className="tok-attr">fetchpriority</span>=<span className="tok-string">"high"</span> <span className="tok-attr">async</span><span className="tok-tag">></span></span>
          <span className="line"><span className="tok-tag">\</script></span></span>

          <span className="line" />

          <span className="line"><span className="tok-tag">\<span</span> <span className="tok-attr">id</span>=<span className="tok-string">"extole\_zone\_global\_header"</span><span className="tok-tag">>\</span></span></span>
          <span className="line"><span className="tok-tag">\<script</span> <span className="tok-attr">type</span>=<span className="tok-string">"text/javascript"</span><span className="tok-tag">></span></span>
          <span className="line">  <span className="tok-comment">/\* Start Extole \*/</span></span>
          <span className="line">  <span className="tok-function">extole</span>.<span className="tok-function">createZone</span>(\{</span>
          <span className="line">    <span className="tok-property">name</span>: <span className="tok-string">"global\_header"</span>,</span>
          <span className="line">    <span className="tok-property">element\_id</span>: <span className="tok-string">"extole\_zone\_global\_header"</span></span>
          <span className="line">  });</span>
          <span className="line"><span className="tok-tag">\</script></span></span>
        </code>
      </pre>

      <pre className="extole-code-block extole-code-block-react-native">
        <code>
          <span className="line"><span className="tok-keyword">import</span> \{ <span className="tok-type">Extole</span> } <span className="tok-keyword">from</span> <span className="tok-string">"@extole/react-native-sdk"</span>;</span>

          <span className="line" />

          <span className="line"><span className="tok-keyword">const</span> <span className="tok-variable">extole</span> = <span className="tok-keyword">new</span> <span className="tok-type">Extole</span>(<span className="tok-string">"share.brand.com"</span>, <span className="tok-string">"your-app-name"</span>);</span>

          <span className="line" />

          <span className="line"><span className="tok-keyword">function</span> <span className="tok-function">ExtoleScreen</span>(\{ <span className="tok-variable">navigation</span> }) \{</span>
          <span className="line">  <span className="tok-keyword">const</span> \[<span className="tok-variable">extoleView</span>, <span className="tok-function">setExtoleView</span>] = <span className="tok-function">useState</span>(<span className="tok-keyword">null</span>);</span>

          <span className="line" />

          <span className="line">  <span className="tok-function">useEffect</span>(() => \{</span>
          <span className="line">    <span className="tok-variable">extole</span>.<span className="tok-function">configure</span>(<span className="tok-variable">extoleView</span>, <span className="tok-function">setExtoleView</span>, () => \{</span>
          <span className="line">      <span className="tok-variable">navigation</span>.<span className="tok-function">navigate</span>(<span className="tok-string">"Promo"</span>);</span>
          <span className="line">    });</span>
          <span className="line">  }, \[]);</span>

          <span className="line" />

          <span className="line">  <span className="tok-keyword">return</span> <span className="tok-tag">\<View</span> <span className="tok-attr">style</span>=\{\{ <span className="tok-property">flex</span>: <span className="tok-number">1</span> }}<span className="tok-tag">></span>\{<span className="tok-variable">extoleView</span>}<span className="tok-tag">\</View></span>;</span>
          <span className="line">}</span>
        </code>
      </pre>

      <pre className="extole-code-block extole-code-block-ios">
        <code>
          <span className="line"><span className="tok-keyword">import</span> <span className="tok-type">ExtoleMobileSDK</span></span>

          <span className="line" />

          <span className="line"><span className="tok-attr">@main</span></span>
          <span className="line"><span className="tok-keyword">struct</span> <span className="tok-type">ExtoleApp</span>: <span className="tok-type">App</span> \{</span>
          <span className="line">  <span className="tok-attr">@StateObject</span> <span className="tok-keyword">var</span> <span className="tok-variable">extole</span> = <span className="tok-function">ExtoleImpl</span>(<span className="tok-property">programDomain</span>: <span className="tok-string">"share.brand.com"</span>)</span>

          <span className="line" />

          <span className="line">  <span className="tok-keyword">var</span> <span className="tok-variable">body</span>: <span className="tok-keyword">some</span> <span className="tok-type">Scene</span> \{</span>
          <span className="line">    <span className="tok-function">WindowGroup</span> \{ <span className="tok-function">NavigationView</span> \{ <span className="tok-variable">extole</span>.<span className="tok-function">getView</span>() } }</span>
          <span className="line">  }</span>
          <span className="line">}</span>

          <span className="line" />

          <span className="line"><span className="tok-variable">extole</span>.<span className="tok-function">identify</span>(<span className="tok-string">"email"</span>, \[<span className="tok-string">"partner\_user\_id"</span>: <span className="tok-string">"123"</span>], \{ \_, \_ in })</span>
        </code>
      </pre>

      <pre className="extole-code-block extole-code-block-android">
        <code>
          <span className="line"><span className="tok-function">implementation</span> <span className="tok-string">'com.extole.mobile:android-sdk:1.0.+'</span></span>

          <span className="line" />

          <span className="line"><span className="tok-comment">// Initialize once at app startup</span></span>
          <span className="line"><span className="tok-type">Extole</span>.<span className="tok-function">init</span>(<span className="tok-property">context</span> = <span className="tok-variable">context</span>, <span className="tok-property">appName</span> = <span className="tok-string">"your-app-name"</span>)</span>

          <span className="line" />

          <span className="line"><span className="tok-comment">// Exchange identity + event data</span></span>
          <span className="line"><span className="tok-variable">extole</span>.<span className="tok-function">identify</span>(<span className="tok-variable">email</span>, <span className="tok-function">mapOf</span>(<span className="tok-string">"member\_id"</span> to <span className="tok-string">"123"</span>))</span>
          <span className="line"><span className="tok-variable">extole</span>.<span className="tok-function">sendEvent</span>(<span className="tok-string">"purchase"</span>, <span className="tok-function">mapOf</span>(<span className="tok-string">"order\_id"</span> to <span className="tok-string">"A1001"</span>))</span>
        </code>
      </pre>
    </div>
  </section>

  <section className="extole-link-strip" aria-label="Choose your docs">
    <a href="/technical-docs"><span className="extole-icon extole-icon-navy"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7 4h10a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z" /><path d="M8 8h7M8 12h8M8 16h5" /></svg></span><strong>Technical Docs</strong></a>
    <a href="/api-reference"><span className="extole-icon extole-icon-gray"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m8 9 3 3-3 3" /><path d="M13 15h3" /><rect x="3" y="5" width="18" height="14" rx="2" /></svg></span><strong>API Reference</strong></a>
    <a href="https://success.extole.com/en/"><span className="extole-icon extole-icon-pink"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9" /><path d="M9.5 9a2.6 2.6 0 0 1 5 1c0 2-2.5 2.1-2.5 4" /><path d="M12 17h.01" /></svg></span><strong>Help Center</strong></a>
    <a href="/product-docs"><span className="extole-icon extole-icon-blue"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3H20v16H7a3 3 0 0 0-3 3V5.5Z" /><path d="M8 7h8M8 11h8M8 15h5" /></svg></span><strong>Product Docs</strong></a>
  </section>

  <section className="extole-link-strip extole-sdk-strip" aria-label="SDK links">
    <a href="/technical-docs/platform-integrations/javascript-sdk"><span className="extole-icon extole-icon-yellow"><span>JS</span></span><strong>JavaScript SDK</strong></a>
    <a href="https://github.com/extole/react-native-sdk"><span className="extole-icon extole-icon-react"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="2" /><ellipse cx="12" cy="12" rx="9" ry="3.6" /><ellipse cx="12" cy="12" rx="9" ry="3.6" transform="rotate(60 12 12)" /><ellipse cx="12" cy="12" rx="9" ry="3.6" transform="rotate(120 12 12)" /></svg></span><strong>React Native SDK</strong></a>
    <a href="https://github.com/extole/ios-sdk"><span className="extole-icon extole-icon-black"><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="7" y="2.5" width="10" height="19" rx="2.2" /><path d="M10 5h4M11 18h2" /></svg></span><strong>iOS SDK</strong></a>
    <a href="https://github.com/extole/android-sdk"><span className="extole-icon extole-icon-green"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7 10h10v7a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2v-7Z" /><path d="m8 5 2 3M16 5l-2 3M8 10h8M5 11v5M19 11v5" /><path d="M10 14h.01M14 14h.01" /></svg></span><strong>Android SDK</strong></a>
  </section>

  <section className="extole-section" id="stack">
    <p className="extole-kicker">Build Patterns</p>
    <h2>Add Extole to your stack</h2>
    <p>Core implementation patterns for event delivery, orchestration, identity, and internal tooling.</p>

    <div className="extole-stack-layout">
      <div className="extole-stack-pattern">
        <div className="extole-stack-pattern-head">
          <h3>Stream events in and out</h3>
          <p>Connect runtime and file-based event ingestion, then route outcomes to downstream systems.</p>
        </div>

        <div className="extole-stack-pattern-groups">
          <div className="extole-stack-group">
            <p className="extole-stack-group-title">Ingest events</p>

            <ul>
              <li><a href="/api-reference/profiles/submit-event">Events API (runtime ingest)</a></li>
              <li><a href="/technical-docs/platform-integrations/javascript-sdk">JavaScript SDK event tags</a></li>
              <li><a href="/technical-docs/platform-integrations/files/extoles-sftp-server">Extole SFTP server</a></li>
              <li><a href="/technical-docs/platform-integrations/files/file-based-events">File-based events and naming</a></li>
            </ul>
          </div>

          <div className="extole-stack-group">
            <p className="extole-stack-group-title">Stream events out</p>

            <ul>
              <li><a href="https://my.extole.com/tech-center/outbound-webhooks">Outbound Webhooks</a></li>
              <li><a href="/technical-docs/partners/customer-engagement-platforms/braze">Braze</a></li>
              <li><a href="/technical-docs/partners/customer-engagement-platforms/klaviyo">Klaviyo</a></li>
            </ul>
          </div>
        </div>
      </div>

      <div className="extole-stack-pattern">
        <div className="extole-stack-pattern-head">
          <h3>Orchestrate journeys</h3>
          <p>Trigger downstream systems and manage reward fulfillment workflows.</p>
        </div>

        <div className="extole-stack-pattern-groups">
          <div className="extole-stack-group">
            <p className="extole-stack-group-title">Trigger downstream actions</p>

            <ul>
              <li><a href="/technical-docs/platform-integrations/webhooks/webhook-creation">Webhooks</a></li>
            </ul>
          </div>

          <div className="extole-stack-group">
            <p className="extole-stack-group-title">Reward fulfillment</p>

            <ul>
              <li><a href="/technical-docs/platform-integrations/webhooks/reward-webhooks">Reward webhooks</a></li>
              <li><a href="/technical-docs/platform-integrations/files/external-sftp-servers">Outbound SFTP servers</a></li>
            </ul>
          </div>
        </div>
      </div>

      <div className="extole-stack-pattern">
        <div className="extole-stack-pattern-head">
          <h3>Manage Identity and Consent</h3>
          <p>Keep privacy-safe identity and consent controls aligned across API and operational workflows.</p>
        </div>

        <div className="extole-stack-pattern-groups">
          <div className="extole-stack-group">
            <p className="extole-stack-group-title">Privacy operations</p>

            <ul>
              <li><a href="/api-reference/management/createerasure">Request data erasure (API)</a></li>
              <li><a href="/guides/compliance-policies/data-erasure-requests">Data erasure requests guide</a></li>
              <li><a href="/technical-docs/platform-integrations/javascript-sdk/advanced-concepts">Encrypting tag data</a></li>
            </ul>
          </div>

          <div className="extole-stack-group">
            <p className="extole-stack-group-title">Opt-out / consent management</p>

            <ul>
              <li><a href="/technical-docs/operational-tasks/account-configuration/opt-out-list-management">Opt-out list management</a></li>
              <li><a href="/api-reference/management/getoptout">Check opt-out status (API)</a></li>
            </ul>
          </div>
        </div>
      </div>

      <div className="extole-stack-pattern">
        <div className="extole-stack-pattern-head">
          <h3>Build Internal Tooling</h3>
          <p>Power internal operations and analytics workflows on top of Extole APIs and outbound data.</p>
        </div>

        <div className="extole-stack-pattern-groups">
          <div className="extole-stack-group">
            <p className="extole-stack-group-title">CRM & support</p>

            <ul>
              <li><a href="/api-reference/management/createpersonshareable">Create sharelinks for your CRM</a></li>
              <li><a href="/api-reference/management/listpersonrewards">Get person rewards</a></li>
            </ul>
          </div>

          <div className="extole-stack-group">
            <p className="extole-stack-group-title">Internal data flows</p>

            <ul>
              <li><a href="/product-docs/product-overview/launch-overview/receiving-data-from-extole">Receiving data from Extole</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section className="extole-section" id="partners">
    <p className="extole-kicker">Partner Integrations</p>
    <h2>Integrate Extole with leading technology partners</h2>
    <p>Quickly scan popular partner options by use case.</p>

    <div className="extole-partner-filter-layout">
      <div className="extole-partner-filter-panel">
        <h3 className="extole-partner-filter-title">Filter by category</h3>
        <p className="extole-partner-filter-copy">Select a category to see matching partners.</p>
        <label className="extole-partner-filter-option"><input className="extole-partner-filter-input" type="radio" name="partner-filter" id="partner-filter-cep" /> <span>Customer Engagement</span></label>
        <label className="extole-partner-filter-option"><input className="extole-partner-filter-input" type="radio" name="partner-filter" id="partner-filter-ecommerce" /> <span>eCommerce</span></label>
        <label className="extole-partner-filter-option"><input className="extole-partner-filter-input" type="radio" name="partner-filter" id="partner-filter-banking" /> <span>Banking</span></label>
        <label className="extole-partner-filter-option"><input className="extole-partner-filter-input" type="radio" name="partner-filter" id="partner-filter-cdp" /> <span>CDP / Data</span></label>
        <label className="extole-partner-filter-option"><input className="extole-partner-filter-input" type="radio" name="partner-filter" id="partner-filter-crm" /> <span>CRM</span></label>
        <label className="extole-partner-filter-option"><input className="extole-partner-filter-input" type="radio" name="partner-filter" id="partner-filter-rewards" /> <span>Rewards</span></label>
        <label className="extole-partner-filter-option"><input className="extole-partner-filter-input" type="radio" name="partner-filter" id="partner-filter-analytics" /> <span>Analytics</span></label>
        <label className="extole-partner-filter-option"><input className="extole-partner-filter-input" type="radio" name="partner-filter" id="partner-filter-tag" /> <span>Tag Management</span></label>
        <label className="extole-partner-filter-option"><input className="extole-partner-filter-input" type="radio" name="partner-filter" id="partner-filter-automation" /> <span>Automation</span></label>
      </div>

      <div className="extole-partner-surface">
        <div className="extole-partner-grid">
          <a className="extole-partner-item partner-cat-banking" href="/technical-docs/partners/banking/alkami"><span className="extole-partner-logo">          <img src="https://files.readme.io/04620b21ab88d39f6f6bbce9bad93ff71f0bfe6aa07128c3d094dae1caf9a865-alkami.png" alt="Alkami logo" /></span><h3>Alkami</h3><p>Connect referral and advocacy programs into digital banking experiences.</p></a>
          <a className="extole-partner-item partner-cat-analytics" href="/technical-docs/partners/analytics/amplitude"><span className="extole-partner-logo">          <img src="https://files.readme.io/9d02c4b54cbfb2fec58a296118a89604fba58ba69433d268e87c8ae41ab8dc47-amplitude.png" alt="Amplitude logo" /></span><h3>Amplitude</h3><p>Route referral conversion and cohort data into product analytics dashboards.</p></a>
          <a className="extole-partner-item partner-cat-cep" href="/technical-docs/partners/customer-engagement-platforms/attentive"><span className="extole-partner-logo">          <img src="https://files.readme.io/35d515e537ad63533424e09163b0405c4323ba23dfaa040f59b6cc2f9f4cca04-attentive.png" alt="Attentive logo" /></span><h3>Attentive</h3><p>Coordinate SMS subscription and reward events for lifecycle messaging.</p></a>
          <a className="extole-partner-item partner-cat-banking" href="/technical-docs/partners/banking/banno-jack-henry"><span className="extole-partner-logo">          <img src="https://files.readme.io/448462802dca61c8e759508d272f7be861bfccc09d41c93e277929c3997df515-banno-jack-henry.png" alt="Banno logo" /></span><h3>Banno (Jack Henry)</h3><p>Embed Extole referral journeys into online and mobile banking touchpoints.</p></a>
          <a className="extole-partner-item partner-cat-rewards" href="/technical-docs/partners/rewards/bhn"><span className="extole-partner-logo">          <img src="https://files.readme.io/7ec63700a9a0fef209d0818967610e58e8c25ef2e20f2511652025f560fb695b-bhn.png" alt="BHN logo" /></span><h3>BHN</h3><p>Connect reward issuance and gift card fulfillment through BHN rails.</p></a>
          <a className="extole-partner-item partner-cat-ecommerce" href="/technical-docs/partners/ecommerce/bigcommerce"><span className="extole-partner-logo">          <img src="https://files.readme.io/7a7252b17643d698598c470ba292de401c3da6c81409b33918d302de17168f1b-bigcommerce.png" alt="BigCommerce logo" /></span><h3>BigCommerce</h3><p>Launch referral experiences across BigCommerce storefront and checkout.</p></a>
          <a className="extole-partner-item partner-cat-cep" href="/technical-docs/partners/customer-engagement-platforms/braze"><span className="extole-partner-logo">          <img src="https://files.readme.io/1d5c0c0c4fdc0ee167c1e04755d27bd66a38666452128749d20b4a1dfbe2ecb9-braze.png" alt="Braze logo" /></span><h3>Braze</h3><p>Use Extole insights and share attributes in personalized campaigns.</p></a>
          <a className="extole-partner-item partner-cat-banking" href="/technical-docs/partners/banking/ncr"><span className="extole-partner-logo">          <img src="https://files.readme.io/7835b50dc3f1dc986a8469e55bdf099befba2632fd7106a1c0390f9a53f4f0e2-candescent.png" alt="Candescent logo" /></span><h3>Candescent</h3><p>Run referral programs within modern digital banking account experiences.</p></a>
          <a className="extole-partner-item partner-cat-cep" href="/technical-docs/partners/customer-engagement-platforms/cordial"><span className="extole-partner-logo">          <img src="https://files.readme.io/a7f5cd8d5c7a3e1e7a0079351b4eef0e4d25146efc2037f515121279b29361a7-cordial.png" alt="Cordial logo" /></span><h3>Cordial</h3><p>Trigger personalized lifecycle messaging with Extole referral events.</p></a>
          <a className="extole-partner-item partner-cat-tag" href="/technical-docs/partners/tag-management/ensighten"><span className="extole-partner-logo">          <img src="https://files.readme.io/e4e1a10531b7e20844efe1f3151e98632e017cb5e5622b3ad8e3ff024bd3efe0-ensighten.png" alt="Ensighten logo" /></span><h3>Ensighten</h3><p>Manage Extole tags and event capture through Ensighten deployments.</p></a>
          <a className="extole-partner-item partner-cat-crm partner-cat-automation" href="/technical-docs/partners/customer-relationship-management/hubspot"><span className="extole-partner-logo">          <img src="https://files.readme.io/c5d6949419926e1a6ec99b2cad0104471714f178caf5e96efb26847ab268da3e-hubspot.png" alt="HubSpot logo" /></span><h3>HubSpot</h3><p>Sync leads and referral outcomes into HubSpot CRM and automation.</p></a>
          <a className="extole-partner-item partner-cat-cep" href="/technical-docs/partners/customer-engagement-platforms/iterable"><span className="extole-partner-logo">          <img src="https://files.readme.io/7a7ce4c4b23f62253d31c4fbe8797fe6114bb0d99f35272c840f1e44415fd07b-iterable.png" alt="Iterable logo" /></span><h3>Iterable</h3><p>Sync referral program data into cross-channel lifecycle messaging.</p></a>
          <a className="extole-partner-item partner-cat-cep" href="/technical-docs/partners/customer-engagement-platforms/klaviyo"><span className="extole-partner-logo">          <img src="https://files.readme.io/dac5128b3105f9705b0aad462f6c8bf207ebd0cc0daafda428412fd66f528d25-klaviyo.png" alt="Klaviyo logo" /></span><h3>Klaviyo</h3><p>Use referral and reward signals in Klaviyo email and SMS campaigns.</p></a>
          <a className="extole-partner-item partner-cat-cep" href="/technical-docs/partners/customer-engagement-platforms/listrak"><span className="extole-partner-logo">          <img src="https://files.readme.io/71dc9d51bc9b29ab63ea81b8641e97303dd815a0c2ef03715a62250703b62e5e-listrak.png" alt="Listrak logo" /></span><h3>Listrak</h3><p>Grow lists and trigger personalized email and SMS journeys.</p></a>
          <a className="extole-partner-item partner-cat-analytics" href="/technical-docs/partners/analytics/optimizely"><span className="extole-partner-logo">          <img src="https://files.readme.io/aab1901e9c270dc2e225a0368de102d92ca429481477e23007877dc82db1dc5d-optimizely.png" alt="Optimizely logo" /></span><h3>Optimizely</h3><p>Experiment on referral placements and optimize conversion performance.</p></a>
          <a className="extole-partner-item partner-cat-cep" href="/technical-docs/partners/customer-engagement-platforms/optimove"><span className="extole-partner-logo">          <img src="https://files.readme.io/ee08f6caa5fd45a2390f27485605aeff99ec24afadb985e71fd2673187101d7a-optimove.png" alt="Optimove logo" /></span><h3>Optimove</h3><p>Power multi-channel CRM campaigns with referral program insights.</p></a>
          <a className="extole-partner-item partner-cat-banking" href="/technical-docs/partners/banking/q2"><span className="extole-partner-logo">          <img src="https://files.readme.io/d8fdaf948234f958298bf57eb1bea8eed69f3a2eb795584769eb5b1b46f4ac1a-q2.png" alt="Q2 logo" /></span><h3>Q2</h3><p>Launch referral and rewards journeys inside Q2 digital banking flows.</p></a>
          <a className="extole-partner-item partner-cat-ecommerce" href="/technical-docs/partners/ecommerce/salesforce-commerce-cloud-sfra"><span className="extole-partner-logo">          <img src="https://files.readme.io/8850f3adca7713f905774b85440529a9b3e8c00bbe1b75c2596966d1b90b5884-salesforce-commerce-cloud.png" alt="Salesforce Commerce Cloud logo" /></span><h3>Salesforce Commerce Cloud</h3><p>Deploy the Extole cartridge for B2C and B2B commerce storefronts.</p></a>
          <a className="extole-partner-item partner-cat-crm" href="/technical-docs/partners/customer-relationship-management/extole-to-salesforce-crm"><span className="extole-partner-logo">          <img src="https://files.readme.io/2735fb1bb9672a8baf2a149ce5426b98602fe7e92bc799b119a710042f33762c-salesforce-crm.png" alt="Salesforce CRM logo" /></span><h3>Salesforce CRM</h3><p>Push advocate and referral data into Salesforce CRM records and workflows.</p></a>
          <a className="extole-partner-item partner-cat-cdp" href="/technical-docs/partners/customer-data-platforms/segment"><span className="extole-partner-logo">          <img src="https://files.readme.io/2f2f5838dcde2fd95e329cb16de537630697e85ee3aa8caec7d04f587bc84fb5-segment.png" alt="Segment logo" /></span><h3>Segment</h3><p>Send profile and event data into Extole from your CDP pipeline.</p></a>
          <a className="extole-partner-item partner-cat-ecommerce" href="/technical-docs/partners/ecommerce/shopify"><span className="extole-partner-logo">          <img src="https://files.readme.io/47e476eca006bdbb9682b4a15f1c68d7a78d6306936cb6a7e3702c2fb584a502-shopify.png" alt="Shopify logo" /></span><h3>Shopify plus</h3><p>Launch referral experiences in storefront and checkout journeys.</p></a>
          <a className="extole-partner-item partner-cat-tag" href="/technical-docs/partners/tag-management/tealium"><span className="extole-partner-logo">          <img src="https://files.readme.io/95bef5cb2374d9eaafb017973891b87b98e33bffff6ba406dc2e3e2668bc7151-tealium.png" alt="Tealium logo" /></span><h3>Tealium</h3><p>Accelerate tag orchestration and optimize referral CTAs on site.</p></a>
          <a className="extole-partner-item partner-cat-rewards" href="/technical-docs/partners/rewards/tremendous"><span className="extole-partner-logo">          <img src="https://files.readme.io/b2cc061375a6552dc8c454c056e18242f1c356297767f763c7cfd9027fce1ddd-tremendous.png" alt="Tremendous logo" /></span><h3>Tremendous</h3><p>Automate reward fulfillment with the Tremendous payout platform.</p></a>
          <a className="extole-partner-item partner-cat-automation" href="/technical-docs/partners/automation/zapier"><span className="extole-partner-logo">          <img src="https://files.readme.io/5db14897977b3a4b7b100ae5c6adaaf3a5655c3e43860973186073958dad1ea4-zapier.png" alt="Zapier logo" /></span><h3>Zapier</h3><p>Connect Extole events to thousands of apps with no-code automation.</p></a>
        </div>
      </div>
    </div>
  </section>

  <section className="extole-section">
    <p className="extole-kicker">Support</p>
    <h2>Get help and track system health</h2>

    <div className="extole-support-grid">
      <a className="extole-pattern-card" href="https://success.extole.com/en/">
        <span className="extole-support-icon extole-support-icon-help">
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M4 19.5V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H8l-4 3v-2.5Z" />

            <path d="M9.5 9a2.6 2.6 0 0 1 5 1c0 2-2.5 2.1-2.5 4" />

            <path d="M12 17h.01" />
          </svg>
        </span>

        <h3>Help Center</h3>
        <p>FAQs, troubleshooting workflows, and operational guidance.</p>
        <span className="extole-card-cta">Open Help Center</span>
      </a>

      <a className="extole-pattern-card" href="https://dev.extole.com/docs/contact-extole-help">
        <span className="extole-support-icon extole-support-icon-ticket">
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M4 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 0 0 0-4V8Z" />

            <path d="M9 9h6M9 15h6" />
          </svg>
        </span>

        <h3>Submit a ticket</h3>
        <p>Open a support request directly with the Extole team.</p>
        <span className="extole-card-cta">Submit support request</span>
      </a>

      <a className="extole-pattern-card" href="https://status.extole.com/">
        <span className="extole-support-icon extole-support-icon-status">
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M4 12h4l2-6 4 12 2-6h4" />

            <path d="M4 20h16" />
          </svg>
        </span>

        <h3>Status page</h3>
        <p>Review uptime and incidents for Extole services.</p>
        <span className="extole-card-cta">View system status</span>
      </a>
    </div>
  </section>
</div>
