Terpli (new) is in BETA, please reach out to your CSM if you would like to be added to the list.
How to Customize Images
Changing Welcome Screen Images
Welcome screen images are displayed on the widget's opening view and rotate automatically in a carousel format to engage visitors. AIQ sets defaults, but you can change them to anything you'd like.
To update welcome screen images:
Navigate to Settings > Widget/Terpli > Design > General
Scroll to Welcome Screen section > Welcome screen images
Click on Select Image to open the media library
Select an image
Save
Notes:
The carousel supports up to five images
You can add or remove images at any time
When images are removed, the carousel automatically continues cycling through the remaining images
Changing the Loading Screen Image
The loading screen displays between the completion of recommendation questions and the presentation of results.
To set a loading screen image:
Navigate to Settings > Widget/Terpli > Design > General
Scroll to Welcome Screen section > Loading image or GIF
Click on Select Image to open the media library
Select an image
Save
Branding & Style Settings
While customizing design elements such as font colors and button styles, you can access your default branding settings to apply pre-defined colors and maintain visual consistency across your widget.
Use default branding settings to maintain the widget's standard look, while making manual customizations specifically for seasonal themes, holidays, or limited-time campaigns.
Real-time preview: As you manually adjust each field, changes are reflected in real-time through both:
The full widget preview displayed on the right-hand side of the screen
The component preview located within each section (see below)
For more details on configuring default branding settings, see Branding Settings.
Floating Widget
The floating widget is the icon and message (optional) that your customers will see before opening the widget itself.
Floating Icon
You can configure the floating icon separately for phone, desktop, and tablet, or apply the same configuration to all devices using the All tab.
Position: This is where the icon will appear on the screen.
Options: Top Left, Top Right, Bottom Left, Bottom Right
Border Radius: This setting allows you to show the icon as a square, rounded square, or make it fully circle by changing the border radius.
Z-index: The higher the z-index, the closer the widget will be to the user
Size: Overall size of the widget icon
Display triggers + Targeting: To customize display settings and triggers, check out the Popup Forms article for details on how each trigger works.
Attention Effects
These are shown to users while the floating icon is visible on the page. You can customize the animation's color, duration, and delay. Attention effects are visible in the widget preview on the right side of the screen.
Glow effect: Gently glows to attract the user's attention.
Glow Color: Color of the flow
Glow Duration: How fast it pulses
Glow Delay: How many seconds the animation is delayed from showing
Repeat animation: IF left as 0, it will repeat infinitly
Note: Glow effect can combine with any transform effect.
Transform Effect
Only one transform effect can be active at a time. Like attention effects, this controls how the icon moves after the initial intro effect has played. The transformation effect is also visible in the widget preview.
Options: Bounce, Pulse, Shake, Wobble, Spin
Note: You can see what these look like in the preview to the right
For welcome messages:
Display effects: Controls how the text message attached to the floating widget appears. You can select the effect type from the dropdown menu and adjust the duration and delay. Display effects are visible in the widget preview on the right side of the screen.
Intro & exit effects: Similar to the custom effect options for the floating icon, these control how the welcome message enters and exits. You can customize the effect type and duration.
How to Enable the Welcome Message
Navigate to Settings > Terpli > Design > Floating Widget
Scroll down to the Welcome Message section
Toggle on Enable Welcome Message
Under the Welcome Message dropdown, select either
Default Welcome Message: Shows a rotating selection of our 4 most well-converting welcome messages:
Try our cannabis quiz!
Reveal your perfect strain here!
Unlock your ideal strain!
Find your perfect strain here!
Custom Text: Enter the custom message you'd like to display