This guide explains how to use Hustle Pro’s online marketing and business development features to grow your company with a variety of opt-in and social sharing tools. 

Take the Fast Track

If you want a quick breakdown of how you can use Hustle’s powerful tools, read our blog on how to Get The Most Out Of Using Hustle.

Use the index on the left to quickly locate usage guidance on specific features.

If you haven’t installed Hustle Pro yet, then you should visit the Hustle page, where you can explore the plugin’s many features, download the free version, and where WPMU Dev members can install Hustle Pro directly to any connected site.

11.1 Dashboard

Link to chapter 1

The Hustle Dashboard provides access to every module and contains the stats monitor as well as overview panels for each module. The first time you access the Dashboard, there will be no data showing in any of the panels as there are no active modules created yet.

Hustle dashboard screen

Stats Overview

The Stats Overview provides a quick view of key data from your ongoing marketing and business development efforts. It’s a time saver for busy admins who need to quickly check a site’s status and move on, if all is well. If there is a problem with a module, the stats monitor is one of the first places symptoms are likely to appear.

For example, if you know there should be 17 modules active, seeing the number 16 there would be a red flag. An unusually large drop in the average conversion rate could indicate that some modules are not functioning. If a site normally converts 10 users a week, and the date of the last conversion was five days ago, something is definitely not right.

Hustle-dashboard-overview

By default, the stats overview displays the following information. The 3 metrics appearing on the right can be changed though to better suit your business; see Top Metrics in the Settings chapter below for more on that.

  • Active modules – This is the number of modules currently engaging users. A site may have many modules, but only those currently in use will be displayed. Inactive modules are displayed in the overview panels below the Stats overview.
  • Last Conversion – The date of the last conversion.
  • Average Conversion Rate – The average conversion rate—the percentage of site visitors who complete a transaction (make a purchase, subscribe to a newsletter, etc.)— is the fundamental indicator of a site’s performance, particularly for ecommerce sites.
  • Total Conversions – The total number of conversions for the site.
  • Most Conversions – The name of the module that produced the most conversions. It’s very valuable to know which modules are most effective with your audience.

Module stats overview

Once you have at least one module created, that module type’s area on the Dashboard screen will populate with handy links so you can manage your modules right from that screen.

Hustle-dashboard-module-overview

  • The dot in the Status column will be blue if the module is active, and light grey if inactive.
  • The graph icon next to that links to the conversion tracking statistics screen for that specific module.
  • Clicking the gear icon pops open a menu with handy action links to manage that specific module.

11.1.1 Module Dashboards

Link to chapter 1

Each module type – Popups, Slide-ins, Embeds & Social Sharing – also has its own dashboard screen with an overview of all modules with info and options similar to the main plugin Dashboard screen.

  • Published / Draft – Published modules are clearly indicated.
  • Tracking disabled – This tag appears if tracking was previously enabled on a module, then disabled.
  • Last conversion – Indicates the date & time of the last conversion for the module.
  • Edit – Click to open the editor for the specific module to edit its fields, etc.
  • Gear icon – Additional admin options appear in this submenu to Preview the module (for both Desktop and Mobile views), Publish/Unpublish, Duplicate, Enable/Disable tracking, Reset tracking data, Export/Import or Delete.

Hustle module dashboard screen

Note that the Preview feature will open in your wp-admin, but using a frontend page of your site, so you can see exactly how your module will look in your active theme. Here’s an example of what that looks like when previewing a Popup module:

Module preview works with a frontend page.

11.2 Creating Modules (Popups, Slide-Ins & Embeds)

Link to chapter 2

New pop-up, slide-in and embed modules are created the same way and share many customization options. This section covers the shared features for the Popups, Slide-Ins & Embeds modules.

Effective Popups

Creating attention-grabbing popups is made incredibly easy with the features offered by Hustle. For a quick guide to making effective popups, read our blog on how to Make the Perfect Popup with Hustle.

To create a popup, slidein or embed, either click the Create button in the corresponding section of the Dashboard panel, or select the desired module in the Admin Menu and click the Create button.

Create new Hustle popup

Choose Content Type

In the modal window that pops open, select whether your content should contain an email optin form, or be informational content instead.

  • Email Opt-in – This option creates a module which includes email collection functionality and integrations with 3rd-party apps. Select this option if you want to collect and save user email addresses to a local list and/or one or more 3rd-party apps.
  • Informational – No email collection functionality or integrations with 3rd-party apps. Select this option if you want to create a promotional module with no email collection needed.

An Informational module has the same set of options as an Email Opt-In module, which has a few additional ones pertaining to email collection & 3rd-party apps.

Hustle Those Subscribers

Looking to expand your current email subscribers? Check out our blog on How to Get the Most Email Subscribers Using Hustle to dive into all the little tips and tricks.

choose content type

11.2.1 Choosing a Template

Link to chapter 2

Our template options make it incredibly easy to publish high-quality marketing content on your site.

Once you have chosen your content type and given your module a name, click Choose Template. Depending on whether you have selected an Email Opt-in or an Informational module, there will be different templates available to you. In total, there are 11 different templates to choose from:

  • Minimalist
  • Spring Sale
  • Stay – Exit Intent
  • Foodie
  • Tech
  • Black Friday
  • Ad-Block
  • Newsletter Signup
  • Spin the Wheel
  • Give Away
  • Pandemic

You can also choose to Start from scratch to create a completely unique module.

template options

11.2.2 Content

Link to chapter 2

Content includes the elements you add to a module and the custom text you apply to those elements. The list below provides examples of the content options available for the three primary module-types:

  • Title – The module’s main title as it will appear to visitors.
  • Subtitle – A subtitle that appears below the title.
  • Feature Image – Use the image uploader to add a feature image. Research indicates modules containing featured images have a much higher conversion rate than those without.
  • Background Image – Give your module a background image.

  • Main Content – Use the editor to create and format a custom message.
  • Call to Action button – The CTA button allows you to link to another page.
  • ‘Never see this again’ Link – When clicked, the module ceases to appear when this user visits the site. Note that this option is not available in the Embed modules as it’s not needed.

Content options in Hustle popup module

With all content options enabled, your optin module could look like this example:

Example of a Hustle popup

11.2.3 Emails

Link to chapter 2

Email opt-in modules include a basic form to collect user information. Use the email options to customize the form’s fields and submission behavior and to configure a confirmation email if one is desired.

DID YOU KNOW?

WPMU DEV members are authorized up to 10 free email accounts that can be configured in minutes to display the member’s domain in the email address. See our Email Hosting product page for details.

Opt-in Form Fields

You can customize the email opt-in form by adding, removing and editing the form’s fields. By default, First Name, Last Name & Your Email fields are already included, but you can delete or edit them if needed. Click Insert Field to add a field(s) to the form.

Email filed settings in Hustle modules

Select the fields you want to add to the form. Multiple fields can be selected and inserted at the same time. The available fields include:

  • Name
  • Email
  • Phone
  • Address
  • Website
  • Text
  • Number
  • Datepicker
  • Timepicker
  • reCaptcha
  • GDPR Approval
  • Hidden Field

Select email fields to add to Hustle optin module

Click Insert Fields to insert the fields.

To edit a field’s options, click on the field itself or click the edit icon (gear) to open a drop-down menu and then click the Edit Field option.

The Edit Field modal organizes customization options under three tabs: Labels, Settings and Styling.

Labels tab

  • Label – This is what appears as the field label.
  • Name – This is the field name used internally for form submission. If you edit this, be sure it contains no spaces to ensure successful form submission.
  • Placeholder (optional) – Enter optional placeholder text that appears in the field until the user starts entering their own text.

Customize form field labels in Hustle optin module

Settings tab

Depending on the module, the Settings tab will offer one or both of the following options:

  • Optional/Required – When adding a new field, or editing an existing one, you can specify whether or not the field is Required in the Settings tab. When you select Required, an additional field will open so you can enter an error message that the user will see if they leave the field blank or incomplete. Each required field will have an asterisk ( * ) in the form to alert your user that the field must be answered.
  • Validate Field – With validation enabled, Hustle will check email addresses, time data, website URLs and dates to verify that the submitted data is in a valid format. Enabling this will let you enter a custom message users will see if the data is invalid.

Edit form field settings in Hustle optin module

Styling tab

  • Additional CSS Classes – You can set the Additional CSS Classes in the Styling tab in the field settings.

Here you can add a class to the field so you can add custom CSS (to add multiple classes, use a space to separate). This will help you, for example, separate one field from the others by adding some padding to it or to color a text of a certain field.

Additional CSS classes in Hustle module email fields

Submission Behavior

Use the Submission Behavior options to determine what happens when an opt-in form is successfully submitted. Options include returning users to the original page while displaying a success message or redirecting users to a new page.

  • Success message – Use the editor to create a custom message that users will see when the form is successfully submitted. The Auto close options at the bottom determine how long the success message will display.
  • Redirect – Enter the URL for the page you want users to be redirected to following a successful submission.

Success message displayed when submitting Hustle optin module

Automated Email

Enable this feature to automatically send an email to users following a successful submission.

Use the fields provided to determine if the email is sent immediately or after a specified delay.

The email can be delayed anywhere from a few seconds to several days using the Delay option or can be scheduled to be sent at a specific time using the Schedule option.

Email sent when submitting Hustle optin module

11.2.4 Integrations (Modules)

Link to chapter 2
Connect your apps first

Hustle supports the integration of several apps into your modules, allowing you to share submission data with third-party services.  Before apps can be integrated into a specific module, however, they must be connected to Hustle. Each app connects in a unique way, so we’ve created a separate Integrations section with unique guidance for each app, which you will find here, Integrations.

11.2.5 Appearance (Modules)

Link to chapter 2

The elements contained in each module are created in the Contents tab, and the Appearance tab is where those elements are given their custom design. The key to a good design is to add the elements you want in the Content section first, then customize the module’s design.

Mobile Settings

The mobile settings feature allows you to customize your module’s appearance for mobile devices. To enable this feature, click on the Custom Mobile Settings toggle and navigate to the mobile tab.

enable mobile settings

Note: The Layout, Color Palette, Font Family and Typography, Vanilla Theme, and Custom CSS settings for the mobile view are inherited from the Desktop settings. While majority of these settings can be altered, the Layout and Color settings cannot be changed for the custom mobile settings.

Choose Layout

Use the layout feature to decide how you want the module’s elements positioned relative to one another. Try different layouts and use the Preview feature to see which one works best. The preview feature allows you to choose between a Desktop or a Mobile view so that you can be extra sure that your layout will look perfect, no matter what device your visitors are using.

choose layout option

For example, the images below of are of the same module with the only difference being the selected layout.

Default Hustle popup module layout
Default – Perfect for most projects
Compact Hustle popup module layout
Compact – Great for when your featured image is a big part of the message
Opt-In Focus Hustle popup module layout
Opt-In Focus – Good choice for longer forms
Content Focus Hustle popup module layout
Content Focus – Great for when your textual content is most important

Customize Elements

Adjust your elements to suit your preferred appearance.

Feature Image

Use the feature image controls to adjust the position of the feature image with the layout. Remember, the selected layout determines the feature image’s default position. The feature image controls allow you to make subtle changes in the way the image appears.

  • Alignment – Choose whether you want your image to appear to the left, right, above or below the content in your module.

feature image alignment

  • Size – Select a predefined size in terms of percentage or set a custom size according to pixels.

feature image size settings

  • Fitting & Position – Customize how you want the image to fit in its container. The Cover and Contain options can be further tweaked with the Horizontal and Vertical positioning settings.

feature image fitting and position

Background Image

Customize your background image with the following settings:

  • Background Size – You can choose your size setting to be Auto, Contain, Cover or Custom, which allows you to manually input a width and height.

background size settings

  • Position – The alignment of your image can be adjusted to be left, right or centre aligned. Alternatively, you can set the horizontal and vertical values to create a custom position.

background image position

  • Background Repeat – Decide if you want your background image to be repeated to create a pattern of the same image. This can be repeated both vertically and horizontally with the repeat mode. You can also choose repeat-x, repeat-y or none.

background image repeat setting

Call to Action

This setting allows you to choose the alignment of your Call to Action button. The options are:

  • Left – Aligns to the left.
  • Center – Places the button in the center.
  • Right – Aligns to the right.
  • Stretch – Places the button in the center but elongates the button size to fill the space horizontally.

call to action button alignment

Opt-in Form

The Opt-in Form settings allow you to change the layout and spacing details of your opt-in form.

  • Form Layout – Form positioning can either be inline or stacked.

opt-in form layout

  • Form Fields – Adjust your field icon animation settings and field proximity.

opt-in form fields settings

Typography

By default, your module inherits font styles from your theme. To leave the fonts as is, select Default. However, the typography settings enable you to use Google Fonts to customize your font style. This can be done by selecting Custom.

To apply a new font-family to all your elements, select a font from the Font Family drop-down menu and click Apply. You can also apply a custom font by selecting Custom user font in the Font Family menu and typing your font into the Custom Font Family region.

typography for all elements

Font Styles

The font styles of individual elements can also be customized.

General

Target the General tab to change the following elements:

  • Title
  • Subtitle
  • Main Content
  • Call to Action – Button
  • “Never see this again” Link

general font style elements

For each element, you can adjust both Basic and Advanced settings:

  • Basic – Choose the font family, custom font family, font size, font weight and change the alignment.
  • Advanced – Use this to customize the line height and the letter spacing. You can also set the text transform to control capitalization, as well as the text decoration to add underlines, overlines and strikethroughs.
Opt-in

Adjust your font style in the Opt-in tab to change elements including:

  • Form – Input and Select
  • Form – Submit Button
  • Error Message
  • Success Message

opt-in font style elements

Each of these elements can be customized with the same Basic and Advanced settings for the General tab where relevant to the element. Don’t like your changes? Click the Reset button to revert back to your original settings.

Colors

Use the Color Palette drop-down menu to choose from one of six pre-defined color schemes, or modify that default scheme if you wish to create your own custom palette.

default color palettes

Below are examples of how the default color schemes make varying the appearance of your modules quite easy. These are the same module, each with a different default color scheme applied.

hustle-popup-appearance-colors-example-blue
A module with the Blue color scheme applied.
hustle-popup-appearance-colors-example-sunrise
The same module with the Sunrise color scheme applied.

Alternatively, you can fully customize the colors yourself.

General

The elements that you can customize under the General tab are as follows:

  • Pop-up Container – Edit the overlay color for the area surrounding the main content of your pop-up modules.
  • Main Layout – Customize the border, background and box shadow colors of the main area.
  • Layout Content – Select different colors for the border and background of your main content area, which includes your feature image.
  • Layout Footer – This footer section is visible when the Call To Action is enabled.
  • Feature Image – Change the background color of the featured image.

general color elements up to feature image

  • Content Wrapper – Edit the area around your content by changing the border and background colors.
  • Title – Edit the font, border, background and box shadow color for your module title.
  • Subtitle – You can customize the font, border, background and box shadow color for this block.
  • Main Content – Adjust the border, font, ordered list counter, unordered list bullets and blockquote border of the immediate main content section.
  • Call to Action – Container – Change the color of your CTA border color.
  • Call to Action – Button – Customize the label, border, background and box shadow colors for the default design plus the hover and focus designs.
  • Close Button – You can adjust the close icon color with this setting.
  • “Never see this again” Link – Personalize the color used for the font of this message.

remainder of general color elements

All of the colors in these elements can be fully customized by using the color picker or by typing in a hex color code.

Opt-in

Much like the General tab, you can create the perfect color scheme for yourself by adjusting the elements individually in the Opt-in tab. The elements that can be adjusted are:

  • Form Container – Add your own colors for the border and background of your form container.
  • Inputs – Select the icon, placeholder, font, border, background and box shadow color. These can be chosen for the default, hover, focus and error actions.
  • Submit Button – Edit the border, background, box shadow and font color for the default, hover and active cases.
  • Error Message – Customize the border, background and message color for your error message.
  • Success Message – Personalize the color for the border, background, box shadow, success icon and content.

opt-in color elements

Made a mistake? No problem, just click the Reset button to revert the colors back to their default values.

Advanced

With the advanced customization tools, you can really hone in on perfecting the look of your modules.

Border, Spacing and Shadow

The default settings in this section suit most designs perfectly but if you want to personalize your elements even more, you can do so by adjusting the settings for your General and Opt-in elements. The adjustable elements are the same as mentioned above in the Colors section, except for Layout Footer and Feature Image.

For each element, you will be able to customize up to five different aspects of your design. These aspects are:

  • Margin – Add margins either above or below, as well as to the left or right of the element.
  • Padding – Create padding around each side of the element.
  • Border – Adjust the weight of the border and select the type of border.

margin padding and border settings

  • Border Radius – Individually change the border radius for each corner.
  • Box Shadow – Customize the X and Y-offset values, as well as the blur and spread of the shadow.

border radius and box shadow settings

Note: When the link icon is enabled, all of the fields for the one aspect will sync and all equal the same value. For example, if you know that you want 10px padding on all sides of your element, you can input 10px in the first field, click the link icon and the remaining three fields will automatically be set to the same setting of 10px. To disable the link feature, click on the broken link icon.

link and broken link icons

If you want to remove all of your changes, you can click the Reset button.

Pop-up Size

Choose to use the default pop-up size or customize both the width and height to achieve a unique size.

pop-up custom size

Vanilla Theme

The Vanilla theme is useful when using custom CSS to design your module yourself. It does not affect the module’s contents or the selected layout. However, enabling this option does disable the following design options:

  • Typography
  • Colors
  • Border, Spacing and Shadow
  • Pop-up size

Note that the Vanilla option here inherits your theme’s CSS. So if your theme happens to have CSS selectors that match any of the Hustle module’s elements, the module will inherit that CSS and you may need to override things in your own custom CSS below.

enable vanilla theme

This image below shows what the Vanilla option looks like with no CSS from the active theme interfering. Note that the module background will be transparent so if you don’t set a background color or image for your module in your custom CSS, your page content will show through.

Vanilla theme example in Hustle module appearance settings
The Vanilla theme hides all styling but leaves the content and layout unchanged.

Custom CSS

You can design a custom modal to display your module’s contents using CSS. This can be activated by clicking on the Enable custom CSS toggle and by using the selector buttons provided to quickly design a custom module.

enable custom css functions

11.2.6 Display Options (Embeds Only)

Link to chapter 2

The Embed module has some additional display options allowing to select how your embedded module should appear in your posts & pages.

  • Inline Content – Select either Below, Above or Both to automatically add your embedded content at the specified position in your posts & pages.
  • Widget – Enabling this option makes a Hustle widget available under Appearance > Widgets so you can add any embed to any widgetized area of your theme.
  • Shortcode – Creates a shortcode you can use to add your embed anywhere shortcodes are accepted.

Display options in Hustle embed module

11.2.7 Visibility (Modules)

Link to chapter 2

By far, the chief complaint about pop-ups it’s that they appear too often to people who have no use for them. Ensuring that marketing messages are as precisely targeted as possible will greatly improve conversion rates while also minimizing the potential annoyance to uninterested users. Hustle allows you to choose where and under what conditions your module will appear by applying conditional visibility rules.

Hustle uses conditional logic rules that, strategically configured, will ensure your module only appears to users you want to see it without interfering with the experience of users for which the module has no value. Remember, in the absence of a rule preventing it, all modules will appear on every post and page of your site. If you have more than one active pop-up, you can see how that might get real old, real fast for returning users.

For example, a visibility rule can dictate that a module should only appear to logged-in users, or conversely, that it should appear only to users who are not logged in. A more complex example would be a rule that displays the module to users who are not logged in and who accessed a specific page or post directly from a search engine or even more interestingly, from a specific URL.

Naturally, Hustle supports conditional rules that dictate on which pages and posts a module will display, but it also provides several additional conditions that can be used to refine basic page/post rules.

We recommend that you take the time to carefully consider where and when you wish a module to appear before configuring visibility rules.

Visibility Condition Groups

You can create multiple condition groups, each with their own set of rules. Each condition group can be set to Show or Hide the module if Any or All of the conditions in the group are met.

To add a new condition group, click the Add Condition Group button. The Embed module also allows you to choose on which of its Display Options the condition group should apply.

Visibility options in Hustle modules

As an example, let’s say you have a module you want to show on a specific page of your site to users with the Author role who login with their mobile device, and also show that same module to site visitors on a different page regardless of the device used.

You would set up 2 Condition Groups with the following Visibility rules:

Condition Group 1:

  • Logged in statusLogged-In
  • Visitor’s DeviceMobile Only
  • PagesOnly these pages: Logged-In-Page
  • User RolesOnly These: Author

Condition Group 2:

  • Logged in statusLogged-Out
  • PagesOnly these pages: Logged-Out-Page

Example of condition groups in Hustle visibility options

Note that all rules you create will apply, so you’ll want to be careful to not create conflicting rule groups to avoid any unwanted display behavior.

Visibility Conditions

To add a visibility condition to a group, click the Add Conditions button in that group.

Each of the conditions below can be configured to authorize or prevent a module from displaying. Click on any one to jump to that condition’s usage instructions. Note that if you have any custom post types in use on your site, Hustle will recognize them and visibility conditions will be available for them as well.

Available visibility conditions in Hustle modules

Posts

  • Select All Posts Except to have your module show on all posts, except the ones you specify in the list below.
  • Select Only These Posts to have your module appear only on the selected posts.

Then just start typing in the post list field to bring up a list of posts matching the entered search text, and add the one(s) you want to apply to this condition.

Posts visibility condition in Hustle modules

Pages

Configuration of this condition is identical to that of the Posts condition above, except you’ll select the pages this condition should apply to.

Pages visibility condition in Hustle modules

Categories

Configuration of this condition is identical to that of the Posts condition above, except you’ll select the post categories this condition should apply to.

Note that this condition only applies to single posts belonging to the selected categories; it does not apply to category archives.

Categories visibility condition in Hustle modules

Tags

Configuration of this condition is identical to that of the Posts condition above, except you’ll select the post tags this condition should apply to.

Note that this condition only applies to single posts with the selected tags; it does not apply to tag archives.

Tag visibility condition in Hustle modules

Archive Pages

Configuration of this condition is identical to that of the Posts condition above, except you’ll select the archive pages this condition should apply to.

Note that you can only specify the type of archives pages this condition should apply to. If you need to specify individual archive pages for specific post categories, tags, etc, use the Specific URL condition below.

Archive visibility condition in Hustle modules

Static Pages

Configuration of this condition is identical to that of the Posts condition above, except you’ll select the static pages, like search results, this condition should apply to.

Static page visibility condition in Hustle modules

User Roles

Configuration of this condition is identical to that of the Posts condition above, except you’ll select the user roles this condition should apply to.

User role visibility condition in Hustle modules

Page Templates

Configuration of this condition is identical to that of the Posts condition above, except you’ll select the page templates from your theme this condition should apply to (any custom templates you may have added to your theme will also be available here).

Page template visibility condition in Hustle modules

Visitor’s Device

Select Mobile Only to have your module show only on mobile & tablet devices. Select Desktop Only to have your module appear only on the desktop computers.

Visitor device visibility condition in Hustle modules

Visitor’s Browser

Configuration of this condition is identical to that of the Posts condition above, except you’ll select the browsers this condition should apply to.

Visitor browser visibility condition in Hustle modules

Logged-In Status

Select whether your module should show only for logged-in users, or only for logged-out users.

Logged in status visibility condition in Hustle modules

Visitor’s Country

Configuration of this condition is identical to that of the Posts condition above, except you’ll select the visitor countries this condition should apply to.

Visitor country visibility condition in Hustle modules

Source of Arrival

  • Direct – Select this option to show your module to users who manually enter the page URL in their browser’s address bar.
  • An external page – Select this to show your module to users who click through to your page from some other site.
  • An internal page – Select this to show your module to users who click through to your page from another page on your site.
  • A search engine – Select this to show your module to users who arrive at your page from a search engine results page.
  • Not a search engine – Select this to show the module to users who do not arrive from a search engine results page.

Source of arrival visibility condition in Hustle modules

Referrer

  • Select Specific referrer to show your module to users who arrive on your page from specific sources (referrer URLs).
  • Select Not specific referrer to show your module to users who arrive on your page from anywhere except specific sources (referrer URLs).

Referrer visibility condition in Hustle modules

Specific URL

Configuration of this condition is identical to that of the Posts condition above, except you’ll list the specific site URLs this condition should apply to.

Take note this condition is a powerful one and it will override all other page, post, category & tag conditions you may have set up.

Specific URL visibility condition in Hustle modules

After Registration

  • From – Enter the number of days after registration to begin showing your module to new users.
  • Up To – Enter the number of days after registration to stop showing the module to new users.

After registration visibility condition in Hustle modules

Number of times visitor has seen

  • Less than – If the visitor has seen your page less than “x” times, show or hide according to the group setting at the top.
  • More than – If the visitor has seen your page more than “x” times, show or hide according to the group setting at the top.

Page views visibility condition in Hustle modules

Visitor Commented Before

According to the Show/Hide option at the top of the group, show/hide the module if the visitor has commented before (select True) or has never commented before (select False).

User-has-commented visibility condition in Hustle modules

Select whether your module should show or hide depending on whether a specific cookie exists or not in the user’s browser.

If the use the Exists option, you can specify the cookie value as well.

Browser cookie visibility condition in Hustle modules

11.2.8 Behavior

Link to chapter 2

The Behavior tab settings determine when and how a module appears and exits a page.

Schedule

By default, your module starts appearing on your site as soon as it’s published. But you can create a schedule to control exactly when it appears and when it stops appearing as well. Click the Schedule button to continue.

Create a display schedule for Hustle modules

Schedule Between

If you want your module to display always per its defaults, just leave the Start immediately after publishing and Never end the schedule checkboxes checked in the scheduling modal. Otherwise, use the date and time-pickers to select the precise day and time your module starts displaying and/or when it stops.

The example below shows the module scheduled to start displaying immediately and stop displaying at midnight on June 30, 2020.

Set dates and times in Hustle module schedule

Active On

By default the module will show every day & all day according to the start and end dates & times you set above, but you can fine-tune that here. If you want your module to appear only on specific days of the week, click Selected Weekdays and check the days of the week you want it to show.

If you want to schedule the module to appear only between certain times on the selected days, uncheck the All Day checkbox and set the display times. The example below shows the module scheduled to display from Tuesday to Saturday, between 9a.m. and 6p.m.

Adjust display days and times in Hustle module schedule

Schedule Timezone

By default, your module schedule will be set according to the server timezone specified under Settings > General > Timezone in your site admin. But you can change that here if you want the module to display at the set times in a different timezone; for example, for your overseas customers.

Set timezone in Hustle module schedule

Triggers (Popups & Slide-Ins Only)

The point at which a Popup or Slide-In module appears on a page can be important. You may want visitors to see the module the moment a page opens, before the they have time to view or interact with the page’s content. On some pages you may wish to give visitors time to view the page’s content before the module appears.

To set a trigger, select the tab of the desired trigger and configure the settings as described below.

Time

With this option, modules will appear after the indicated period of time passes. Select a unit of time from the drop-down menu and enter the delay period in the Add delay field.  A delay of 0 (zero) triggers the module the moment the page loads.

Behavior option to show a module after a specified time

Scroll

The scroll trigger displays a module  when the page is scrolled by a certain percentage or when a user scrolls past a designated CSS selector.

The first thing to do is select the radio button that corresponds with the scroll trigger you prefer.

  • After the amount of page scroll – Set the scroll percentage in the field provided. Use the Preview feature to find the scroll point at which you want the module to appear.
  • After the passed selector – To use the CSS trigger, enter the selector class or id of of any on-page element, and the module will be displayed the first time the user scrolls passed that element.

Behavior option to show a module during page scroll

Click

There are two types of click triggers. The first (Click on existing element) involves creating a trigger for any HTML element on the page that will display the module when users click that element; and the second (Render an new button) adds a new button anywhere on the page that triggers the module when clicked. Both types of click triggers can be used at the same time, and in fact, multiple instances of each trigger can be added and active at the same time on any page.

Behavior option to show a module when a page element is clicked

Click on existing element

There are three important things to remember when adding click triggers to HTML elements:

  • Adding a trigger to an HTML element does not change the element’s appearance. Users will not know the element is a trigger unless they click it.
  • Triggers added to HTML elements will either temporarily or permanently override any other functionality the element may have, depending on the option you select in the Closing Behavior settings below.
  • Triggers are active only when the module to which they apply is active. Once a module has been closed, either by user action or by automatic closing method, the trigger is disabled.

Those last two points require some elaboration. Say, for example, that one of the click triggers you configured is also a hyperlink. The first time a user clicks that link it will not open the target URL as it normally would, but instead will trigger the module. Once the module is closed, the trigger will be disabled and the hyperlink’s functionality will be restored the next time that page is visited, but only as long as the Closing Behavior option selected is not Keep showing this message. If that option is set to Keep showing this message, that trigger will always be active and will always trigger the module when clicked.

To turn any HTML element on a page into a trigger, add the element’s selector to the field provided. You can turn as many HTML elements as you want into triggers by adding multiple selectors to the list, separating each with a comma, as shown in the example below.

Enter CSS selector to show a module when the page element is clicked

How to identify an element’s selector

To identify an element’s CSS selector in Chrome, Firefox, Opera and Internet Explorer:

First, right-click on the element, and choose the Inspect or Inspect Element option.

This will open a developer console with the element’s code highlighted. Now, in the console:

  1. Click the three dots to the left of the highlighted code to open the menu.
  2. Click Copy
  3. Click Copy selector

The element’s selector is now in your clipboard. Paste the selector into the field provided to add a trigger to the selected element. Save your changes, and use the Preview button to test the trigger.

Note that while the above method may be sufficient for most cases, it does not copy the selector’s specific class to your clipboard. So if you need that for your trigger, look at the highlighted element’s HTML and you’ll see its ID if there is one, as well as all its classes. Use a class if you want all elements with that same class to become Hustle module triggers, or use the element ID if you want only that one element to be used as the trigger.

Identify an element's CSS selector to use as a Hustle module trigger

Render a new button

When the Render a new button feature is enabled, Hustle creates a shortcode that can be inserted virtually anywhere on a page with the shortcode feature available in the WordPress editor. By default, the button contains the label Click, which you can see below nested within the shortcode.  That text can be modified as necessary by replacing the word “Click” with the text you want to appear in the button.

Shortcode to render the trigger element for a Hustle module

By default, the button has the appearance of a typical hyperlink, but you can modify the button’s appearance with CSS added to the WordPress customizer,  Admin Menu > Appearance > Customize > Custom CSS. The image below shows the button in its default state and the same button customized with CSS. Note that multiple buttons can be added to any page.

Default Hustle trigger styled with CSS

Exit intent

Exit intent triggers will display a module when users’ mouse moves toward a page’s close options, typically the close (X), forward or back buttons. The feature ensures that users see at least one conversion option before they leave a site.

  • Trigger once per session – Enabling the Trigger once per session will ensure that a module only appears once. This prevents a an endless loop of the module appearing, being closed and then appearing again as the user attempts to leave the page again. It also ensures that users will see the module on a given page only once if they visit the same page multiple times in a single session.
  • Add delay – Enabling the Add delay feature will delay the module’s appear for the time frame set in the fields provided.

Behavior option to show a module on exit intent

Ad block

Enabling the Ad block feature will display a module every time Hustle detects an Ad Block addon or extension active in a user’s browser. You can also specify an optional delay before the popup should appear.

Behavior option to show a module when Adblock detected

Animation Settings (Popups & Embeds Only)

Modules can be animated as they appear and/or as they exit the screen. Choose the desired entrance and exit animations from the drop-down menus, and use the Preview button to preview the animations.

Note that Popups have options for both entrance and exit animations, while Embeds only have entrance animation.

Animation options in Hustle modules

Slide-In Position (Slide-Ins Only)

Select the screen location from where you’d like your Slide_in to appear. You can set it to appear from any of these areas:

  • Top-left, center or right
  • Left or right-center
  • Bottom-left, center or right

Position options in Hustle Slide-In module

Additional Closing Methods (Popups & Slide-Ins Only)

Most modules require user interaction to trigger their closure. These options are intended to resolve those instances when users do not interact with the module.  They include:

  • Auto Close – Close modules after the period of time you set by configuring the fields provided.
  • When clicked outside (Popups only) – Close modules when users click the page anywhere outside the module.
  • After CTA Conversion (Popups only) – Many Call-to-action buttons redirect users to a new page, and if configured to do so, will close the original page in the process. However, if a CTA opens in a new tab or does not require redirection,  these controls ensure the module does not remain open on the original page indefinitely.

Behavior options for closing Hustle modules

Closing Behavior (Popups & Slide-Ins Only)

These settings determine how a module will behave when it has been closed, and you can select to which closing options this behavior should apply.

Closed by

The option 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 – This is the default and it is recommended to leave this enabled so your site visitors can click the “x” ixon to close the module if they so wish.
  • Auto closed based on the auto close timer – Check this option to have the behavior apply when the module closes according to what you set in Auto-Close pop-up above.
  • Pop-up closed by clicking outside of the Pop-up (Popups only) – Check this to have the behavior apply when the user closes the popup by clicking outside of it.

Behavior

Your selection here will apply to the closing methods you have selected just above.

  • Do not show this message on this post / page – This setting ensures that users only encounter a given module once on any given page, regardless of whether or not they interact with it. This setting will not prevent users from seeing the same module on another page where it is configured to appear.
  • Do not show this message across the site – This setting ensures that users only encounter a given module once anywhere on your site, regardless of whether or not they interact with it.
  • Keep showing this message – This setting allows modules to repeatedly appear to users until the module is disabled by some other action, such as submission.

For the first two options above, use the Reset this after field and drop-down menu to choose a future point in time when the module will once again be displayed to users for whom it had been disabled.

Additional behavior options for closing Hustle modules

Additional Settings

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 (Popups only)

Select Enable to allow users to scroll a page while the popup is displayed. Modules will maintain their position on screen during scrolling. Selecting Disable will prevent users from interacting with the page in any way until the module is closed.

Visibility after opt-in (Optin modules only)

  • Keep showing – This setting will allow the module to continue to appear in accordance with all other settings even after a user has accepted or opted-in.
  • No longer show across the site – This setting will disable the module everywhere it appears after a user opts-in.
  • No longer show on this page/post – This setting will disable the module only on the page from which the user opted in. It will continue to appear per its configuration elsewhere on the site.

Options for optin visibility after closing the Hustle module

Visibility after CTA conversion (Appears only if Call to Action is enabled under the Content tab)

  • Keep showing – This setting will allow the module to continue to appear in accordance with all other settings even after a user has accepted or opted-in.
  • No longer show across the site – This setting will disable the module everywhere it appears after a user clicks the CTA button.
  • No longer show on this page/post – This setting will disable the module only on the page from which the user clicks the CTA. It will continue to appear per its configuration elsewhere on the site.

Options for module visibility after CTA click in Hustle module

External Form Conversion Behavior

This setting applies to forms from external sources or other plugins that have been integrated into a module.

  • Close – This setting will close a module containing an external form once a user has submitted that form. Users who do not submit the form will continue to see the module in accordance with other settings.
  • Redirect – This setting will redirect users to the form’s target URL when the form is submitted.
  • Do nothing – This setting will allow the Visibility after opt-in settings to apply to modules integrated with external forms.

Options for Hustle module visibility after submitting a 3rd-party form

11.3 Social Sharing

Link to chapter 3

Hustle’s Social Sharing feature allows you to add customized social network icons to any page or every page of your site.

NOTE

Hustle’s Social Sharing element  can be displayed in three ways–floating, inline and as a sidebar widget. We encourage users to take time to understand these display options before committing themselves to a social sharing strategy. A thorough explanation is located below in the Display Options section.

11.3.1 Services

Link to chapter 3

Begin by clicking the Social Sharing tab in the Hustle Pro admin menu. This opens the Services tab, which is where you add the social networks you wish to make available on your site.

Counter

When enabled, a share counter appears next to each social network icon in the share box, and displays the number of times users have shared your site’s content to their own social networks.

Enable share counter in Hustle social sharing module

The share box with counter enabled could look like this example on your site and, of course, it can be customized using the Display & Appearance options below.

Share counter in Hustle social sharing module

Social Services

To add one or more social networks click Add Platform, then select the platform(s) you want to display, then click Add Platform.

Available social platforms in Hustle social sharing module

Configuring a platform

To configure a platform’s basic settings, click the arrow to reveal the drop-down menu.  These settings include a counter style, the default counter number to start at, and a field in which the URL that links to the social network should be entered.

Configuring a social platform in Hustle social sharing module

11.3.2 Display Options (Social Sharing)

Link to chapter 3

Hustle’s social sharing element can be displayed in any of four ways:

  • Floating – Displays an “always visible,” sticky element at the top, left, right or bottom edge of your site’s pages.
  • Inline – Displays the element within a page’s main content area using Hustle’s Social Sharing content block.
  • Widget – This option adds a Hustle widget to the Available Widget list located under the Appearance tab that can be applied to a site in the same manner as any other widget.
  • Shortcode – This option creates a shortcode you can use to embed the element anywhere shortcodes can be used.

Floating Social

The Floating Social element displays the social network icons added in the Services tab in a sticky element that, by default, appears on each page and post of a site.  Admins can choose which pages and posts display the element using the conditional rules available under the Visibility tab.

The Floating Social module can be enabled for both desktop and mobile devices, and the configuration options are the same for each. It is recommended that you use your mobile device or mobile emulator tools (such as the ones available in your browser’s Developer Tools) to achieve the best possible appearance on mobile devices.

To configure the element for desktop devices, ensure that the desktop slider in enabled, then use the Horizontal and Vertical position controls to determine where on the page the element will appear.

  • Horizontal Position – Choose to position your floating social box to the left or right edge or centered on the screen.
  • Vertical Position – Choose whether the box should appear at the top of the screen or the bottom.
  • Offset – Adjust the position of the share box if needed to offset it “x” number of pixels from the top and left edges of the screen. You can choose to offset relative to the screen, or relative to any CSS element you prefer, like the main content area perhaps.

Desktop display options for Hustle floating social module

Below is an example of the Floating Social module in its default position on a desktop screen at the top left edge of a page.

Example of Hustle floating social module on desktop screen

And here’s an example of the same module in its default position on a tablet-sized screen at the top and center of a page.

Example of Hustle floating social module on tablet screen

Inline Content

This option enables you to automatically add a social sharing box above and/or below the main content of your posts and pages.

  • Position – Choose whether the share box should appear above or below your post content, or both above and below.
  • Alignment – Choose to show the box to the left, right or centered.

Display options for Hustle inline social module

Below is an example of the inline share box appearing at bottom left of the post content.

Example of Hustle inline social module

Widget

Enabling this option will add a new widget named “Hustle” under the Available Widgets list. You can go to Appearance > Widgets and select the social share module you want to add to any widgetized area of your theme.

Hustle social share widget in Appearance - Widgets

Shortcode

Enable this option to automatically generate a shortcode for your social share module that you can use anywhere you like.

Shortcode available for Hustle social share module

The appearance of both the widget share box and shortcode-generated share box is identical to that of the inline share box. You can customize the appearance of all in the next section.

11.3.3 Appearance (Social Sharing)

Link to chapter 3

These options enable you to fully customize the appearance of your social sharing boxes to better match your brand & site layout.

Live Preview

For each of the styling sections (Floating Social and Inline / Widget / Shortcode), there is a live preview module that will show you exactly how your share box looks as you adjust any options.

Icons Style

Select the icon style you prefer for your social sharing boxes. Below is an example of each of the available icon styles.

Icon styles in Hustle social sharing module

Floating Social and Inline / Widget / Shortcode

The options for both the Floating Social style, and the Inline, Widget & Shortcode share box styles are identical, so we’ll just cover one here.

Customize the default color scheme of your social sharing box. Use the color pickers to customize the color settings for any element including the icons if the default colors don’t match your design. Note that the Custom color option will make all icons the same color.

Icon styling options in Hustle social sharing module

Drop shadow

Enable this option to add a drop shadow to your floating social share box, and adjust the x & y offset values, as well as the blur, spread and color of the drop shadow.

Drop shadow options in Hustle floating social module

Inline counter

This option simply displays the share counter to the right of the icons in your social share box instead of underneath them (default).

Animate icons

This option will make the social share icons “bounce” once as the user’s mouse hovers over them.

11.3.4 Visibility (Social Sharing)

Link to chapter 3

Configuration of the visibility conditions for the social sharing modules is done in exactly the same manner as for any other module. For more info, see the Visibility (Modules) chapter above.

Just like when creating a Condition Group for the Embed module, you can choose on which of the Display Options the condition group should apply.

Visibility options in Hustle social share module

11.4 Integrations

Link to chapter 4

Hustle supports the integration of several apps into your modules, allowing you to share submission data with third-party services. Integrating a third-party app involves, first, connecting the app to Hustle, and second, integrating that connected app into a specific module.

IMPORTANT

Each supported app requires users to create an account on the app’s website before it can be connected. In many cases, accounts can be created for free, and sometimes basic features are also available for free. However, in order to use the data gleaned from your website, more often than not, a paid account is required.

Once you understand how your app and Hustle will work together and have created on the app website any lists or objects you will need, navigate in Hustle to the main Integrations tab, locate the app you wish to connect in the list of supported apps and click the plus (+) symbol next to that app.

Find your app and click the plus (+) symbol.

We’ve created walkthroughs for each available app as examples of how to properly connect and integrate them with a Hustle module. If you’ve never worked with Integrated apps before, it may be helpful to review these walkthroughs to see what the process may entail.

Below are the apps currently supported by Hustle.

App integrations available in Hustle

Click the link below for the app you wish to integrate to view an available walkthrough for that app.

11.4.1 Prepare to Connect

Link to chapter 4

Apps must be connected to Hustle before they can be integrated into a module, and it’s important to know that some configuration may be required within the connected app account before it will successfully integrate with Hustle. Sometimes this can be accomplished from Hustle during the connection process, while other times you will need to log in separately to that account and create a list or other object before the app can be integrated.

Generally speaking, the following are required in order to properly integrate an app with Hustle:

  • Account – All supported apps require a unique user account that must be created on the app’s website.
  • Integration authorization – In almost every case, an authorization step of some kind must be completed before a third-party app will communicate with Hustle. Sometimes that authorization can be obtained with a simple click of an “Accept” or “Authorize” button when connecting the app to Hustle. Other times the authorization comes in a form–such an API key–that can only be obtained by logging into the app’s website and following the guidance provided there.
  • An object to accept data – Typically, supported apps organize your data and deliver the app’s service using objects, such as lists. Sometimes these objects can only be created by logging into your account on the app’s website and following the usage guidance provided there, before attempting to integrate the app into a Hustle module.

For example, the app Hubspot compiles collected data into lists. In order to integrate a Hubspot list into a Hustle module, the list must have already been created in Hubspot so it shows in the drop-down menu that appears during the integration process as shown below.

11.4.2 Local List

Link to chapter 4

Local list is not a connected app, however, it functions like one, so we’re including guidance here on configuring a local list.

You can create a unique list–a “local list”–of email addresses collected by each module. All the Local Lists you create will appear in the Email Lists section. To create a Local List for any module, click the edit (gear) icon next to Local List. Give this list a unique name, and click Save.

User data collected from this module will be added to this list, and can be viewed under the Email Lists tab. See the Email Lists section below for guidance on how to make the most of the data your modules’ collect.

11.4.3 Active Campaign

Link to chapter 4

To connect your ActiveCampaign account to Hustle, begin by clicking the plus symbol next to ActiveCampaign.

This will bring up a pop-up screen where you need to add your ActiveCampaign API credentials:

ActiveCampaign integration with Hustle

To get those credentials, log in to your ActiveCampaign account, go to Settings > Developer. Then copy the required URL/KEY from the API Access module

Get ActiveCampaign API key for integration with Hustle

Paste those credentials into your Hustle integration window and press the Connect button. You’ll then see ActiveCampaign successfully added to the Connected Apps list.

ActiveCampaign successfully integrated with Hustle

Now that ActiveCampaign is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your ActiveCampaign lists. To connect an Opt-In module to ActiveCampaign, go to the Integrations screen in that module’s wizard and click the plus sign for the ActiveCampaign app.

Select ActiveCampaign integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to ActiveCampaign account in Hustle opt-in module

By default, Hustle integration connects to your existing ActiveCampaign lists. Check the box if you want to connect to one your forms instead.

Select ActiveCampaign lists or forms in Hustle opt-in module

Then, according to that selection, choose the list or form you want to use for this integration (click the Back button if you want to switch), and click the Save button to finish.

Select ActiveCampaign list in Hustle opt-in module

11.4.4 Aweber

Link to chapter 4

To connect your Aweber account to Hustle, begin by clicking the plus symbol next to Aweber.

This will bring up a pop-up screen where you need to add your Aweber API credentials:

Aweber integration with Hustle

Click the link where it says “Please click here to connect to Aweber service to get your authorization code.” That will bring you to the Aweber auth screen where you’ll enter your credentials to log into your Aweber account.

Authorize Aweber integration with Hustle

Enter your credentials and click the Allow Access button to reveal the authorization code you need.

Authorization code for Aweber integration with Hustle

Copy that authorization code and paste it into the field in the Aweber popup in your Hustle settings and click the Connect button. You’ll then see Aweber successfully added to the Connected Apps list.

Aweber successfully integrated with Hustle

Now that Aweber is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your Aweber lists. To connect an Opt-In module to Aweber, go to the Integrations screen in that module’s wizard and click the plus sign for the Aweber app.

Select Aweber integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to Aweber account in Hustle opt-in module

Select the Aweber list you wish to use for this integration and click the Save button to finish.

Select Aweber list in Hustle opt-in module

11.4.5 Campaign Monitor

Link to chapter 4

To connect your Campaign Monitor account to Hustle, begin by clicking the plus symbol next to Campaign Monitor.

This will bring up a pop-up screen where you need to add your Campaign Monitor API credentials:

Campaign Monitor integration with Hustle

Following the instructions in that modal, log in to your Campaign Monitor account. Then click on your profile picture at the top-right corner to open a menu, then select Account Settings, then click on API keys.

Get Campaign Monitor API keys for integration with Hustle

Click on Show API Key, then copy both that key and the Client ID to the corresponding fields in the Campaign Monitor integration modal in your Hustle plugin and click the Connect button. You’ll then see Campaign Monitor successfully added to the Connected Apps list.

Campaign Monitor successfully integrated with Hustle

Now that Campaign Monitor is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your Campaign Monitor lists. To connect an Opt-In module to Campaign Monitor, go to the Integrations screen in that module’s wizard and click the plus sign for the Campaign Monitor app.

Select Campaign Monitor integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to Campaign Monitor account in Hustle opt-in module

Select the Campaign Monitor list you wish to use for this integration and click the Save button to finish.

Select Campaign Monitor list in Hustle opt-in module

11.4.6 Constant Contact

Link to chapter 4

To connect your Constant Contact account to Hustle, begin by clicking the plus symbol next to Constant Contact.

This will bring up a pop-up screen where you’ll be prompted to authenticate your Constant Contact connection:

Connect to Constant Contact account in Hustle opt-in module

Clicking the Authenticate button will take you to your Constant Contact account where you’ll be prompted to login if you’re not already logged-in there.

Allow Constant Contact access for integration with Hustle

Click the Allow button on the screen in your Constant Contact account, and you’ll be redirected back to the Hustle > Settings screen in your site admin. You’ll then see Constant Contact successfully added to the Connected Apps list.

Constant Contact successfully integrated with Hustle

Now that Constant Contact is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your Constant Contact lists. To connect an Opt-In module to Constant Contact, go to the Integrations screen in that module’s wizard and click the plus sign for the Constant Contact app.

Select Constant Contact integrated app in Hustle opt-in module

Select the Constant Contact list you wish to use for this integration and click the Save button to finish.

Select Constant Contact list in Hustle opt-in module

11.4.7 ConvertKit

Link to chapter 4

To connect your ConvertKit account to Hustle, begin by clicking the plus symbol next to ConvertKit.

This will bring up a pop-up screen where you need to add your ConvertKit API credentials:

ConvertKit integration with Hustle

Click on Show API Secret, then copy both the API key and Secret to the corresponding fields in the ConvertKit modal in your Hustle opt-in module and click the Connect button. You’ll then see ConvertKit successfully added to the Connected Apps list.

ConvertKit successfully integrated with Hustle

Now that ConvertKit is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your ConvertKit lists. To connect an Opt-In module to ConvertKit, go to the Integrations screen in that module’s wizard and click the plus sign for the ConvertKit app.

Select ConvertKit integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to ConvertKit account in Hustle opt-in module

Select the ConvertKit list you wish to use for this integration and click the Save button to finish.

Select ConvertKit list in Hustle opt-in module

11.4.8 e-Newsletter

Link to chapter 4

To connect your e-Newsletter plugin to Hustle, begin by clicking the plus symbol next to e-Newsletter to bring up the popup modal.

e-Newsletter integration with Hustle

Then click the Activate button to complete the setup. You’ll then see e-Newsletter successfully added to the Connected Apps list.

e-Newsletter successfully integrated with Hustle

Now that e-Newsletter is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your e-Newsletter group lists. To connect an Opt-In module to e-Newsletter, go to the Integrations screen in that module’s wizard and click the plus sign for the e-Newsletter app.

Select e-Newsletter integrated app in Hustle opt-in module

Select the e-Newsletter list(s) you wish to use for this integration and select whether you want new opt-in subscribers to be automatically added to your e-Newsletter list(s). If you leave “Automatically opt-in new users to the mailing list” unchecked, new subscribers to your opt-in will need to confirm their subscription by clicking the link in a confirmation email sent to them from the e-Newsletter plugin. Click the Save button to complete the setup.

Connect to e-Newsletter lists in Hustle opt-in module

11.4.9 GetResponse

Link to chapter 4

To connect your GetResponse account to Hustle, begin by clicking the plus symbol next to GetResponse.

This will bring up a pop-up screen where you need to add your GetResponse API credentials:

GetResponse integration with Hustle

If you haven’t already created an API key in your GetResponse account, click the link where it says “Log in to your GetResponse account to get your API Key v3“. Or, in your GetResponse account, click Integrations and API in the left-hand menu, then select API at the top and click the Generate API Key button.

Get GetResponse API key for integration with Hustle

Copy the API key from your GetResponse account and paste it in the corresponding field in the GetResponse integration modal in your Hustle plugin and click the Connect button. You’ll then see GetResponse successfully added to the Connected Apps list.

GetResponse successfully integrated with Hustle

Now that GetResponse is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your GetResponse lists. To connect an Opt-In module to GetResponse, go to the Integrations screen in that module’s wizard and click the plus sign for the GetResponse app.

Select GetResponse integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to GetResponse account in Hustle opt-in module

Select the GetResponse list you wish to use for this integration and click the Save button to finish.

Select GetResponse list in Hustle opt-in module

11.4.10 Hubspot

Link to chapter 4

To connect your Hubspot account to Hustle, begin by clicking the plus symbol next to Hubspot.

This will bring up a pop-up screen where you’ll be prompted to authenticate your Hubspot connection:

Connect to Hubspot account in Hustle opt-in module

Clicking the Authenticate button will take you to your Hubspot account where you’ll be prompted to login if you’re not already logged-in there.

Just select the Hubspot account you want your modules to connect to, and and you’ll be redirected back to the Hustle > Settings screen in your site admin. You’ll then see Hubspot successfully added to the Connected Apps list.

Hubspot successfully integrated with Hustle

Now that Hubspot is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your Hubspot lists. To connect an Opt-In module to Hubspot, go to the Integrations screen in that module’s wizard and click the plus sign for the Hubspot app.

Select Hubspot integrated app in Hustle opt-in module

Select the Hubspot list you wish to use for this integration and click the Save button to finish.

Select Hubspot list in Hustle opt-in module

11.4.11 iContact

Link to chapter 4

To connect your iContact account to Hustle, begin by clicking the plus symbol next to iContact.

This will bring up a pop-up screen where you need to add your iContact Application credentials:

iContact integration with Hustle

Click the link where it says Set up a new application in your iContact account to get your credentials.

Once you’re in your iContact account, click your profile link at top-right and click Settings and Billing. Then click on iContact Integrations.

Create new app at iContact for integration with Hustle

The click the Create button next to Custom API Integrations.

Step 2 to create new app at iContact for integration with Hustle

On the “Custom API Integration” screen, edit the name and description of the API if you want to. Then copy the Application ID, Email Address and Password to the corresponding fields in the iContact integration modal in your Hustle opt-in module and click the Connect button.

Step 3 to create new app at iContact for integration with Hustle

You’ll then see iContact successfully added to the Connected Apps list.

iContact successfully integrated with Hustle

Now that iContact is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your iContact lists. To connect an Opt-In module to iContact, go to the Integrations screen in that module’s wizard and click the plus sign for the iContact app.

Select iContact integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to iContact account in Hustle opt-in module

Select the iContact list you want to use for this module and check the checkbox if you want to enforce the double-optin (users would need to confirm their subscription to your opt-in by clicking a confirmation link in an email sent to them). Then click the Continue button to finish.

Select iContact list in Hustle opt-in module

11.4.12 InfusionSoft

Link to chapter 4

To connect your InfusionSoft account to Hustle, begin by clicking the plus symbol next to InfusionSoft.

This will bring up a pop-up screen where you need to add your InfusionSoft API credentials:

InfusionSoft integration with Hustle

To get the credentials you need, log into the InfusionSoft account you want to connect to Hustle, and go to Settings > Application.

Account settings at InfusionSoft for integration with Hustle

Scroll down to the API section there and enter a passphrase in the API Passphrase field, and click Save. Then copy the newly generated key from the Encrypted Key field, and paste it into the API Key (Encrypted) field in the InfusionSoft integration modal in your Hustle plugin.

Get InfusionSoft API key for integration with Hustle

Next, copy the name of the InfusionSoft account you’re connecting to Hustle, and paste it in the Account Name field in the InfusionSoft integration modal in your Hustle plugin.

The account name is the part of the URL that appears in your browser address bar before infusionsoft.com, and you can see it in your Profile dropdown there as well.

Get InfusionSoft account name for integration with Hustle

Once both the API Key and Account Name fields have been filled out in the InfusionSoft integration modal in your Hustle plugin, click the Connect button. You’ll then see InfusionSoft successfully added to the Connected Apps list.

InfusionSoft successfully integrated with Hustle

Now that InfusionSoft is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your InfusionSoft lists. To connect an Opt-In module to InfusionSoft, go to the Integrations screen in that module’s wizard and click the plus sign for the InfusionSoft app.

Select InfusionSoft integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to InfusionSoft account in Hustle opt-in module

Select the InfusionSoft list you wish to use for this integration and click the Save button to finish.

Select InfusionSoft list in Hustle opt-in module

11.4.13 Mad Mimi

Link to chapter 4

To connect your Mad Mimi account to Hustle, begin by clicking the plus symbol next to Mad Mimi.

This will bring up a pop-up screen where you need to add your Mad Mimi API credentials:

Mad Mimi integration with Hustle

Once logged into your Mad Mimi account, click on Account in the main menu, then click the API tab in the sidebar.

Get Mad Mimi API key for integration with Hustle

Copy the API Key shown there, as well as the email address used for your Mad Mimi account, and paste those credentials in the corresponding fields in the Mad Mimi integration modal in your Hustle plugin and click the Connect button. You’ll then see Mad Mimi successfully added to the Connected Apps list.

Mad Mimi successfully integrated with Hustle

Now that Mad Mimi is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your Mad Mimi lists. To connect an Opt-In module to Mad Mimi, go to the Integrations screen in that module’s wizard and click the plus sign for the Mad Mimi app.

Select Mad Mimi integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to Mad Mimi account in Hustle opt-in module

Select the list you want to use for this opt-in module and click Save to finish.

Select Mad Mimi list in Hustle opt-in module

11.4.14 Mailchimp

Link to chapter 4

To connect your Mailchimp account to Hustle, begin by clicking the plus symbol next to Mailchimp.

This will bring up a pop-up screen where you need to add your Mailchimp API credentials:

Connect to Mailchimp account in Hustle opt-in module

Once logged into your Mailchimp account, select Account from your profile menu dropdown. Then select API Keys from the Extras menu.

Get Mailchimp API key for integration with Hustle

Scroll to the bottom and click the Create A Key button, and give your new API a label if you like.

Create new Mailchimp API key for integration with Hustle

Then copy the API key and paste it in the corresponding field in the Mailchimp integration modal in your Hustle plugin, and click the Connect button. You’ll then see Mailchimp successfully added to the Connected Apps list.

Mailchimp successfully integrated with Hustle

Now that Mailchimp is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your Mailchimp lists. To connect an Opt-In module to Mailchimp, go to the Integrations screen in that module’s wizard and click the plus sign for the Mailchimp app.

Select Mailchimp integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to Mailchimp account in Hustle opt-in module

Select the Mailchimp list you want to use for this module and check the checkbox if you want to automatically optin new users to your list (if not checked, users would need to confirm their subscription to your opt-in by clicking a confirmation link in an email sent to them).

Select Mailchimp list in Hustle opt-in module

Click the Continue button and optionally enter any tags you wish to use to help distinguish these optin users in your Mailchimp list.

Add Mailchimp tags in Hustle opt-in module

Click the Continue button and optionally select a Group to which you’d like to add your optin subscribers. Then click the Continue button to finish.

Select Mailchimp group in Hustle opt-in module

Note: The field name consistency of elements is important for Hustle and 3rd party integrations to communicate data correctly. If the field name in Hustle does not match the field name in Mailchimp, the user’s input will not properly reflect in Mailchimp. This is just something to be aware of, especially if you are using Mailchimp in a different language.

If you are experiencing issues with Mailchimp collecting field data from your Hustle opt-ins, make sure your Hustle field name matches your field tag in Mailchimp.

field name settings

11.4.15 MailerLite

Link to chapter 4

To connect your MailerLite account to Hustle, begin by clicking the plus symbol next to MailerLite.

This will bring up a pop-up screen where you need to add your MailerLite API credentials:

MailerLite integration with Hustle

Click the link where it says “Log in to MailerLite Integrations page to get your API Key.” Or in your MailerLite account, click Integrations from your profile dropdown menu, and click the Use button next to Developer API.

Get MailerLite API key for integration with Hustle

Copy the API key from your MailerLite account and paste it in the corresponding field in the MailerLite integration modal in your Hustle plugin and click the Connect button. You’ll then see MailerLite successfully added to the Connected Apps list.

MailerLite successfully integrated with Hustle

Now that MailerLite is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your MailerLite lists. To connect an Opt-In module to MailerLite, go to the Integrations screen in that module’s wizard and click the plus sign for the MailerLite app.

Select MailerLite integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to MailerLite account in Hustle opt-in module

Select the list you want to use for this opt-in module and click Save to finish.

Select MailerLite list in Hustle opt-in module

11.4.16 Mautic

Link to chapter 4

To connect your Mautic account to Hustle, you’ll need to first ensure that both API and HTTP Basic Auth are enabled in your Mautic account.

To do that, click the gear icon at top-right of your Mautic installation, then click the Configuration menu item in the right-hand Settings menu. Then, in the left-hand menu, click API Settings.

API and HTTP Basic Auth enabled in Mautic install

Once you’ve confirmed those are both enabled in your Mautic install, click the plus symbol in Hustle > Integrations next to Mautic in your site’s wp-admin.

This will bring up a pop-up screen where you need to add your Mautic login credentials and click the Connect button.

Mautic integration with Hustle

You’ll then see Mautic successfully added to the Connected Apps list.

Mautic successfully integrated with Hustle

Now that Mautic is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your Mautic lists. To connect an Opt-In module to Mautic, go to the Integrations screen in that module’s wizard and click the plus sign for the Mautic app.

Select Mautic integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to Mautic account in Hustle opt-in module

Select the Mautic Segment you wish to use for this integration and click the Save button to finish.

Select Mautic segment in Hustle opt-in module

11.4.17 SendGrid

Link to chapter 4

To connect your SendGrid account to Hustle, begin by clicking the plus symbol next to SendGrid.

This will bring up a pop-up screen where you need to add your SendGrid API credentials:

SendGrid integration with Hustle

Click the link where it says “Log in to your SendGrid account to get your API Key v3.” Or in your SendGrid account, click Settings > API Keys in the sidebar menu. Then click the Create API Key button to get a new key.

Get SendGrid API key for integration with Hustle

Select the Full Access option, then click the Create & View button. Copy the generated API key right away as they don’t show it again.

Create new SendGrid API key for integration with Hustle

Paste the API key into the corresponding field in the SendGrid popup in your Hustle settings, select the Marketing Campaigns version you are using, and click the Connect button. You’ll then see SendGrid successfully added to the Connected Apps list.

SendGrid successfully integrated with Hustle

Note: A failed validation could be due to selecting the wrong Marketing Campaign, not just an incorrect API Key. If you are unsure about which Marketing Campaign you are using, we suggest trying both options for the relevant API Key as one of them should work.

Now that SendGrid is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your SendGrid lists. To connect an Opt-In module to SendGrid, go to the Integrations screen in that module’s wizard and click the plus sign for the SendGrid app.

Select SendGrid integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to SendGrid account in Hustle opt-in module

Select the SendGrid list you wish to use for this integration and click the Save button to finish.

Select SendGrid list in Hustle opt-in module

11.4.18 SendinBlue

Link to chapter 4

To connect your SendinBlue account to Hustle, begin by clicking the plus symbol next to SendinBlue.

This will bring up a pop-up screen where you need to add your SendinBlue API credentials:

SendinBlue integration with Hustle

Click the link where it says “To get SendinBlue API key v3.0 log in campaigns dashboard and click on SMTP & API in left menu.” Or in your SendinBlue account, click the SMTP & API link in your profile menu.

Get SendinBlue API key for integration with Hustle

Click the Create a New API Key button, then select the v3 option, give your API key a name and click the Generate button.

Create new SendinBlue API key for integration with Hustle

Copy and paste the API key into the corresponding field in the SendinBlue popup in your Hustle settings and click the Connect button. You’ll then see SendinBlue successfully added to the Connected Apps list.

SendinBlue successfully integrated with Hustle

Now that SendinBlue is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your SendinBlue lists. To connect an Opt-In module to SendinBlue, go to the Integrations screen in that module’s wizard and click the plus sign for the SendinBlue app.

Select SendinBlue integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to SendinBlue account in Hustle opt-in module

Select the SendinBlue list you wish to use for this integration and click the Save button to finish.

Select SendinBlue list in Hustle opt-in module

11.4.19 Sendy

Link to chapter 4

To connect your Sendy account to Hustle, begin by clicking the plus symbol next to Sendy.

This will bring up a pop-up screen where you need to add your Sendy API credentials:

Sendy integration with Hustle

Installation URL
Enter the URL to your self-hosted Sendy installation.

API Key
In your Sendy account, click Settings from your profile menu. Copy the API key from there and paste in the corresponding field in the Hustle integration popup.

Get Sendy API key for integration with Hustle

List ID
To get your list ID, click View All Lists in the sidebar and copy the ID from the ID column.

Get Sendy list ID for integration with Hustle

Then click the Connect button and you’ll see Sendy successfully added to the Connected Apps list.

Sendy successfully integrated with Hustle

Now that Sendy is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your Sendy list. To connect an Opt-In module to Sendy, go to the Integrations screen in that module’s wizard and click the plus sign for the Sendy app.

Select Sendy integrated app in Hustle opt-in module

Select the account you want to connect to and click Continue.

Connect to Sendy account in Hustle opt-in module

Take note of the info in the final popup screen and click the Close button to finish.

Sendy notice in Hustle optin module

11.4.20 Zapier

Link to chapter 4

To connect your Zapier account to Hustle, begin by clicking the plus symbol next to Zapier.

Zapier is slightly different than other apps as the connection to your zaps is done in the modules themselves. All you need to do here is click the Activate button.

Zapier integration with Hustle

You’ll then see Zapier successfully added to the Connected Apps list.

Zapier successfully integrated with Hustle

Now that Zapier is successfully integrated with Hustle, you can connect any opt-in to it to sync Hustle data with your Zapier zaps. To connect an Opt-In module to Zapier, go to the Integrations screen in that module’s wizard and click the plus sign for the Zapier app.

Select Zapier integrated app in Hustle opt-in module

That will open the Zapier modal popup where you’ll want to enter the Zapier webhook URL for your zap.

Connect to Zapier webhook in Hustle opt-in module

To create your zap and get the webhook URL you need, go to your Zapier account dashboard, and click the Make a Zap button in the left sidebar menu, or the Create Zap button if you’re already on the Zaps screen there.

Create Zapier webhook in Hustle opt-in module

Give your zap a name and click the Webhooks by Zapier option.

Name a new Zapier webhook in Hustle opt-in module

On the next screen, select Catch Hook as the Trigger Event, and click Continue.

Select trigger for Zapier webhook in Hustle opt-in module

You’ll then see the Custom Webhook URL created for this zap.

Copy Zapier webhook URL to Hustle opt-in module

Copy that URL now and paste it in the field in the Zapier integration popup in the Hustle optin module in your site admin, and click the Save button there. You’ll then see confirmation that Zapier is connected and in the Active Apps section of the optin module’s integrations.

Zapier webhook added in Hustle optin module

Now open a page on your site with your optin module and submit your form as a test (this is needed for now so Zapier can have some data to find for the next step; this flow will be improved in a future version). Then go to Hustle > Email Lists and verify that your submission did indeed send to Zapier.

Verify Zapier submission in Hustle email list

Finally, back in your Zapier account, click the Continue button below the Custom Webhook URL there. Then click the Test trigger button to confirm Zapier gets the expected data in response from your Hustle optin.

Test Zapier webhook added in Hustle optin module

The rest is up to you and your project/needs. Good luck with your Zapier integration :)

11.5 Email Lists

Link to chapter 5

The Email Lists section in Hustle is where you’ll find all the users who have subscribed through any active Optin-In modules on your site. That includes users who have subscribed to your local email list as well as any who have been subscribed to lists in other 3rd-party apps you may have set up in the Integrations section.

The first time you visit this screen, you won’t see any data there yet as there would be no submissions yet.

Initial email list screen in Hustle

Show Email List

Once at least one user has subscribed through one of your active Opt-Ins, select Popup, Embed or Slide-In in the first dropdown. Then select the Opt-In for which you want to see the list of subscribed users, and click the Show Email List button.

You’ll then see the list of all users who have subscribed through the selected Opt-In with the following information visible:

  • ID – This is the post ID of the submission, not the user ID (no WordPress users are created when subscribing through your Opt-ins).
  • Date Submitted – The date the Opt-In form was submitted by the user.
  • Active Integrations – This indicates the apps you have integrated into this Opt-In.
  • Email – The email address entered by the user who subscribed through your Opt-In.
  • + “x” other fields – This indicates the number of fields in your Opt-In form successfully filled in by the user when the Opt-In was submitted.

Opt-In email list in Hustle

View submission details

Click on any submission to pop it open and view details of that submission including all submitted form fields, as well as information about any apps integrated with the submitted Opt-In.

The example below shows a successful submission to both the local email list and the MailChimp mailing list that is integrated with the selected Opt-In.

Subscriber details in Hustle Opt-In email list

Filter submission list

You can filter the list of submissions by keyword or date range to view only those you need. Click the funnel icon at top-right to toggle open the filter options.

Filter submissions in Hustle Opt-In email list

Enter the keyword and/or date range you want to filter for, select to sort results by either date submitted or submission ID, and click the Apply button to view the results.

Submission filter options in Hustle Opt-In email list

Export submissions

You can export your complete email list in CSV format if needed to use in any other application. Click the Export CSV button at top-right.

Export subscriber list in Hustle email list module

11.6 Settings

Link to chapter 6

The Settings section is where you’ll find all the options that apply to the plugin interface itself, as well as some options that apply to all modules.

11.6.1 General

Link to chapter 6

Dashboard

Modules Listing
These options enable you to choose what info to display on the Hustle > Dashboard screen for each module type.

  • Number of (Modules) – Select how many of each module type you want to show on the Dashboard screen.
  • Status – Select to show only Published, only Drafts, or both for each module type.

From Headers

Here, you can customize the email address & name that will appear in the header of any email notification sent from Hustle. Note that if you have either the From Headers or SMTP modules configured in our Branda plugin on your site, that will override these settings in Hustle.

  • Sender email address – All Hustle emails would be sent from this email address.
  • Sender name – Hustle emails would be sent from this name.

Email from header options in Hustle settings

Responsive Options

The responsive settings you may have configured in any module kick in when the viewer’s detected device width is 782px or less. You can adjust this default breakpoint value here if needed.

Mobile breakpoint option in Hustle

Pagination

By default, Hustle will display up to 10 of each type of module and submission per page on the main screen of each module or submission type. You can adjust that number here if needed.

Module pagination options in Hustle settings

Debug Mode

If you are experiencing unexpected issues with Hustle, you can enable Debug Mode so any errors or warnings generated by the plugin can be logged in the debug.log file located in the wp-content directory.

Note that both WP_DEBUG, and WP_DEBUG_LOG defines must be set to true in your wp-config file. If they are not, Hustle will alert you so you can get that done first.

Enable debug mode in Hustle settings

11.6.2 Color Palettes

Link to chapter 6

Here is where you can create your own custom color palettes that better fit your brand and site design, and use them in any module instead of the default palettes. Click the Create Custom Palette button to get started.

Create custom color palettes to use in any Hustle module

In the options modal that pops open, start by giving your custom color palette a name so you can easily spot it in the Color Palette lists in your modules.

Custom color palette name in Hustle settings

Next, select to use either a default color palette as your base, or import the current color configuration from one of your existing modules instead. Click the Next button to continue.

  • Default Palettes – If you choose this option, simply select the default palette you want to start with.
  • Import from a Module – If you choose this option, you’ll be prompted to select the module type and name to use as your custom base, as well as select a default color palette used to import any color options that have not been customized in your selected module. This is the option you’d want if you’ve already set up a color scheme in a module that fits your brand perfectly, and want to replicate that in all other modules.

Custom color palette base in Hustle settings

You’ll then see the color options available for every element that applies to every module type. Use the color pickers to customize the color scheme exactly how you want it, in the same way you may have already customized things in one of your existing modules. For more on the specifics of this, see the Customize the color palette section in the Creating Modules > Appearance chapter above.

Customize a color palette in Hustle settings

Remember to click the Save button at the bottom of the color options.

Save a custom color palette in Hustle settings

You’ll then see your custom color palette appear in the list on the Color Palettes screen where you can pop open the options to edit it if needed by clicking the pencil icon in its row.

Edit a custom color palette in Hustle settings

You’ll now be able to select your custom color palette when creating or editing any module.

Use custom color palettes in Hustle modules

11.6.3 Dashboard Analytics

Link to chapter 6

This option adds analytics tracking for your Hustle modules that doesn’t require any 3rd-party integration, and displays the data in a widget on your wp-admin Dashboard screen.

Once enabled, you can customize the following options:

  • Widget Title – Enter the title you wish to appear in the Dashboard screen widget.
  • User Role – Select the user roles who can view the widget and its data.
  • Modules – Select which modules to show data for in the widget.

One you’ve saved your configuration, the widget would look like this in your wp-admin Dashboard screen. You can filter the data in the widget as follows:

  • Show – Select to view All Conversions, only CTA Conversions, only Optin Conversions or Conversion Rate.
  • from – Select to view data from last 7, 30 or 90 days.

Hustle analytics tracking widget in wp-admin Dashboard

11.6.4 Data

Link to chapter 6

Here, you can choose to keep or delete plugin data and settings when uninstalling Hustle.

Uninstallation

If you choose the Reset option here, all plugin data and settings (including all modules and their submissions & conversions) will be deleted if you uninstall the plugin.

Reset Plugin

Click the Reset button to delete all the plugin data now if you want to start over with a fresh install.

Options to keep or delete plugin data when uninstalling Hustle

11.6.5 Viewer's Privacy

Link to chapter 6

The privacy options in Hustle enable you to comply with GDPR, HIPAA and other similar data privacy laws that may be in effect in your country of operation.

IP Address

  • IP Tracking – Choose to enable or disable the collection of users’ IP data when they submit your Opt-Ins and when tracking conversions.
  • IP Retention – Choose for how long IP data should be preserved in the database.

  • Delete IP Addresses – If you need to Delete IP Addresses, click the button to pop open a modal window.

Delete IP data in Hustle

In the modal that pops open, select to delete all IP address data, or only specific IP addresses.

Delete specific IP addresses in Hustle

Submissions Privacy

  • Submissions Retention – Choose for how long module submissions should be preserved in the database.
  • Account Erasure Requests – Choose whether to retain or remove submission data when you receive a WordPress account erasure request from a user. If you choose “Remove Submission”, the data will be deleted when the user confirms the erasure request you create under Tools > Erase Personal Data in your site admin.

Submission data retention options in Hustle

Tracking Data Privacy

Tracking Data Retention – Choose for how long conversion tracking data should be preserved in the database.

Conversion tracking data retention options in Hustle

PRIVACY POLICY

Hustle includes suggested text to use in your site’s Privacy Policy page for each active feature that may require it. To view this text, go to Settings > Privacy in your wp-admin, and click the “Check out our guide” link.

11.6.6 Permissions

Link to chapter 6

By default, only users with the administrator role can access and edit things in Hustle. The Permissions settings enable you to set which additional user roles can perform the following tasks in Hustle.

  • Create Modules – Select which user roles can create new modules.
  • Edit Existing Modules – Select the roles who can edit existing modules.
  • Access Email List – Select the roles who can access the Opt-In email lists.
  • Edit Integrations – Select the roles who can edit the 3rd-party app integrations.
  • Edit Settings – Select the roles who can edit the Hustle plugin settings.,

For each option, click in the textarea and select the user roles you wish to have access.

Adjust access per user role in Hustle

11.6.7 reCAPTCHA

Link to chapter 6

Every Opt-In module includes an optional Google reCaptcha field that you can include in the form. But you need to configure reCaptcha here first.

API Keys

Each reCaptcha type (v2 Checkbox, v2 Invisible, v3) requires its own set of API keys, so you want to ensure you create the correct type in your reCaptcha account at https://www.google.com/recaptcha/admin#list

We recommend setting up each type in the settings here so you can simply select the type you want to use in each Opt-In module you create with no worries about it breaking in the form.

Google reCaptcha settings in Hustle

Language

If you have opted to show the reCaptcha badge in any Opt-In, it will display in your site language by default. But you can change that language here if needed.

Google reCaptcha language setting in Hustle

Now when you add a reCaptcha field to your Opt-In, it would look something like this assuming you have chosen to show the badge:

Google reCaptcha in Hustle opt-in

11.6.8 Accessibility

Link to chapter 6

Enable High Contrast Mode to increase the visibility of plugin settings by providing a stark back on white contrast.

Accessibility options in Hustle

With this option enabled, plugin settings would like this example from the Data settings screen above.

Example of high contrast enabled in Hustle accessibility options

11.6.9 Top Metrics

Link to chapter 6

By default, the Hustle > Dashboard screen’s overview section displays the following metrics:

  • Average Conversion Rate – The total number of conversions divided by the total number of views on all the modules.
  • Total Conversions – The sum of all the conversions up to today from all modules.
  • Most Conversions – The module with the highest number of conversions.

Top metrics in Hustle dashboard overview

The options here enable you to select which metrics you want to be shown in that overview instead of the above defaults. Following are the additional optional metrics you can choose to display instead. Note that you can only have 3 top metrics showing in that section, so you’ll want to first de-select any one of the defaults before you can select the replacement.

  • Today’s Conversion – The total number of conversions today from all modules.
  • Last 7 Day’s Conversion – The total number of conversions from all modules for the last week.
  • Last 1 Month’s conversion – The total number of conversions from all modules for the last month.
  • Inactive Modules – The total number of inactive modules including all drafts and unpublished modules.
  • Total Modules – The total number of modules regardless of their status.

Optional top metrics for Hustle dashboard

11.6.10 Unsubscribe

Link to chapter 6

The Unsubscribe options enable you to add a simple form anywhere on the frontend of your site where your Opt-In subscribers can unsubscribe if they wish.

Shortcode

You can use the auto-generated shortcode anywhere you want the unsubscribe form to appear. By default, it will allow users to unsubscribe from all lists, but you can specify for which modules you want to enable the unsubscribe option by including the module IDs in the shortcode.

You can find a module’s ID in the URL of the module’s wizard page, for example: /wp-admin/admin.php?page=hustle_popup&id=58

Shortcode to allow users to unsubscribe from any Hustle opt-in list

Customize Unsubscribe Form

Enable this option to customize any of the messages that appear on-screen when users interact with the unsubscribe form.

Customize the on-screen message in Hustle unsubscribe form

Unsubscribe Email Copy

When users unsubscribe from any of your opt-in lists, they must click a link in an email sent to their email address to confirm their action.

Enable this option to customize the subject and body of that confirmation email. Note that the {hustle_unsubscribe_link} placeholder must be somewhere in the email body for the confirmation link to be included.

Customize the confirmation email in Hustle unsubscribe options