Terpli Design

overview the design tab provides comprehensive controls for customizing the visual appearance and behavior of your terpli widget to match your site's aesthetic as a self service platform, you can independently update the widget's design to reflect seasonal themes, promotional campaigns, or brand refreshes without requiring technical support in this article, you'll learn how to navigate to the design tab how to customize welcome screen and loading screen images how to configure branding and style settings how to customize the floating widget appearance how to edit terpli by individual store or location how to navigate to the design tab navigate to settings click on terpli if you don't automatically land on the sub tab, click on design 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 to update welcome screen images after navigating to the design tab, locate the image section if not immediately visible, click general below terpli design scroll down to find the image section click on select image to open the media library select an image to use in terpli 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 depending on factors such as device type, network connectivity, and system load, this transition may take anywhere from a brief moment to several seconds to set a loading screen image scroll to the "image" section scroll below the "welcome screen" image selections click on "select image" beneath "loading screen or gif" to open the media library select an image or gif to use in terpli how to configure branding and 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 docid\ idnpgl3svth25suvjnxwx how to customize the floating widget you can add additional messaging and design styles to the widget before users click into it to customize the floating widget navigate to "settings" click on "terpli" click on the "floating widget" sub tab (located below the title) floating widget sections the "floating widget" tab contains two main sections floating widget controls the widget's appearance, visual effects, trigger conditions, and other behavioral settings welcome message allows you to customize the greeting text that users see when the terpli widget first appears to customize display settings and triggers, check out the docid 6vwlia5gfdkgcoxktt8 a article for details on how each trigger works how to add animation effects to terpli there are several places within terpli where you can add display effects for the floating widget custom effects these effects trigger when terpli first appears on screen or after it's dismissed you can add as many as you'd like, choose the effect type from the dropdown menu, and specify the duration in milliseconds note that custom effects are not shown in the widget preview 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 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 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 change 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 custom text under custom welcome message text , enter the message you'd like to display when the welcome message is enabled, terpli displays a rotating carousel of 4 preset messages by default these messages have shown strong performance, so keeping them is recommended how to edit terpli by store or location yes! you can customize the widget's appearance for individual locations or stores to edit by store locate the currently editing dropdown at the top of the terpli settings page click the dropdown to select a specific store select a specific store for location specific customizations leave set to default preset (shared) to apply changes universally additional customization options you can also customize the widget's appearance based on menu type—whether medical or recreational how to turn the terpli widget into a popup navigate to settings > terpli > popup and find out more info on how to set it up in docid 6vwlia5gfdkgcoxktt8 a