We've extended the no-code widget designer to allow you to customize the appearance of Stigg's widgets even further using CSS.

The new functionality allows you to integrate the Stigg widgets once into your public website or application and fully customize their appearance using no-code.

To customize your widgets' appearance using custom CSS - in the Stigg Console navigate to the Widgets section, select the relevant widget and scroll down to the "Custom CSS" section.

In the Custom CSS section, use the dot (.) to see the available class names that can be customized, for example .stigg-plan-offering-container. The full list is also available in our docs.

A preview of the custom styling will appear on the right side of the screen. To apply it to your public website and application, save the changes.

Custom CSS using the no-code widget designer is supported in the Stigg React SDK v1.26, Stigg Vue 3 SDK v0.9.0 and Stigg Vue 2 SDK v0.0.6 or later.