How to Connect Route Insurance

Reach out to Route Rep and Wait for my question answered

The first thing I want to ask is the style.

Look at our mockup, it’s quite different than mine on the current website. When I first followed the instructions on the internet, it works, yet there was no RWD.

It appears that the implementation is different from the style shown we had last year (which wasn't handed over very well).

Our code in the frontend

<script src="https://cdn.routeapp.io/route-widget/stable/route-widget-stable.min.js" defer></script>

The place we actually embedded the toggle component

import { useEffect } from "react";

export default function RouteIns({ orderTotal }) {
  useEffect(() => {
    window.routeapp.get_quote('1ca68704-0b75-4189-957f-0c3a2e20768a', orderTotal * 100, "USD", () => {
      console.log("start over the route");
    });
  
    window.routeapp.on_insured_change((e) => {
      console.log("Insured change");
      console.log(e);
    });
  }, []);
  
  return (
    <div className="w-full">
      <h4 className="mb-sm">Add protection to your package</h4>
      <div id="RouteWidget" data-default-checked="false"></div>
    </div>
  );
}

If you can help me with RWD, or change to a nicer style. Please tell me

Another thing I want to ask. The total shown on the storefront is the coverage amount. I’m not sure there is an answer on your end. The coverage amount should be consistent with the order total amount, shouldn’t it?

We use headless solution. I don’t think we can benefit from Route integration with bigcommerce. What we only can do is do connect it manually. wish you can defy me, and tell me i don't need to do extra work?

In terms of the insurance premium, it seems that it's mostly on our end where we inform you about our product when we hit the 'create order' API to you. Is that correct? (we'll send shipment API to keep track of our package. The question is focused on the insurance premium)

That's it. I only have 3 questions

• style
• can we use the easier way to connect Route seamlessly
• premium