Overview

Whether we are hosting your site or you are using a different host, such as Squarespace, integrating the primary consumer-facing functions of CompleteDTC couldn’t be easier.

All integrations use a Javascript element of the following form:

<script
  id="cpData"
  data-content="content type"
  data-injection-id="bucket id"
  data-wrapper-class="wrapper class"
  crossorigin="anonymous"
  type="text/javascript"
  src="https://your backend domain url/lz_client/bundle.min.js">
</script>

In addition, you must create an empty <div> element with the id set to the bucket id specified in the data-injection-id parameter.

☞ The HTML inserted into that <div> will be wrapped in a <div> whose class name is wrapper class.
☞ Remember to start your backend domain with cp. (e.g. https://cp.foo.com/...)

There are three other integrations that will likely be of interest – Privacy Policy, Mailing List/Contact Us, and Header Cart – that use a different approach since they lay across the entire site; those are documented separately in the "Using Widgets" section.