Pixel Customization
The Cube Commerce social proof display supports the following customizations:
Appearance
- Background color
- Text color
- Checkmark color
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
- Alignment to either the
left
orright
side of the page
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>