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
​

Expired Quote Handling

Next - Widget Integration

Configuration

Last modified 1yr ago

Copy link

Outline

HTML Javascript

React Integration