Skip to content

Widget customization

The widget is fully customizable from the dashboard. You can adjust colors, position, modules and behavior without touching your site’s code.

Settings live on the app edit page, under the Widget tab. Changes are applied automatically — just save and reload the page where the widget is installed.

SettingTypeDefaultDescription
allow_visitor_otpbooleantrue (on)Lets visitors without a login identify themselves by email and a verification code to suggest, vote, comment, and open tickets. When off, the widget only shows the read-only suggestion board for anyone without a data-user-token.

See the full flow in User authentication.

SettingTypeDefaultDescription
primary_colorhex#3B82F6Main color for the button and highlights.
positionenumbottom-rightOn-screen position: bottom-right, bottom-left, top-right, top-left.
button_texttextFeedbackFloating button label.
button_iconenummessage-circleButton icon: message-circle, megaphone, lightbulb, help-circle or none.
border_radiuspixels8Corner rounding of the widget.

Example: set primary_color to #16A34A and button_text to Suggestions for a green button with a custom label.

The emotion and category fields for the new suggestion form aren’t on this tab — they live on the app’s General tab, in the “Suggestion form” section. See Creating an app.

SettingTypeDefaultDescription
suggestionsbooleantrueEnables the suggestions tab.
supportbooleanfalseEnables the support/tickets tab.
default_tabenumsuggestionsTab opened by default: suggestions or support.

If only one module is enabled, the widget opens straight into it, without showing the tabs.

SettingTypeDefaultDescription
auto_openbooleanfalseOpens the panel automatically on page load.
trigger_delaymilliseconds0Delay before the auto-open triggers.
close_on_outside_clickbooleantrueCloses the panel when clicking outside it.

Example: with auto_open enabled and trigger_delay set to 5000, the panel opens on its own 5 seconds after load.

Some values can be overridden directly in the snippet, without changing the dashboard. This is useful when the same app is used in different contexts (for example, different languages per page).

<script
src="https://pliic.com/widget/v1.js"
data-app-key="YOUR_APP_KEY"
data-language="en"
data-position="bottom-left"
data-modules="suggestions"
async
defer
></script>
AttributeOverrides
data-languageAutomatically detected language.
data-positionPanel position.
data-modulesPanel suggestions / support.

Attributes take priority over dashboard settings.