Click on the links above to jump to any section of this tutorial.
Alright, let’s get hustlin’…
What Are Behaviors?
Behavior settings in Hustle let you specify when and how your pop-ups, slide-ins, and embeds should appear. They work seamlessly alongside Hustle’s other options — such as Visibility, which lets you specify who your pop-ups should display to.
In this post, we’re going to take a closer look at the Behavior screen, which lets you set up precise triggers for your pop-ups to display when conditions of your choosing are met.
It all begins with creating a module, then we’ll deck it out in eye-catching accessories.
There are three Hustle modules that have associated behavior parameters: Pop-ups, Slide-ins, and Embeds.
Each module has two possible types: email opt-in, and informational.
Email Opt-in is ideal for newsletter signups, or collecting user data. Informational is perfect for promotional offers with a Call to Action.
Selecting pop-up type in the initial setup screen.
While each type suits a different intention, setting them up is much the same.
Modules and Their Associated Settings
Additional Closing Methods
Additional Closing Methods
Handy chart showing which settings each Behavior module allows.
Now we’re ready for a deep dive into the behavior settings.
Making Behavior Modifications
Let’s make sure we’re on the same page… figuratively and literally. 🙂
From the Hustle Dashboard, navigate to the Pop-ups section, and either Create a new or Edit an already existing module.
Click on Behavior, so we can focus on those settings. (By default, the module landing page opens to Content.)
We can access all of our options from the Behavior screen.
Now, let’s dig into the elements.
Schedule is our initial selector, and strictly uses time for activation. It defaults to start immediately after publishing, and to never end. However, these choices are changeable, down to the minute.
The schedule for start and end dates (and times) is fully customizable.
To adjust dates or times, uncheck either blue box (Start or End), then click in the date field. A full editable calendar drop-down will appear, as well as drop-downs for hour, minute, and AM/PM.
The ability to choose your start and end dates & times is a nice flex.
Do you want your pop-ups to show up every day, or only certain days? All day, or only during certain hours? Whatever your preference, you can make it happen with Active On.
Click Selected Weekdays, and choose whatever day or combination of days that you want.
Active On let’s us choose to make our pop-up active only certain days.
Uncheck the blue box next to All Day and the time drop-downs become active.
Cater to early birds and night owls alike with Active On.
Even timezones have the ability to be tweaked. The default decides this using your visitor’s server, but you can fully customize it by clicking on Custom, then selecting from the drop-down.
Select any timezone you want by specific UTC, or geographical location by continent.
Next, we’ll explore triggers.
Triggers (Pop-up & Slide-in Only)
The point at which a Pop-up or Slide-In module activates is important, and personal preference for these variables can vary widely.
The wonderful thing about triggers, is triggers are wonderful things. 🙂
Triggers allow you to decide when, where, and how a pop-up appears, goes away, and/or comes back. There is a lot to unpack in these modifications, so let’s get started.
You can enable any combination of available triggers, or keep it simple with just one.
There are five different Triggers, each with its own subset of options.
Time Scroll Click Exit Intent Ad-Block
Let’s take a look.
Time modules will appear after the chosen period of time passes.
Adding a custom time delay to your pop-ups is fast and easy.
Scroll modules become active when the page is scrolled by a certain percentage, or when a user scrolls past a designated CSS element. Select the trigger you prefer, then input the settings.
Enter the selector class or id (of any on-page element) to use the CSS trigger.
Click modules display when a specified on-page element is clicked. Both of these click triggers can be used at the same time, as well as having active multiple instances of each trigger, on any page.
Both of these click triggers can be used at the same time, as well as having active multiple instances of each trigger, on any page.
Exit Intent ensures users see at least one conversion option before they leave a site.
Select Trigger once per session to ensure that a module only appears once.
Ad-block will display a module every time Hustle detects an active ad-block add-on or extension in a user’s browser.
Inputting delay time for the Ad-block pop-up.
Need some help identifying your element’s selector or rendering a trigger button? Check out the relevant sections in the plugin’s documentation.
Ok, that covers all the nitty gritty on Triggers. With one final, important note: You must enable at least one trigger for your module (pop-up, slide-in, embed) to appear. Without any triggers, there is no user action that will ‘trip’ it into activation.
Animation Settings (Pop-ups & Embeds Only)
Modules can be animated as they appear and exit the screen. Choose the desired entrance and exit animations from the drop-down menus, and use the Preview button to see what they will look like.
I will note that Pop-ups have options for both entrance and exit animations, while Embeds have entrance animation only.
Twenty-eight different entrance & exit animations to choose from — wow!!
And now let’s bounce right into slide-in positions…
Slide-In Position (Slide-Ins Only)
Where would you like your slide-in to appear from? Click any of the available edge areas to set your designated sweet spot.
There are eight available areas to target for slide-in position.
Next, we’ll look at some additional closing methods that fall outside of the ones we already covered.
Most modules require the interaction by a user to trigger their closure. These Additional Closing Methods are intended to resolve instances when users do not interact with the module.
When Close pop-up when clicked outside is set to on, it automatically selects the same option under the Closing Behavior/Closed by settings. Additional closing methods for your pop-up, other than closing it by clicking on “x”.
Let’s move on to shutting things down, or as social butterflies might say — knowing when to make a graceful exit.
Closing Behavior (Pop-ups & Slide-Ins Only)
These settings determine how a module will behave when it has been closed.
The options that appear here depend on which options are enabled in the Additional Closing Methods above.
Pop-up closed by the visitor by clicking on “x” icon is the default, and it is recommended to leave this enabled, as it provides your visitors with the most familiar option.
You can also choose to auto close based on a timer, or by clicking outside of the pop-up. Settings allow you to select any one of these options, or any combination of the three.
The Closed by options are based on selections enabled prior in Additional Closing Methods.
Your selection here will apply to the Closed By methods you select.
You can choose not to show a message on the post or page, across the entire site, or just keep showing the message.
Selecting either of the Do not show Behavior options will open the drop-down for time selection input in Reset this after.
Moving on to our last set of behavior mods, providing additional settings for other conditions.
These are a few additional options to give you more control over what happens when users interact with your page and/or module.
Page Scrolling (Pop-ups only)
If enabled, users can scroll a page while the pop-up is displayed.
Disable prevents users from interacting with the page until the module is closed.
Visibility after opt-in (Opt-in modules only)
This setting affects the pop-up visibility once a user has opted-in a form.
Visibility after CTA conversion
This appears only if Call to Action is enabled under the Content tab.
You can choose to keep showing, no longer show across site, or no longer show on a specific page/post.
If you select No longer show this module on this post/page, the module will continue to appear, per its configuration, elsewhere on the site.
External Form Conversion Behavior
This setting applies to forms or other plugins that have been integrated into a module from external sources.
You can opt to close, redirect to form target URL, or do nothing (used for Ajax Forms).
Selecting Close the slide-in or Redirect to form target URL will open additional input fields for adding a time delay.
Annnnd… that concludes our sequence on behavior settings.
We’ve gone through all the Behavior options in Hustle! You rock.
Continue to tweak the settings to your heart’s content, then publish to activate them, and prepare to behold the power you just unleashed.
As with all WPMU DEV plugins, publishing is never permanent. You can edit, preview, unpublish, or delete any of the modules you created at will.
Also, keep in mind that if your site only requires one or two pop-ups, slide-ins, or embeds, the free version of Hustle should be more than ideal for your needs (you can create up to three modules for each campaign type). For unlimited opt-ins, custom content, and social sharing, we recommend upgrading to Hustle Pro.
For the entire suite of plugins and site management services, including live, 24/7 support for anything WordPress related, give our free 7-day membership trial a go.
At Marketing Solution Australia we strive to deliverer elegant responsive websites for your business integrated with our personal SEO Optimization package to bring your pages on the first page of Google.