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

HTML Javascript

1
<div id="qex-widget"></div>
2
<script src="https://partners.liquid.com/static/liquid-qex-widget/index.umd.js"></script>
3
<script>
4
var elem = document.getElementById("qex-widget");
5
const qexPlugin = new LiquidQex.QexWidgetApi(elem);
6
qexPlugin.init({
7
public_api_key: "pk_xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
8
});
9
</script>
Copied!

React Integration

1
import React from "react";
2
import { QexWidget } from "liquid-qex-widget";
3
4
function App() {
5
return (
6
<div className="App">
7
<QexWidget
8
config={{
9
public_api_key: "pk_xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
10
}}
11
/>
12
</div>
13
);
14
}
Copied!
Sample embedded widget
Last modified 1yr ago