First run
- Step 1
Add a goal, give it a name and select a platform and event type.
- Step 2
Enter the target value and check from what point progress is counted.
- Step 3
If you want further tiers, choose a constant increment or doubling value upon completion.
- Step 4
Record the target action. In the overlay look, select the bar, numbers and animations, then add the source to the scene.
Broadcast example
With a goal of 10,000 likes, a steady increment of 10,000 creates thresholds of 20,000 and 30,000. Doubling leads to 20,000 and 40,000. This means you don't have to manually change the values after each completion.
Action and possibilities
Target type and platform
Give it a name, select the event, platform and target value. You can count your progress since you created your goal or use an available starting point. Overlay target and visibility have separate settings.
Automatic next goals
Once completed, the goal can remain the same, increase by a fixed increment, or multiply by two. An increment of 10,000 gives 10,000, 20,000, 30,000; multiplication gives 10,000, 20,000, 40,000.
The appearance of the belt
Choose a ready-made style, fonts, sizes, colors and gradients, background, border, rounding, graphics and the way of presenting numbers and percentages. You can check the position and scale in the overlay preview.
Completing the goal
The target can trigger a completion alert, message, and sound. You change the function settings in the tool and the appearance in the overlay panel.
See the interface up close
Click on the illustration to enlarge it. The screenshots show different parts of the setup; the caption explains what to look out for.
Settings and available selections · 234
The list describes the fields of this tool and its binding. Some settings appear after enabling the parent option, adding a rule, connecting the platform or changing the style. Availability may vary by plan. Lists of your own files, votes and connected accounts are populated in your dashboard.
There are no settings matching your search.
NameText
Enter the content described in the label. If the form shows variables, you can use them in the message template.
50,000 likes
What are we collecting?Selection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
50,000 likes
Choices available: Likes · Follows · Gift coins · Comments · Shares · Subscriptions · Channel points redemption
PlatformsSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
50,000 likes
Choices available: All · TikTok · YouTube / Shorts · Twitch · Kick
TargetNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
50,000 likes
: 1 … 100000000 · 1
Automatically increase goalSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
50,000 likes
Choices available: Off · ×2 — double the current target · + fixed amount
NameText
The name organizes the entries in the panel; depending on the tool, it may also be a label visible on the overlay.
Add separate goal
What are we collecting?Selection list
Specifies the type of data or event this configuration responds to.
Add separate goal
Choices available: Likes · Follows · Gift coins · Comments · Shares · Subscriptions · Channel points redemption
PlatformsSelection list
Limits this rule or view to the specified platform. "All" includes supported, linked sources.
Add separate goal
Choices available: All · TikTok · YouTube / Shorts · Twitch · Kick
TargetNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Add separate goal
: 1 … 100000000 · 1
Count from goal creationSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Add separate goal
X position · horizontalZipper
The horizontal position of the element in the source area. The preview converts it to the dimensions of the selected resolution.
Position within stream resolution
: 0 … 100 · 0.1
Y position · verticalZipper
The vertical position of the element in the source area. The preview converts it to the dimensions of the selected resolution.
Position within stream resolution
: 0 … 100 · 0.1
Overlay size (%)Zipper
The size of the element relative to its base size, in percent.
Position within stream resolution
: 10 … 300 · 1
Overlay opacityZipper
Opacity of the entire element in percentage. You set the transparency of the background itself separately.
Position within stream resolution
: 0 … 100 · 1
Show this goalSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Empty part of the bar
Overall goal size (%)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 25 … 200 · 1
Bar width (px)Number
The width of the source or element indicated by this section.
Empty part of the bar
: 240 … 1600 · 1
Bar height (px)Number
The height of the source or element indicated by this section.
Empty part of the bar
: 16 … 180 · 1
Corner radiusNumber
Corner rounding radius.
Empty part of the bar
: 0 … 180 · 1
Border width (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 0 … 12 · 1
Border colorColor
Border color.
Empty part of the bar
Fill typeSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Empty part of the bar
Choices available: Colour or gradient · Animated rainbow · GIF or image · Empty — no fill
Use the studio accent colourSwitch
The main color of the indicated part. The effect depends on the section in which the field appears.
Empty part of the bar
Filled areaColor
Select a color or enter its code. Using a gradient allows you to add a second color in places that support it.
Empty part of the bar
Fill gradientSwitch
Enables a transition between two colors in this part of the element.
Empty part of the bar
Second gradient colourColor
The second color to finish the gradient.
Empty part of the bar
Gradient angleNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 0 … 360 · 1
Third gradient colourSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Empty part of the bar
Middle colourColor
Select a color or enter its code. Using a gradient allows you to add a second color in places that support it.
Empty part of the bar
Middle colour position (%)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 5 … 95 · 1
Move the gradientSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Empty part of the bar
Full animation cycle (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 1 … 30 · 0.5
Full animation cycle (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 1 … 30 · 0.5
Progress growth directionSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Empty part of the bar
Choices available: Left to right · Right to left
Fill opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Empty part of the bar
: 0 … 1 · .05
Pattern / gradient movement directionSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Empty part of the bar
Choices available: Left · Right · Up · Down
Animated fill patternSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Empty part of the bar
PatternSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Empty part of the bar
Choices available: Diagonal stripes · Dots · Chevron
Stripe animation time (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 0.3 … 12 · 0.1
Stripe width (px)Number
The width of the source or element indicated by this section.
Empty part of the bar
: 8 … 120 · 1
Stripe opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Empty part of the bar
: 0 … .8 · .02
Empty area styleSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Empty part of the bar
Choices available: Colour or gradient · Fully transparent · GIF or image
Empty areaColor
Select a color or enter its code. Using a gradient allows you to add a second color in places that support it.
Empty part of the bar
Empty area gradientSwitch
Enables a transition between two colors in this part of the element.
Empty part of the bar
Second gradient colourColor
The second color to finish the gradient.
Empty part of the bar
Gradient angleNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 0 … 360 · 1
Empty area opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Empty part of the bar
: 0 … 1 · .05
Neon bar glowSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Empty part of the bar
ColorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Empty part of the bar
Glow spread (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 0 … 60 · 1
Shadow opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Empty part of the bar
: 0 … 1 · .05
Smooth progress updatesSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Empty part of the bar
Transition time (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 0 … 5 · 0.05
Show text / titleSwitch
Shows the content or title of the message.
Empty part of the bar
Title colourColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Empty part of the bar
Title size (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 12 … 96 · 1
Title weightNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 300 … 900 · 100
Title gap (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 0 … 80 · 1
Show valuesSwitch
Determines whether the specified item is visible in this configuration. Enabling does not create missing platform data.
Empty part of the bar
Text colorColor
The message content or text used by the selected action.
Empty part of the bar
Text sizeNumber
Base text size in pixels.
Empty part of the bar
: 12 … 96 · 1
Value weightNumber
Type thickness.
Empty part of the bar
: 300 … 900 · 100
SeparatorText
Enter the content described in the label. If the form shows variables, you can use them in the message template.
Empty part of the bar
Unit, e.g. $ or ♥Text
Enter the content described in the label. If the form shows variables, you can use them in the message template.
Empty part of the bar
Decimal placesSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Empty part of the bar
Choices available: 0 · 1 · 2
Show progress percentageSwitch
Determines whether the specified item is visible in this configuration. Enabling does not create missing platform data.
Empty part of the bar
Value formatText/list
Enter text or subsequent entries according to the format provided in the panel. Maintain required separator for lists and rules.
Empty part of the bar
Extra text below the barSwitch
Determines whether the specified item is visible in this configuration. Enabling does not create missing platform data.
Empty part of the bar
Footer textText/list
Enter text or subsequent entries according to the format provided in the panel. Maintain required separator for lists and rules.
Empty part of the bar
Text sizeNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 12 … 64 · 1
Text colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Empty part of the bar
Text shadowSwitch
The intensity or size of an element's shadow.
Empty part of the bar
Shadow colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Empty part of the bar
Shadow blur / strengthNumber
Blur the edges of the shadow.
Empty part of the bar
: 0 … 50 · 1
Shadow opacityZipper
Shadow coverage. Changes the visibility of the shadow without intentionally changing the opacity of the text or background.
Empty part of the bar
: 0 … 1 · .05
Text outlineSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Empty part of the bar
Border colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Empty part of the bar
Border width (px)Number
Letter stroke thickness.
Empty part of the bar
: 0.3 … 3 · 0.1
Image or GIFSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Empty part of the bar
Image placementSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Empty part of the bar
Choices available: Left of bar · Right of bar · Bar background · Badge on bar
Image size (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 24 … 300 · 1
Image opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Empty part of the bar
: .05 … 1 · .05
Image fitSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Empty part of the bar
Choices available: Fit entire image · Fill area
Overlay positionSelection list
The base position of an element on the screen. The detailed position can be set in the available X and Y sliders.
Empty part of the bar
Choices available: Top left · Top center · Top right · Center left · Center · Center right · Bottom left · Bottom center · Bottom right
Horizontal margin (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 0 … 1500 · 1
Vertical margin (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: 0 … 1500 · 1
Move elements independentlySwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Empty part of the bar
Title: X offsetNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: -600 … 600 · 1
Title: Y offsetNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: -600 … 600 · 1
Values: X offsetNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: -600 … 600 · 1
Values: Y offsetNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: -600 … 600 · 1
Image: X offsetNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: -600 … 600 · 1
Image: Y offsetNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Empty part of the bar
: -600 … 600 · 1
ColorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Text styling and animation
Text colorColor
Text color.
Text styling and animation
Second colorColor
The second color to finish the gradient.
Text styling and animation
GradientSwitch
Enables a transition between two colors in this part of the element.
Text styling and animation
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Text styling and animation
: 0 … 1 · .05
Padding (px)Number
Internal distance of content from edges.
Text styling and animation
: 0 … 64
Text alignmentSelection list
Alignment of text or content in an element.
Text styling and animation
Choices available: Left · Center · Right
Enable frameSwitch
Enables a frame or border for an item.
Text styling and animation
Frame styleSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Text styling and animation
Choices available: Wavy frame · Classic card · Glass · Outline · Neon · Minimal · Broadcast stripe · Rounded card
Border styleSelection list
How to draw a border.
Text styling and animation
Choices available: Solid · Dashed · Dotted · Double · Wavy
Second colorColor
The second color to finish the gradient.
Text styling and animation
GradientSwitch
Enables a transition between two colors in this part of the element.
Text styling and animation
Border width (px)Number
Border thickness.
Text styling and animation
: 0 … 8
Neon glow strengthZipper
The intensity of the neon glow.
Text styling and animation
: 0 … 80
Shadow opacityZipper
Visibility of the neon glow, independent of the main opacity of the element.
Text styling and animation
: 0 … 1 · .05
Enable backgroundSwitch
Turns on the background of the selected element.
Text styling and animation
Background colorColor
The background color of the element.
Text styling and animation
Second colorColor
The second color to finish the gradient.
Text styling and animation
GradientSwitch
Enables a transition between two colors in this part of the element.
Text styling and animation
Background opacityZipper
Covering only the background, without intentionally extinguishing text and content.
Text styling and animation
: 0 … 1 · .05
Element / frame shadowSwitch
Turns on the shadow of this part of the element.
Text styling and animation
Shadow blur / strengthZipper
The intensity or size of an element's shadow.
Text styling and animation
: 0 … 80
Horizontal shadow (px)Number
Horizontal shift of the shadow relative to the element.
Text styling and animation
: -60 … 60
Vertical shadow (px)Number
The vertical shift of the shadow relative to the element.
Text styling and animation
: -60 … 60
Element entrance and exit animationSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Entrance animationSelection list
An effect triggered when an element appears.
Text styling and animation
Choices available: None · Fade · Slide from left · Slide from right · Slide up · Slide down · Zoom · Bounce · Soft pop · Rotate · 3D flip · Diagonal drift
Exit animationSelection list
An effect triggered when an element disappears.
Text styling and animation
Choices available: None · Fade out · Slide out to the left · Slide out to the right · Fade upward · Slide out downward · Zoom out · Bounce out · Expand and fade · Rotate and fade · Flip and fade · Drift away
Animation duration (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Text styling and animation
: 0 … 2 · .05
Enable text effectsSwitch
Enables this rule or feature. Data recording itself does not replace turning on the tool and connecting to an active LIVE.
Text effects
Text entrance animationSelection list
An effect triggered when an element appears.
Text effects
Choices available: None · Typewriter · Fade in · Text rise · Text zoom · Text slide
Text entrance duration (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Text effects
: .2 … 8
Animation while visibleSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Text effects
Choices available: No continuous animation · Left to right wave · Bouncing letters · Pulsing glow · Text pulse · Gentle floating · Swaying letters
Animation cycle (s)Number
Movement speed of animated elements.
Text effects
: .4 … 10
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Text effects
: .05 … 1 · .05
Custom text colorSwitch
The main color of the indicated part. The effect depends on the section in which the field appears.
Text effects
Text colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Text effects
Second colorColor
The second color to finish the gradient.
Text effects
GradientSwitch
Enables a transition between two colors in this part of the element.
Text effects
Text shadowSwitch
Turns on the shadow of this part of the element.
Text effects
Shadow colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Text effects
Shadow opacityZipper
Shadow coverage. Changes the visibility of the shadow without intentionally changing the opacity of the text or background.
Text effects
: 0 … 1 · .05
Shadow blur / strengthNumber
Blur the edges of the shadow.
Text effects
: 0 … 60
Horizontal shadow (px)Number
Horizontal shift of the shadow relative to the element.
Text effects
: -40 … 40
Vertical shadow (px)Number
The vertical shift of the shadow relative to the element.
Text effects
: -40 … 40
Text outlineSwitch
Turns on the text outline.
Text effects
Border colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Text effects
Text outline width (px)Number
Letter stroke thickness.
Text effects
: .2 … 4
Repeat show and hide cycleSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Show for (s)Number
Determines whether the specified item is visible in this configuration. Enabling does not create missing platform data.
Text styling and animation
: 1 … 3600
Hide for (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Text styling and animation
: 1 … 3600
Stream width (px)Number
The width of the browser source area in pixels.
Text styling and animation
: 320 … 7680
Stream height (px)Number
The height of the browser source area in pixels.
Text styling and animation
: 240 … 4320
Show this viewSwitch
Determines whether the specified item is visible in this configuration. Enabling does not create missing platform data.
Text styling and animation
Show text / titleSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Customize this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: title
Individual opacitySwitch
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: title
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: title
: .05 … 1 · .05
Animate this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: title
Entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Element: title
Choices available: Floating · Pulsing · Rotation · Bouncing
Animation cycle (s)Number
Movement speed of animated elements.
Element: title
: .4 … 10 · .1
Override text stylingSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: title
Enable text effectsSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: title
Text entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Element: title
Choices available: None · Typewriter · Fade in · Text rise · Text zoom · Text slide
Text entrance duration (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: title
: .2 … 8
Animation while visibleSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Element: title
Choices available: No continuous animation · Left to right wave · Bouncing letters · Pulsing glow · Text pulse · Gentle floating · Swaying letters
Animation cycle (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: title
: .4 … 10
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: title
: .05 … 1 · .05
Custom text colorSwitch
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: title
Text colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: title
Second colorColor
The second color to finish the gradient.
Element: title
GradientSwitch
Enables a transition between two colors in this part of the element.
Element: title
Text shadowSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: title
Shadow colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: title
Shadow opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: title
: 0 … 1 · .05
Shadow blur / strengthNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: title
: 0 … 60
Horizontal shadow (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: title
: -40 … 40
Vertical shadow (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: title
: -40 … 40
Text outlineSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: title
Border colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: title
Text outline width (px)Number
The width of the source or element indicated by this section.
Element: title
: .2 … 4
Show amountSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Customize this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Individual opacitySwitch
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: value
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: value
: .05 … 1 · .05
Animate this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Element: value
Choices available: Floating · Pulsing · Rotation · Bouncing
Animation cycle (s)Number
Movement speed of animated elements.
Element: value
: .4 … 10 · .1
Override text stylingSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Enable text effectsSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Text entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Element: value
Choices available: None · Typewriter · Fade in · Text rise · Text zoom · Text slide
Text entrance duration (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: .2 … 8
Animation while visibleSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Element: value
Choices available: No continuous animation · Left to right wave · Bouncing letters · Pulsing glow · Text pulse · Gentle floating · Swaying letters
Animation cycle (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: .4 … 10
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: value
: .05 … 1 · .05
Custom text colorSwitch
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: value
Text colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: value
Second colorColor
The second color to finish the gradient.
Element: value
GradientSwitch
Enables a transition between two colors in this part of the element.
Element: value
Text shadowSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Shadow colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: value
Shadow opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: value
: 0 … 1 · .05
Shadow blur / strengthNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: 0 … 60
Horizontal shadow (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: -40 … 40
Vertical shadow (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: -40 … 40
Text outlineSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Border colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: value
Text outline width (px)Number
The width of the source or element indicated by this section.
Element: value
: .2 … 4
Show progress barSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Customize this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Individual opacitySwitch
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Overlay element
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Overlay element
: .05 … 1 · .05
Animate this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Overlay element
Choices available: Floating · Pulsing · Rotation · Bouncing
Animation cycle (s)Number
Movement speed of animated elements.
Overlay element
: .4 … 10 · .1
Show sourceSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Customize this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Individual opacitySwitch
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Overlay element
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Overlay element
: .05 … 1 · .05
Animate this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Overlay element
Choices available: Floating · Pulsing · Rotation · Bouncing
Animation cycle (s)Number
Movement speed of animated elements.
Overlay element
: .4 … 10 · .1
Override text stylingSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Enable text effectsSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Text entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Overlay element
Choices available: None · Typewriter · Fade in · Text rise · Text zoom · Text slide
Text entrance duration (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Overlay element
: .2 … 8
Animation while visibleSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Overlay element
Choices available: No continuous animation · Left to right wave · Bouncing letters · Pulsing glow · Text pulse · Gentle floating · Swaying letters
Animation cycle (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Overlay element
: .4 … 10
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Overlay element
: .05 … 1 · .05
Custom text colorSwitch
The main color of the indicated part. The effect depends on the section in which the field appears.
Overlay element
Text colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Overlay element
Second colorColor
The second color to finish the gradient.
Overlay element
GradientSwitch
Enables a transition between two colors in this part of the element.
Overlay element
Text shadowSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Shadow colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Overlay element
Shadow opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Overlay element
: 0 … 1 · .05
Shadow blur / strengthNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Overlay element
: 0 … 60
Horizontal shadow (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Overlay element
: -40 … 40
Vertical shadow (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Overlay element
: -40 … 40
Text outlineSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Border colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Overlay element
Text outline width (px)Number
The width of the source or element indicated by this section.
Overlay element
: .2 … 4
When something doesn't work
The goal remains despite chat activity
Check your chosen platform and event. Messages, follows and likes are different counters; make sure the receiver is delivering the correct events.
The bar looks different than in the panel
Check the appearance and dimensions of the browser source. The functional purpose and its setting have separate settings.