Popup Component

Popup component helps you to display pop-up messages to your app users. You can display different components (form, rating, text, image, etc) as popup on your Beezer app.

Please follow the instructions listed below to create a popup on your Beezer app:

Step 1: Log in to your Beezer app dashboard.

 

 

Step 2: Click on the Build section -> Pages and click on + sign to create the new popup page. Select "Popup Box" option and click Next.

 

Step 3: Give a title to the popup page and click "Add page".

 

 

Step 4: To add a component to your popup page, follow these steps:

1. Click on the "Add Component (+ sign)" option.
2. A new dialog box will appear. From here, you can select any component you wish to display as a popup.

In the example below, we are using the Rating component to capture user ratings for our app

 

Step 5. Now that you have created your Popup page (which will be hidden from your app users), you need to select the page on which you wish to trigger this popup.

For example, to show the popup on your app's Homepage:

1. Navigate to Build -> Pages.
2. Click on Homepage.
3. Click the + sign to add the "Popup" component to it.

Step 6: After adding the popup component to your desired page, select the Popup page you wish to display using this component under the "Popup page" section.

 

 

 

Step 7: You can define how the popup should work on your page by using the below options:

 

Click

• This option will allow you to create a button name for your "Popup". The user will need to click on this button to display the popup.

Startup

Popup visible to: Enable this option if you wish to allow only logged in (registered) members to view the popup message.

Popup visible to: You can set the frequency and behaviour of your popup box.

Everytime - Popup will be displayed everytime someone visits the page.

 

Session Based - (This control will only work if you are using Member Login functionality) When the user signs in, the popup will be displayed on the selected page once until closed by the logged in user or until the user signs out.

 

Frequency Based - You can set a custom frequency for the popup to appear irrespective of user logins, the popup will appear for all the app users directly proportional to the specified frequency.

 

 

Image Requirements

When selecting the Header/Image/Slider component on a popup page, please follow the following size specifications to ensure you can display on mobile and desktop devices.

Mobile Image (Portrait)

• Image Size: 278 pixels (width) by 663 pixels (height)

Desktop Image (Landscape)

• Image Size: 552 pixels (width) by 667 pixels (height)