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
​

Expired Quote Handling

Next - Widget Integration

Configuration

Last modified 1yr ago

Copy link

Contents

HTML Javascript

React Integration