Overview

Pop-ups display the content of a selected Section inside a popup window. You control when, where, and how that section appears using the settings described below.

Pop-ups are configured in one step: selecting the content and adjusting behavior settings.

Pop-up Management

Navigate to Design → Pop-ups in the Site Manager to view all pop-ups configured for your website.

This screen shows a list of all pop-ups and their current status. From here, you can:

• Create a new pop-up

• Edit an existing pop-up

• Enable or disable pop-ups

• Delete pop-ups

Click the Create new pop-up button to open the pop-up settings form.

Basic Settings

Section

Choose the section you want to display inside the pop-up.

The pop-up will display the full content of the selected section.

Tip: Create and finalize your section content first before attaching it to a pop-up.

Enabled

Controls whether the pop-up is active.

• Yes: The pop-up is active and can appear on your site.

• No: The pop-up is disabled and will not appear.

You can toggle this from the main Pop-ups list.

Display Behavior

These settings control how the pop-up behaves.

Reopen Class Trigger

Determines how the pop-up can be reopened after it has been closed.

Options:

• Click

• Hover

This setting controls the type of interaction used for reopening.

Pop-up Auto-Close

Enable this option to automatically close the pop-up after it opens.

When enabled, you can define the number of seconds before it closes.

Auto-Close After (Seconds)

Sets how many seconds the pop-up remains open before automatically closing.

• Range: 0 to 60 seconds

• Adjustable using a slider

Tip: Setting this too low may cause visitors to miss important content.

Show on Mobile

Controls whether the pop-up appears on mobile devices.

• Enabled: Pop-up appears on mobile.

• Disabled: Pop-up will not display on mobile devices.

Use caution with mobile pop-ups to avoid obstructing small screens.

Hide on Scroll Up

When enabled, the pop-up will remain hidden if visitors scroll back up after it has been closed.

Enable Multiple Instances

Allows this pop-up to appear at the same time as other active pop-ups.

• Enabled: Multiple pop-ups can display simultaneously.

• Disabled: This pop-up will not display at the same time as others.

Load with Ajax

When enabled, the pop-up content loads using Ajax instead of being fully loaded with the page.

This may affect how quickly the pop-up appears depending on your site structure.

Scheduling

You can control when the pop-up is active using start and end dates.

Start Date

Set the date and time when the pop-up becomes active.

Format:
YYYY-MM-DD hh:mm AM/PM

If left blank, the pop-up is available immediately (if enabled).

End Date

Set the date and time when the pop-up stops appearing.

If left blank, the pop-up will remain active indefinitely (if enabled).

Common use cases:

• Event announcements

• Holiday messages

• Limited-time promotions

Page Targeting

Control where the pop-up appears on your site.

Pages Include

Select specific pages where the pop-up should appear.

You may select multiple pages.

Pages Exclude

Select specific pages where the pop-up should NOT appear.

You may select multiple pages.

Common strategies:

• Include only your homepage

• Exclude checkout or donation pages

• Target specific ministry pages

• Avoid showing pop-ups on sensitive forms

After Creating a Pop-up

1. Click Save Changes

2. Visit your website to test the pop-up

3. Test on both desktop and mobile

4. Verify scheduling works as expected

5. Confirm page targeting is correct

Common Use Cases

• Announcing upcoming parish events

• Highlighting capital campaigns

• Emergency announcements

• Holiday greetings

• Special service schedule changes

• Temporary notices

Best Practices

Keep Content Focused

Pop-ups work best with short, clear messaging. Avoid placing large amounts of text inside pop-ups.

Use Scheduling

Always set an end date for temporary announcements to prevent outdated messages from lingering.

Test on Mobile

Large pop-ups can be disruptive on smaller screens. Test carefully.

Avoid Overuse

Too many pop-ups at once can overwhelm visitors. Use the “Enable Multiple Instances” setting thoughtfully.

Troubleshooting

Pop-up not appearing

• Ensure it is Enabled

• Check that the current date is within the Start and End Date range

• Confirm the page is not excluded

• Verify mobile setting if testing on a phone

• Clear your browser cache

Pop-up appears on wrong pages

• Review Pages Include

• Review Pages Exclude

• Confirm your selections are saved

Pop-up closes too quickly

• Increase the Auto-Close time

• Or disable Auto-Close entirely