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