Embedded Widget

Quick exchange can be embedded into third party webpages through a very simple code snippet.

HTML Javascript

<div id="qex-widget"></div>
<script src="https://partners.liquid.com/static/liquid-qex-widget/index.umd.js"></script>
<script>
  var elem = document.getElementById("qex-widget");
  const qexPlugin = new LiquidQex.QexWidgetApi(elem);
  qexPlugin.init({
    public_api_key: "pk_xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
  });
</script>

React Integration

import React from "react";
import { QexWidget } from "liquid-qex-widget";

function App() {
  return (
    <div className="App">
      <QexWidget
        config={{
          public_api_key: "pk_xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
        }}
      />
    </div>
  );
}

Sample embedded widget