Widgets & Templates
      Back to home
      1. Help Center
      2. ADDITIVE+ VOUCHERS
      3. Widgets & Templates

      How do I configure the widget?

      Widgets & Templates

      + Access ADDITIVE+ VOUCHERS

      + Click on "Widgets & Templates" 

      + Click on "Widgets" and select the widget which needs to be configured

       

      Settings under "General"

      + General

      + Voucher template: Select the desired template which should be used for this widget. 

      ATTENTION: The chosen voucher template must match the template set as default under "Voucher templates". Otherwise, a different template will be displayed in the widget than the one that is de facto used. → See article: ADDITIVE+ VOUCHERS - How do I configure the voucher templates?


      + Category Description: If this item is enabled, the widget will display the different category descriptions

      + Layout

      + Rounded corners: Radius of the rounded corners

      + Box shadows: Adds shadow effects

      + Show further options

      + z-index (CSS property)

      + Voucher preview: Z-index (CSS property) for voucher preview.

      + Tooltips: Z-index (CSS property) which should be used for all tooltips in the widget.

      + Scroll behavior

      + Scroll on initialization: Should the voucher preview be automatically scrolled to when the page loads?

      + Scroll offset desktop: Scroll offset (desktop) to be used for scroll operations in the widget. 

      + Scroll offset mobile: Scroll offset (mobile) to be used for scroll operations in the widget.

       

      Settings under "Colors" 

      + Colors

      + Main color: primary font color within the whole widget

      + Accent color: Highlight color for buttons and interactive elements

      + Ambient color: Ambient color in which the widget is embedded.

      + Show further options

      + Other color settings

      + Error message: the color of the error message 

      + Title in case of successful order: the color of the heading displayed after a successful order.

      + Title in case of incorrect order: the color of the heading that is displayed after an incorrect order

      INFO:

      + Choose between the already stored colors or create a user-defined color by clicking on " Custom " and inserting the HEX code.

      + If the DNA-symbol next to the color is activated (blue), the colors defined under Corporate Design are used.

       

      Settings under "Typography" 

      + Store settings and select the fonts to be used for the different text passages

      INFO: If the DNA-symbol next to the font is activated (blue), the fonts defined under Corporate Design are used.

       

      Settings under "Tracking"

      + Google Analytics: to enable tracking in Google Analytics, move the slider to the right.

      + Facebook Pixel: to enable tracking in Facebook Pixel, move the slider to the right.


      ADDITIVE+ VOUCHERS - How do I configure the voucher templates?