Fancy Box Setup

Web Tools -> Fancy Box Settings

Fancybox is a pop-up panel that is used to request permission from users for web push notifications. It is a customizable panel that can be fully customized according to the needs of the application. With Fancybox, you can customize the header and information text, change the background color, and customize the font settings. You can also customize the dimensions of the panel, buttons, and logo and choose where the panel will be displayed.

Tip:

Fancy box can also be used to request permission from users for web push notifications for sales, discounts, or new products. By customizing the Fancybox, websites can make the notification request more visually appealing and engaging for the user, increasing the chances of obtaining permission for web push notifications.

Fancybox Trigger Options

• Fancybox Enable: If this option is not selected, the notification request will be sent to the user, but the Fancybox panel will not be used.

• Fancybox Enable Mobile: If this option is not selected, the notification request will be sent to the user, but the Fancybox panel will not be used on mobile devices.

• Show Fancybox Again After: This option allows you to determine when the Fancybox will be shown to the user again after they press the "Later" button. For example, you can set it to show again after 24 hours or a week.

• Show Fancybox After: This option allows you to determine after how many visits the Fancybox will be shown to the user. For example, you can set it to show after the second visit or the fifth visit.

Fancy Box Customization

• Header: This is the text that will be displayed at the top of the Fancybox panel. You can edit the text to convey your message or branding.

• Info Text: This is the main text of the Fancybox panel. You can edit this text to provide more information or instructions to the user.

• Allow Button: This is the button that the user will click to allow web push notifications. You can customize the text, background color, and font color of this button to match your branding.

• Later Button: This is the button that the user will click if they want to be reminded to allow web push notifications later. You can customize the text, background color, and font color of this button to match your branding.

• Width and Height: This option allows you to adjust the dimensions of your Fancybox panel, including the buttons and logo.

The dimensions of the logo icon in Fancybox should be square, such as 658x658 or 1024x1024 pixels.

• Background: This option allows you to select the background color of your Fancybox panel.

• Font Settings: This option allows you to customize the font style and size of all the text in your Fancybox panel.

• Placement: This option allows you to choose where your Fancybox panel will be displayed on the user's screen, such as the center or the bottom.