Customize Your Popups
Get Pro to unlock all popup customize features!
Check out the quick start video at https://youtu.be/RU3HNFzPWs0
Start Editing
Please go to the “Popups” page first. Click the edit button (pen icon) to the right of the popup you want to edit) to access the customization page for the popup.
Customizable Options
The edit page breaks down different edits into chunks for greater clarity.
Top Block
The top block contains the following:
The popup name
Click the Edit button to the right of the name so that can edit.
(This is the display name of the popup in the manage page and the default name when exporting shares, please correct it to avoid confusion)
Preview Button
The “Small eyes” icon in the upper right is the preview button, which will give a full preview of the customized content of the current popup.
Save Button
The left button of Preview button is the Save button. It will appear when it is needed to save (after the content has been modified).
*Please note that this customization must be saved after each modification to take effect.
Display Options
This block allows you to customize the image/video on the popup.
Select the picture/video
Click “Select Image/Select Video”, you will be redirected to the system file manager, please select a legitimate picture (such as .jpg; .png; .webp; .gif, etc.) or video format(.mp4/.avi/.flv/.mov).
After the picture/video is successfully added, the delete button will show on the right, you can unselect the picture.
*You should be PRO so that you can use gifs or videos, otherwise it will be displayed as a static image
Image Sizing
After the image is selected correctly, the image adjustment slider appears below.
Adjust the image to equal scale by sliding the slider (a live preview will be initiated when swiping)
Popup Options
Background color
Clicking on the right color block will bring up a color selection panel, which you can select by clicking on the swatch or entering a color hexadecimal color value. (Check “Full Transparent” to set a fully transparent background)
When you select as a fully transparent color, a “T” flag appears to the right of the color block.
Popup width/height adjustment
Swipe the slider on the right to make free adjustments to the width/height of the popup (real-time preview will be initiated when swiping)
Showing duration
Slide the slider on the right to adjust the showing duration of the popup.
Text Buttons
location
Currently, the popup has three text buttons on the top, left and right, where “location” refers to the location of the text button to be modified.
Select Location to customize the text buttons on that location below.
title
That is, the content displayed, such as “< settings” and so on.
color
Text button the color of the text, click the right color bar will bring up the color selection panel, you can select the color by clicking the color swatch or entering the color hexadecimal color value. (Check Full Transparent to set a fully transparent background)
When you select as a fully transparent color, a “T” flag appears to the right of the color block.
Background color
You can set the background color of the text button, which defaults to full transparency. Clicking on the right color block will bring up a color selection panel, which you can select by clicking on the swatch or entering a color hexadecimal color value. (Check Full Transparent to set a fully transparent background)
When you select as a fully transparent color, a “T” flag appears to the right of the color block.
* Tip: After setting the background color, you can freely expand the width of the background by setting the spaces on the left and right sides of the title, such as the title is modified to ” < settings “, the space will expand the width of the background.
The font size
Swipe the slider on the right to adjust the font size of the text button (a live preview will be initiated when swiped)
Open the app
In the list selection box on the right, you can select the apps you want to open.
The app will be launched after clicking the text button when the popup is showing.
Landscape/portrait offset
Swipe the slider on the right to freely adjust the position of the text button (a live preview will be initiated when swiping)
The battery level is displayed
switch
Click the toggle button on the right to turn on/off the battery display.
Font color
The battery displays the color of the text, and clicking on the right color block will bring up a color selection panel, which can be selected by clicking on the swatch or entering a color hexadecimal color value. (Check Full Transparent to set a fully transparent background)
When you select as a fully transparent color, a “T” flag appears to the right of the color block.
The font size
Swipe the slider on the right to adjust the font size of the battery display (real-time preview will be initiated when swiping)
The battery size
Swipe the slider on the right to resize the battery icon (real-time preview will be launched when swiping)
Power color
The color of the power icon, click on the right color block will bring up the color selection panel, you can select the color by clicking on the swatch or entering a color hexadecimal color value. (Check Full Transparent to set a fully transparent background)
When you select as a fully transparent color, a “T” flag appears to the right of the color block.
Landscape/portrait offset
Swipe the slider on the right to make free adjustments to the position of the battery display (real-time preview will be launched when swiping)
Popup Options (Pro)
*This custom feature needs to be used after becoming Pro account.
Rounded corner size
Swipe the slider on the right to adjust the rounded corners of the popup (a real-time preview will be initiated when swiping)
Show position
Swipe the slider on the right to adjust the portrait position of the popup (real-time preview will be initiated when swiping)
Show direction
Settings are currently available in four directions: bottom-to-up, up-to-bottom, left-to-right, right-to-left.
In the list selection box on the right, you can select the show direction of the popup. Click the preview button in the top block to preview it.
Animation Options (Pro)
*This custom feature needs to be used after becoming Pro account.
Popup entry/exit duration
Slide the slider on the right to adjust the length of time the popup enters/exits. Click the preview button in the top block to preview it.
Popup entry/exit style
Currently, there are four styles of settings of Uniform Speed, Slow down, Speed up, Fast out Slow in.
In the list selection box on the right, you can select the entry/exit style of the popup. Click the preview button in the top block to preview it.
Mask Options (Pro)
*This custom feature needs to be used after becoming Pro account.
Mask color
That is, the color of the background behind the popup, and clicking the right color block will bring up the color selection panel, which can be selected by clicking the color swatch or entering the color hexadecimal color value. (If full transparency is required here, please adjust the Mask Alpha below)
Mask alpha
That is, the opacity of the background behind the popup. The higher the color, the more pronounced the color.
Slide the slider on the right to adjust the mask opacity. (Swipe will launch a live preview)
Lock Screen display (Pro)
*This custom feature needs to be used after becoming Pro account.
switch
Click the toggle button on the right to turn on/off the lock screen display. (Some systems may require additional “lock screen” permissions, which may prompt for permission the first time the lock screen is displayed)
Finish Editing
After making customizations, remember to click the top block Save Button to save. Enjoy it!