Deeplink betslip (OTT)

Guide: Deeplinking

For OTT integrations, the user confirms stake in the SDK betslip; the Web SDK opens your sportsbook deeplink. Set mode: 'DEEPLINK' in configureBetSlip and do not pass onPlaceBet.

Deeplink URLs come from your odds feed and CMS — see Odds.

npm install @livelike/embet-rn react-native-webview

import { useRef } from 'react';
import { View, StyleSheet } from 'react-native';
import { EmbetOverlay, type EmbetOverlayRef } from '@livelike/embet-rn';

const CLIENT_ID = 'YOUR_CLIENT_ID';
const EVENT_ID = 'YOUR_EVENT_ID';

export function EmbetOttScreen() {
  const overlayRef = useRef<EmbetOverlayRef>(null);

  const onInitialized = () => {
    overlayRef.current?.configureBetSlip({
      mode: 'DEEPLINK',
      currency: '€',
      currencyDisplay: 'prefix',
      decimalSign: ',',
      maxAmount: 1000,
    });
    overlayRef.current?.configureResize({
      enabled: true,
      hostElement: 'body',
    });
  };

  return (
    <View style={styles.container}>
      <EmbetOverlay
        ref={overlayRef}
        clientId={CLIENT_ID}
        customId={EVENT_ID}
        sdkVersion="1.4.0"
        onInitialized={onInitialized}
      />
    </View>
  );
}

const styles = StyleSheet.create({ container: { flex: 1 } });

Push markets with overlayRef.current?.updateOdds([...]) after init when you supply your own odds feed.