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 right-hand side of the screen where the settings panel is located.

In the settings panel, find the option labeled "Hide Background Overlay".

Turn on the "Hide Background Overlay" 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 add Teaser/Nudges to Popups in Poper?

  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 ...

• Dynamic Link Redirects in Poper

  Poper empowers you to create dynamic redirects within your popups, sending users to specific landing pages or URLs based on the information they provide. This guide will unveil how to leverage Poper's dynamic link redirection features. Setting Up ...