Pixel Customization

The Cube Commerce social proof display supports the following customizations:

Appearance

Colors are customized by adding the filling snippet immediately before your Cube Commerce pixel code:

<style>
  :root {
    /* Any valid HTML/CSS color representation may be used. */
    --cube-commerce-bg-color: #fbfbfb;
    --cube-commerce-fg-color: #111111;
    --cube-commerce-check-color: #22bb44;

    /* Any valid HTML/CSS size representation may be used. */
    --cube-commerce-mobile-offset: 100px;
    --cube-commerce-desktop-offset: 20px;
  }
</style>

Placement

Placement is customized by adjusting the following properties to your Cube Commerce pixel snippet:

<script async crossorigin
  src="https://cubecommerce.pro/widget.js" 
  cube-commerce-align="left"
  cube-commerce-pixel-id="YOUR_PIXEL_ID">
</script>