How to remove Background Overlay in Poper?

How to remove Background Overlay in Poper?

Removing the background overlay in Poper's popups allows users to interact with the background elements while the popup is displayed. This is especially useful for creating popups that slide in from the side and do not obstruct other elements on the page.

Steps to Remove Background Overlay

Step 1: Access Your Dashboard

Login to your Poper account using your credentials and open your Dashboard.

Step 2: Select the Popup to Edit

Once logged in, you will be taken to your Poper dashboard.
Find the popup you want to edit from the list of popups.
Click on the popup to open the popup editor.

Step 3: Edit Popup Settings


In the popup editor, look to the left-hand side of the screen where the settings panel is located.
In the settings panel, find the option labeled "Remove Background".
Turn on the "Remove Background" setting by clicking the toggle switch.

Step 4: Save Your Changes


After enabling the "Hide Background Overlay" setting, ensure you save your changes.
Click on the "Save" button to apply the settings to your popup.

Re-test on Your Website:


Refresh your website and repeat the preview steps to ensure all adjustments are correct.

    • Related Articles

    • Understanding Background Style in Poper Popups

      The background style in Poper refers to the visual effect applied to the area behind the popup content when it appears on a webpage. This feature is significant as it helps to draw the user's attention to the popup by differentiating it from the rest ...
    • Change Background Color

      Customizing the background color of your popup can greatly impact the visual appeal and effectiveness of your call to action. Here’s a simple guide to changing the background color of a popup using Poper.ai: Step 1: Log In and Access Popups - Sign in ...
    • How to create a Widget in Poper from Scratch?

      Teasers, also known as nudges, are small, non-intrusive popups that encourage users to interact without disrupting their experience. Follow this guide to add and configure teasers in your Poper popups. Steps to Add Teasers/Nudges to Popups Step 1: ...
    • How to create Multi Steps in Poper

      Poper empowers you to create captivating popups with a multi-step format, keeping your visitors engaged and maximizing conversions. This guide will walk you through the process of building a two-step popup, capturing both email and name from your ...
    • How to Add a Spin Wheel in Poper Popups (Gamified) from Scratch

      While using Spin Wheel templates is recommended for ease, you can also create Spin Wheel popups from scratch in Poper. Follow these steps to set up a Spin Wheel popup. Steps to Add a Spin Wheel in Poper Popups Step 1: Access Your Dashboard Open your ...