لوحة واحدة. واجهتك البرمجيّة. محادثات مباشرة.

<script src="https://cdn.upuah.com/widget.js" defer></script>
<script>
  window.Upuah = window.Upuah || [];
  Upuah.push(['init', {
    key: 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x',
    channel: 'support'
  }]);
</script>

import { useEffect } from 'react';

export function UpuahChat() {
  useEffect(() => {
    const s = document.createElement('script');
    s.src = 'https://cdn.upuah.com/widget.js';
    s.async = true;
    document.body.appendChild(s);
    window.Upuah = window.Upuah || [];
    Upuah.push(['init', {
      key: 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x',
      channel: 'support'
    }]);
  }, []);
  return null;
}

<script setup>
import { onMounted } from 'vue'

onMounted(() => {
  const s = document.createElement('script')
  s.src = 'https://cdn.upuah.com/widget.js'
  s.defer = true
  document.body.appendChild(s)
  window.Upuah = window.Upuah || []
  Upuah.push(['init', {
    key: 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x',
    channel: 'support'
  }])
})
</script>

// app/layout.tsx or _app.tsx
import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script src="https://cdn.upuah.com/widget.js" strategy="afterInteractive" />
        <Script id="Upuah-init">{`
          window.Upuah = window.Upuah || [];
          Upuah.push(['init', {
            key: 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x',
            channel: 'support'
          }]);
        `}</Script>
      </body>
    </html>
  );
}

// plugins/upuah.client.ts
export default defineNuxtPlugin(() => {
  const s = document.createElement('script')
  s.src = 'https://cdn.upuah.com/widget.js'
  s.defer = true
  document.body.appendChild(s)
  window.Upuah = window.Upuah || []
  Upuah.push(['init', {
    key: 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x',
    channel: 'support'
  }])
})

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-upuah',
  template: ''
})
export class UpuahComponent implements OnInit {
  ngOnInit() {
    const s = document.createElement('script');
    s.src = 'https://cdn.upuah.com/widget.js';
    s.async = true;
    document.body.appendChild(s);
    (window as any).Upuah = window.Upuah || [];
    Upuah.push(['init', {
      key: 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x',
      channel: 'support'
    }]);
  }
}

import fetch from 'node-fetch';

const res = await fetch('https://api.upuah.com/v1/messages', {
  method: 'POST',
  headers: {
    'Authorization': 'Bearer upuah_••••••••c3e2',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    channel: 'support',
    text: 'Thanks — an agent will reply shortly.'
  })
});

const data = await res.json();

import express from 'express';

const app = express();

app.post('/webhook/upuah', express.json(), async (req, res) => {
  const reply = await fetch('https://api.upuah.com/v1/messages', {
    method: 'POST',
    headers: {
      'Authorization': 'Bearer upuah_••••••••c3e2',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      channel: 'support',
      text: 'Thanks — an agent will reply shortly.'
    })
  });
  res.json(await reply.json());
});

import requests

res = requests.post(
    "https://api.upuah.com/v1/messages",
    headers={
        "Authorization": "Bearer upuah_••••••••c3e2",
        "Content-Type": "application/json",
    },
    json={
        "channel": "support",
        "text": "Thanks — an agent will reply shortly.",
    },
)

data = res.json()

import requests
from django.http import JsonResponse
from django.views.decorators.http import require_POST

@require_POST
def upuah_reply(request):
    res = requests.post(
        "https://api.upuah.com/v1/messages",
        headers={
            "Authorization": "Bearer upuah_••••••••c3e2",
            "Content-Type": "application/json",
        },
        json={
            "channel": "support",
            "text": "Thanks — an agent will reply shortly.",
        },
    )
    return JsonResponse(res.json())

from fastapi import FastAPI
import httpx

app = FastAPI()

@app.post("/upuah/reply")
async def upuah_reply():
    async with httpx.AsyncClient() as client:
        res = await client.post(
            "https://api.upuah.com/v1/messages",
            headers={
                "Authorization": "Bearer upuah_••••••••c3e2",
            },
            json={
                "channel": "support",
                "text": "Thanks — an agent will reply shortly.",
            },
        )
    return res.json()

<?php
$ch = curl_init('https://api.upuah.com/v1/messages');

curl_setopt_array($ch, [
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => [
    'Authorization: Bearer upuah_••••••••c3e2',
    'Content-Type: application/json',
  ],
  CURLOPT_POSTFIELDS => json_encode([
    'channel' => 'support',
    'text' => 'Thanks — an agent will reply shortly.',
  ]),
  CURLOPT_RETURNTRANSFER => true,
]);

$data = json_decode(curl_exec($ch), true);

use Illuminate\Support\Facades\Http;

$response = Http::withToken('upuah_••••••••c3e2')
    ->post('https://api.upuah.com/v1/messages', [
        'channel' => 'support',
        'text' => 'Thanks — an agent will reply shortly.',
    ]);

$data = $response->json();

package main

import (
  "bytes"
  "net/http"
)

func main() {
  body := []byte(`{"channel":"support","text":"Thanks — an agent will reply shortly."}`)
  req, _ := http.NewRequest("POST", "https://api.upuah.com/v1/messages", bytes.NewBuffer(body))
  req.Header.Set("Authorization", "Bearer upuah_••••••••c3e2")
  req.Header.Set("Content-Type", "application/json")
  http.DefaultClient.Do(req)
}

import { useEffect, useState } from 'react';
import { View, TextInput, Button, FlatList, Text } from 'react-native';

const UPUAH_KEY = 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x';

export default function UpuahChat() {
  const [messages, setMessages] = useState([]);
  const [text, setText] = useState('');

  async function send() {
    const res = await fetch('https://api.upuah.com/v1/messages', {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${UPUAH_KEY}`,
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ channel: 'support', text })
    });
    const data = await res.json();
    setMessages((prev) => [...prev, data]);
    setText('');
  }

  return (
    <View>
      <FlatList data={messages} renderItem={({ item }) => <Text>{item.text}</Text>} />
      <TextInput value={text} onChangeText={setText} />
      <Button title="Send" onPress={send} />
    </View>
  );
}

import 'package:http/http.dart' as http;
import 'dart:convert';

const upuahKey = 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x';

Future<Map<String, dynamic>> sendUpuahMessage(String text) async {
  final res = await http.post(
    Uri.parse('https://api.upuah.com/v1/messages'),
    headers: {
      'Authorization': 'Bearer $upuahKey',
      'Content-Type': 'application/json',
    },
    body: jsonEncode({
      'channel': 'support',
      'text': text,
    }),
  );
  return jsonDecode(res.body) as Map<String, dynamic>;
}

// Use inside a StatefulWidget TextField + ElevatedButton
// await sendUpuahMessage(controller.text);

import { useState } from 'react';
import { View, TextInput, Pressable, Text } from 'react-native';

const UPUAH_KEY = 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x';

export default function SupportScreen() {
  const [text, setText] = useState('');
  const [status, setStatus] = useState('');

  async function sendMessage() {
    const res = await fetch('https://api.upuah.com/v1/messages', {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${UPUAH_KEY}`,
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        channel: 'support',
        text,
        meta: { platform: 'expo' }
      })
    });
    setStatus(res.ok ? 'Sent' : 'Failed');
    setText('');
  }

  return (
    <View style={{ padding: 16 }}>
      <TextInput value={text} onChangeText={setText} placeholder="Message support" />
      <Pressable onPress={sendMessage}>
        <Text>Send via Upuah</Text>
      </Pressable>
      <Text>{status}</Text>
    </View>
  );
}

import Foundation

let upuahKey = "emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x"

func sendUpuahMessage(_ text: String) async throws -> [String: Any] {
  var request = URLRequest(url: URL(string: "https://api.upuah.com/v1/messages")!)
  request.httpMethod = "POST"
  request.setValue("Bearer \(upuahKey)", forHTTPHeaderField: "Authorization")
  request.setValue("application/json", forHTTPHeaderField: "Content-Type")
  request.httpBody = try JSONSerialization.data(withJSONObject: [
    "channel": "support",
    "text": text,
    "meta": ["platform": "ios"]
  ])

  let (data, _) = try await URLSession.shared.data(for: request)
  return try JSONSerialization.jsonObject(with: data) as? [String: Any] ?? [:]
}

// Task { try await sendUpuahMessage("Need help with my order") }

import okhttp3.MediaType.Companion.toMediaType
import okhttp3.OkHttpClient
import okhttp3.Request
import okhttp3.RequestBody.Companion.toRequestBody

val upuahKey = "emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x"
val client = OkHttpClient()

fun sendUpuahMessage(text: String): String {
  val json = """{"channel":"support","text":"$text","meta":{"platform":"android"}}"""
  val body = json.toRequestBody("application/json".toMediaType())
  val request = Request.Builder()
    .url("https://api.upuah.com/v1/messages")
    .addHeader("Authorization", "Bearer $upuahKey")
    .post(body)
    .build()

  client.newCall(request).execute().use { response ->
    return response.body?.string().orEmpty()
  }
}

import { Component } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Component({
  selector: 'app-upuah-chat',
  template: `
    <ion-input [(ngModel)]="text" placeholder="Message"></ion-input>
    <ion-button (click)="send()">Send</ion-button>
  `
})
export class UpuahChatComponent {
  text = '';
  private key = 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x';

  constructor(private http: HttpClient) {}

  send() {
    const headers = new HttpHeaders({
      'Authorization': `Bearer ${this.key}`,
      'Content-Type': 'application/json'
    });
    this.http.post('https://api.upuah.com/v1/messages', {
      channel: 'support',
      text: this.text,
      meta: { platform: 'ionic' }
    }, { headers }).subscribe();
  }
}

# 1. Download upuah.zip from Documentation
# 2. WP Admin → Plugins → Add New → Upload Plugin
# 3. Activate “Upuah Live Chat”
# 4. Settings → Upuah → paste your publishable key

define('UPUAH_PUB_KEY', 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x');
define('UPUAH_CHANNEL', 'support');

{% comment %} layout/theme.liquid — before </body> {% endcomment %}

<script src="https://cdn.upuah.com/widget.js" defer></script>
<script>
  window.Upuah = window.Upuah || [];
  Upuah.push(['init', {
    key: 'emb_8k2mq9xl4nr7vp0a91fj3wd6ts5ub7yc4ke2nh8x',
    channel: 'support',
    meta: {
      shop: {{ shop.permanent_domain | json }},
      customer: {{ customer.id | default: blank | json }}
    }
  }]);
</script>