Netmera User Guide
Netmera Docs
  • ⚡Netmera User Guide
  • What's New?
  • Beginner's Guide to Netmera
    • Introduction to Netmera
    • Integrating Netmera
    • App Dashboard
    • Design Guide
    • Troubleshooting and Support
    • FAQs
    • Your Feedback
  • Terms to Know
  • Guided Videos
  • Messages
    • About Push Notifications
    • Mobile Push
      • Creating a Mobile Push
        • Define Message Type: Setup
        • Define Message Content: What
          • Advanced iOS Settings
        • Define the Audience: Who
        • Define Campaign Schedule: When
        • Test and Send: GO!
      • Elements of Push Notifications
      • Message Categories
      • Personalized Messages
      • Button Sets
      • Define Segment
      • Add Custom Sounds
      • Add Image or Video to Push Notifications
      • Banner, Carousel, Slider and Product Discovery Additional Notes
    • SMS
      • SMS Onboarding
      • Creating an SMS campaign
      • Message Categories
    • E-Mail
      • Email Onboarding
        • Upload Email List
        • IYS (İleti Yönetim Sistemi)
        • Email Integrations
        • Mail Delivery Onboarding
      • How to Create a Mail Template
      • Sending a Mail Campaign
    • Automated Messages
    • Transactional Messages
    • Geofence Messages
    • Push A/B Testing
    • FTP Push & Data Transfer
    • Multi-Language Push
    • Recall Campaigns
    • Netmera AI Text Generator
  • Mobile In-App
    • Mobile In-App / Widget
      • Start Creating
        • Customize Components
          • Spin to Win
          • Custom Button Deeplinks
        • Assign Click Actions
      • Publish
      • Analyze
  • Web Tools
    • About Web Tools
    • Web Push
      • Creating a Web Push Campaign
      • Mobile Web Push for iOS
      • Message Categories
      • Personalized Messages
      • Button Sets
      • Define Segment
      • Tags / Upload User List
      • Fancy Box Setup
    • Web Transactional Push
      • Web Transactional Push Deeplink
    • Web Pop-Up / Widget
      • Start Creating
        • Customize Components
          • Spin to Win
        • Assign Click Actions
      • Publish
      • Analyze
    • Web Feedback Button
      • Create a New Web Feedback Button
        • How to Customize Widgets
        • Adding Click Action
    • Web Personalization
      • Web Personalization Dashboard
      • Create a New Experience
        • Setup and Rules
        • Creating Experiences
  • Web Analytics
  • Customer Journeys
    • Journeys
      • Setup
      • Entry Rules
      • Audience
      • Build Journey
        • Journey Components
          • State
          • Branch
          • Action
      • Launch
      • Journey Analytics
      • Journey Examples
        • Action-Based Engagement Journey
  • Customer Data
    • About Customer Data
    • Profile Attributes
      • Creating Custom Profile Attributes
    • Events
      • Netmera Events
      • Creating Custom Events
      • Event Insight
    • Tagless Data Capture
    • IYS Integration
  • Targeting
    • About Targeting
    • People
    • Tags
    • Segments
      • AI-Based Segments
      • Ready to Use Segments
      • Rule Based Segments
        • Create New Rule Based Segment
      • Connector Segments
      • Segment Details
    • File Transfers
    • Geofence
  • Reports & Analytics
    • Reports
      • Glossary
      • Campaigns
        • Push Reports
        • Email Reports
        • SMS Reports
      • Automated, Transactional & Geofence Push Reports
      • Total Users
      • Installs
      • Event Reports
        • Daily Event Count
        • Hourly Usage
      • KPI's Monthly
      • App Tracking
      • Application Version
      • Audit Logs
      • Export
      • Channel Reachability
    • Analytics
      • Funnel Analysis
        • Create New Funnel
      • Profile
      • Event Insight
      • People Insight
      • Uninstall
      • Opt Out
      • Revenue and Conversion
      • Customer Touch
      • Retention and Cohort
      • Web Analytics
  • Panel Settings
    • Netmera Panel Settings
      • General Settings
      • Test Devices
      • Users
      • Roles and Permissions
      • Button Sets
      • Message Categories
      • Message Labels
      • Landing Pages
      • WebHooks
      • App Tracker
      • Reports Settings
      • Business Units
      • Coupon Code Lists
  • Developer Guide
    • Netmera Developer Guide
Powered by GitBook
On this page
  • Fancy Box Settings
  • Customization Options

Was this helpful?

  1. Web Tools
  2. Web Push

Fancy Box Setup

PreviousTags / Upload User ListNextWeb Transactional Push

Last updated 3 months ago

Was this helpful?

Developers > Netmera Onboarding > Web Onboarding > Step 4: Fancy Box Settings

The Fancy Box is a pop-up panel that requests permission from users to enable web push notifications. As a customizable feature, it gives you the flexibility to tailor its appearance and behavior, making it fit the specific needs of your application. Below are the key settings and customization options you can use to optimize the Fancy Box experience for your users.

Fancy Box Settings

  1. Enable Fancy Box: Choose whether to display the Fancy Box for notification prompts or rely solely on the native browser permission request.

  2. Show Again After: Set the timeframe for when the Fancy Box should reappear for users who declined the notification permission initially.

  3. Animate Fancy Box: Enable this option to add animated effects to the Fancy Box for a more engaging user experience.

  4. Preview Use the preview option to see how the Fancy Box will appear to users.

  5. Customize Fancy Box: Personalize the Fancy Box design in this section.

Customization Options

  1. Text

    • Personalize the header, informational text, and button labels.

    • Deliver clear and inviting messaging to users to encourage interaction.

  1. Size

    • Adjust dimensions such as width, height, and border radius.

    • Change text size to ensure the Fancy Box fits seamlessly with your website's layout.

  1. Color

    • Select background colors for the Fancy Box frames and buttons.

    • Customize font colors to align with your site’s branding and color palette.

  1. Font

    • Choose from a variety of font styles, including inherit, initial, italic, normal, oblique, revert, or unset.

    • Ensure the font selection complements your website's typography for a cohesive design.