> ## Documentation Index
> Fetch the complete documentation index at: https://docs.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"><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"><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/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/platform-integrations/javascript-sdk">JavaScript SDK event tags</a></li>
              <li><a href="/technical/platform-integrations/files/extoles-sftp-server">Extole SFTP server</a></li>
              <li><a href="/technical/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/partners/customer-engagement-platforms/braze">Braze</a></li>
              <li><a href="/technical/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/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/platform-integrations/webhooks/reward-webhooks">Reward webhooks</a></li>
              <li><a href="/technical/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="/technical/operational-tasks/security-and-compliance/data-erasure-requests">Data erasure requests guide</a></li>
              <li><a href="/technical/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/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/product-overview/integration-and-launch/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/partners/banking/alkami"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/qYz_vh_4-zD_8v2G/images/extole/0e9d03fff73c0d1ca6ee3b69fd78e811bc7ed34b3577d582c15cf2bb80894770.png?fit=max&auto=format&n=qYz_vh_4-zD_8v2G&q=85&s=78d2815ade14ff600633db28a6fd924a" alt="Alkami logo" width="128" height="128" data-path="images/extole/0e9d03fff73c0d1ca6ee3b69fd78e811bc7ed34b3577d582c15cf2bb80894770.png" /></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/partners/analytics/amplitude"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/wCoosrNLYZq4SH58/images/extole/95b3ec2a4c3aabec8be08a6692b91b157705096948b7fb48a146b5d9a45a4b63.png?fit=max&auto=format&n=wCoosrNLYZq4SH58&q=85&s=0e49d468acefc1655c40b662f1ed22d0" alt="Amplitude logo" width="128" height="128" data-path="images/extole/95b3ec2a4c3aabec8be08a6692b91b157705096948b7fb48a146b5d9a45a4b63.png" /></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/partners/customer-engagement-platforms/attentive"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/qcEY2oecClXIoahB/images/extole/7908008ca92ce0f782a6b6aa4d95264e306d311c75f384d333bd9aa331267414.png?fit=max&auto=format&n=qcEY2oecClXIoahB&q=85&s=678bbd605a6c4825535cd2ed8b20d08c" alt="Attentive logo" width="128" height="128" data-path="images/extole/7908008ca92ce0f782a6b6aa4d95264e306d311c75f384d333bd9aa331267414.png" /></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/partners/banking/banno-jack-henry"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/wCoosrNLYZq4SH58/images/extole/9b4403999cd814b4b1e3c25c8becbabde1751e1ea81c387c9cb6cf117bdf0d1b.png?fit=max&auto=format&n=wCoosrNLYZq4SH58&q=85&s=7d1709a16a5db716e6f3c1c8c2cb195a" alt="Banno logo" width="48" height="48" data-path="images/extole/9b4403999cd814b4b1e3c25c8becbabde1751e1ea81c387c9cb6cf117bdf0d1b.png" /></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/partners/rewards/bhn"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/Y4HlHrsrrzEKq8EE/images/extole/27a4b1167ff9034cd7a6b15749388b0637c889890f59ab8a0eea79707f813f3c.png?fit=max&auto=format&n=Y4HlHrsrrzEKq8EE&q=85&s=0e256b5a2282d84d65ccc4ccd84cd005" alt="BHN logo" width="32" height="32" data-path="images/extole/27a4b1167ff9034cd7a6b15749388b0637c889890f59ab8a0eea79707f813f3c.png" /></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/partners/ecommerce/bigcommerce"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/Y4HlHrsrrzEKq8EE/images/extole/2a38f845093831b5bdcaac8d4eecda020ee5e87abaf68de4256b4e8bed7b4b7a.png?fit=max&auto=format&n=Y4HlHrsrrzEKq8EE&q=85&s=eb66ad071ebfe7a176768852aff88e10" alt="BigCommerce logo" width="128" height="128" data-path="images/extole/2a38f845093831b5bdcaac8d4eecda020ee5e87abaf68de4256b4e8bed7b4b7a.png" /></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/partners/customer-engagement-platforms/braze"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/qcEY2oecClXIoahB/images/extole/7544a97ca5709a4bcc99b211e096c8731de630de5e4c50c5760babb869fc712c.png?fit=max&auto=format&n=qcEY2oecClXIoahB&q=85&s=491b040711432bb47a926360bd64d1ed" alt="Braze logo" width="48" height="48" data-path="images/extole/7544a97ca5709a4bcc99b211e096c8731de630de5e4c50c5760babb869fc712c.png" /></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/partners/banking/ncr"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/qcEY2oecClXIoahB/images/extole/7ba3e433f5b63e01cc6fb2ddbf16fcfb6bc196c1f87bad38b8d8d5c0c15484ad.png?fit=max&auto=format&n=qcEY2oecClXIoahB&q=85&s=0af924d1fae454c982cf73719135ad79" alt="Candescent logo" width="128" height="128" data-path="images/extole/7ba3e433f5b63e01cc6fb2ddbf16fcfb6bc196c1f87bad38b8d8d5c0c15484ad.png" /></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/partners/customer-engagement-platforms/cordial"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/qcEY2oecClXIoahB/images/extole/77d76cc9bc192f30e254bd4a094a9d8f9ed2ccc84a9a4d551c1d815da633c263.png?fit=max&auto=format&n=qcEY2oecClXIoahB&q=85&s=a6c4fd03089393d3a5e0e9ac0ec75772" alt="Cordial logo" width="128" height="128" data-path="images/extole/77d76cc9bc192f30e254bd4a094a9d8f9ed2ccc84a9a4d551c1d815da633c263.png" /></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/partners/tag-management/ensighten"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/jL8qwWMZhH32a7N8/images/extole/682edfaea8db87dce9cbbda1b9679651b7d78330b78de602e665283a12f56cfb.png?fit=max&auto=format&n=jL8qwWMZhH32a7N8&q=85&s=162f34df0f6c3ceb43abdbc14522f179" alt="Ensighten logo" width="128" height="128" data-path="images/extole/682edfaea8db87dce9cbbda1b9679651b7d78330b78de602e665283a12f56cfb.png" /></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/partners/crm/hubspot"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/Y4HlHrsrrzEKq8EE/images/extole/2c5b168e3a9b0a6f34f47a13ab6b3fce7491017f8fe0a09cdc4dc65db2516852.png?fit=max&auto=format&n=Y4HlHrsrrzEKq8EE&q=85&s=cdda884530d0487a588453f4eb9671d5" alt="HubSpot logo" width="128" height="128" data-path="images/extole/2c5b168e3a9b0a6f34f47a13ab6b3fce7491017f8fe0a09cdc4dc65db2516852.png" /></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/partners/customer-engagement-platforms/iterable"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/qcEY2oecClXIoahB/images/extole/7239c2eebd58922d0a630df43e7ba8e06f356aac70e9a4d301c6fc93653a4a2a.png?fit=max&auto=format&n=qcEY2oecClXIoahB&q=85&s=5d7263959bc64a012c93b9f982f32d43" alt="Iterable logo" width="128" height="128" data-path="images/extole/7239c2eebd58922d0a630df43e7ba8e06f356aac70e9a4d301c6fc93653a4a2a.png" /></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/partners/customer-engagement-platforms/klaviyo"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/qcEY2oecClXIoahB/images/extole/7d797640a58882af349f8b4512ca5a3d7c0b8b546a622b9abfa9de917f8e6e90.png?fit=max&auto=format&n=qcEY2oecClXIoahB&q=85&s=2c6818deb9f4c1eb7e77a863bde3ab7a" alt="Klaviyo logo" width="128" height="128" data-path="images/extole/7d797640a58882af349f8b4512ca5a3d7c0b8b546a622b9abfa9de917f8e6e90.png" /></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/partners/customer-engagement-platforms/listrak"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/m8INyJRwaO8CRdkT/images/extole/e8f41b8403d98e72b353ad36896d152bb3ef383eff7420845b9a8029c556fbde.png?fit=max&auto=format&n=m8INyJRwaO8CRdkT&q=85&s=8f53ad3ff764b42f8428f4fb1cc66d17" alt="Listrak logo" width="128" height="128" data-path="images/extole/e8f41b8403d98e72b353ad36896d152bb3ef383eff7420845b9a8029c556fbde.png" /></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/partners/analytics/optimizely"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/Y4HlHrsrrzEKq8EE/images/extole/32bb9a0418d63c26e3402b4e4d244f50b3d240e9c08efffbd9dac5b29c807e4d.png?fit=max&auto=format&n=Y4HlHrsrrzEKq8EE&q=85&s=8e4b3fa5604e842f995a429bb3a6bdc5" alt="Optimizely logo" width="128" height="128" data-path="images/extole/32bb9a0418d63c26e3402b4e4d244f50b3d240e9c08efffbd9dac5b29c807e4d.png" /></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/partners/customer-engagement-platforms/optimove"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/Y4HlHrsrrzEKq8EE/images/extole/3b7339da1638bca38e8006148d2a69075778daa3b29ddc8a41cd3b36ccd8d359.png?fit=max&auto=format&n=Y4HlHrsrrzEKq8EE&q=85&s=d9e3763dcd77b621f2d99a6c0a50c116" alt="Optimove logo" width="128" height="128" data-path="images/extole/3b7339da1638bca38e8006148d2a69075778daa3b29ddc8a41cd3b36ccd8d359.png" /></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/partners/banking/q2"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/jfiwIeVafuhmrxvP/images/extole/f8b88123d1ce4f09d98e6244b160a5c6c072cb366dc063f6673e32621ce4a357.png?fit=max&auto=format&n=jfiwIeVafuhmrxvP&q=85&s=3be24eb74c2b43709db5407f99b576fb" alt="Q2 logo" width="48" height="48" data-path="images/extole/f8b88123d1ce4f09d98e6244b160a5c6c072cb366dc063f6673e32621ce4a357.png" /></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/partners/ecommerce/salesforce-commerce-cloud-sfra"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/_CGkIry01aqhHmSF/images/extole/abcc0840c906aef643ba63da8d2d3f1487a8324ccc6ea7f122dd06168099e586.png?fit=max&auto=format&n=_CGkIry01aqhHmSF&q=85&s=891f34737e0247a602dede346ced309b" alt="Salesforce Commerce Cloud logo" width="32" height="32" data-path="images/extole/abcc0840c906aef643ba63da8d2d3f1487a8324ccc6ea7f122dd06168099e586.png" /></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/partners/crm/extole-to-salesforce-crm"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/_CGkIry01aqhHmSF/images/extole/abcc0840c906aef643ba63da8d2d3f1487a8324ccc6ea7f122dd06168099e586.png?fit=max&auto=format&n=_CGkIry01aqhHmSF&q=85&s=891f34737e0247a602dede346ced309b" alt="Salesforce CRM logo" width="32" height="32" data-path="images/extole/abcc0840c906aef643ba63da8d2d3f1487a8324ccc6ea7f122dd06168099e586.png" /></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/partners/customer-data-platforms/segment"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/_CGkIry01aqhHmSF/images/extole/c7656a6187e26df4842bac4556fe67623b364dfba61f6b119d0abfb5354a60f2.png?fit=max&auto=format&n=_CGkIry01aqhHmSF&q=85&s=6abf5a273882e031795acee921fac444" alt="Segment logo" width="128" height="128" data-path="images/extole/c7656a6187e26df4842bac4556fe67623b364dfba61f6b119d0abfb5354a60f2.png" /></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/partners/ecommerce/shopify"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/m8INyJRwaO8CRdkT/images/extole/cf9c86eb0452efa873535d0341a0ba98c728c004196321171cda16bd33ac6e39.png?fit=max&auto=format&n=m8INyJRwaO8CRdkT&q=85&s=c127b965c50d86e9ccf791bf1024e6a3" alt="Shopify logo" width="128" height="128" data-path="images/extole/cf9c86eb0452efa873535d0341a0ba98c728c004196321171cda16bd33ac6e39.png" /></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/partners/tag-management/tealium"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/_CGkIry01aqhHmSF/images/extole/cd7d122b2dc6b28966aab0b574b40c8560fd582cc4e4567747faf84ecb034db5.png?fit=max&auto=format&n=_CGkIry01aqhHmSF&q=85&s=b7927fad4560e0227c6b8604df26777b" alt="Tealium logo" width="128" height="128" data-path="images/extole/cd7d122b2dc6b28966aab0b574b40c8560fd582cc4e4567747faf84ecb034db5.png" /></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/partners/rewards/tremendous"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/qcEY2oecClXIoahB/images/extole/80a22c061afef0c0a38fd38bc880ffe60ad5c8ec5367650bbb8a4a376492a87c.png?fit=max&auto=format&n=qcEY2oecClXIoahB&q=85&s=1da63851976890213b4a725c347a285e" alt="Tremendous logo" width="128" height="128" data-path="images/extole/80a22c061afef0c0a38fd38bc880ffe60ad5c8ec5367650bbb8a4a376492a87c.png" /></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/partners/automation/zapier"><span className="extole-partner-logo">          <img src="https://mintcdn.com/extole/Y4HlHrsrrzEKq8EE/images/extole/2301f94e5706efd25f9a94cf03649b53bc9aaed6f3601c0bb0e5fd65fcc5af7e.png?fit=max&auto=format&n=Y4HlHrsrrzEKq8EE&q=85&s=fb7d76930a5cf238ef8be6158f186292" alt="Zapier logo" width="128" height="128" data-path="images/extole/2301f94e5706efd25f9a94cf03649b53bc9aaed6f3601c0bb0e5fd65fcc5af7e.png" /></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>
