Description
Check out the latest WordPress deals for your site.
If thereâs anything that can be called the silver bullet in getting people to take action then this is it! Scroll triggered box has consistently increased conversions rate by several times. Newsletter sign-up, Facebook like button, social bookmarking or something else you want to draw attention to after people have engaged with your website. Scroll triggered box will increase the conversion rate many times over.
The box is designed to get the attention of the visitors who have engaged with your site. The box triggers on certain event you specify, such as percentage of scroll, reaching an end of the post or comments. This verifies that visitors are engaged with the content and presenting them with a call-to-action.
Make More Visitors Convert
Scroll triggered box will make sure that more visitors to your site respond to your call-to action. Some examples what other sites are using it for:
- Getting more subscribers to your newsletter
- Making people share your posts
- Driving visitors deeper with related posts
- Filling out a contact form
- Displaying best offers
Highly customizable, you can display any content, any call-to-action with this plugin. Sharing, related content, signups, sales promotions, anything you want.
What do you get with this plugin?
- Set the amount of days for the box to stay hidden if visitor closes it
- Design templates to save you time with the appearance of the box
- Fully customization if you want to use your own design (HTML and CSS)
- Control the position of the box (pages, posts, frontpage, left, right)
- When to trigger the box (% of scroll, specific element)
ToDo list
- Add some new Themes/Templates
Screenshots
Installation
- Upload the zip-file from within WordPress plugins section or use the automatic installation option.
- Enter the HTML-code for your box’s content and save.
FAQ
-
Box does not show up. Box shows only in one browser and not in another
-
- Possibly you have checked âWhere and how to trigger?â->âshowâ->âAdmin onlyâ and not logged in, or logged in only in one browser.
- If you have closed box from âxâ (close button in upper right corner) or made submission, it waits till the time defined in âPopup frequencyâ setting. To overcome this you must either:
- delete cookie (it’s named like âdgd_scrollbox-00000â), or
- set âPopup frequencyâ setting to âEach timeâ, or
- use browser in âincognito modeâ (where it does not use cookies from previous browser sessions).
- If box uses setting âclose forever after submissionâ and there is made submission (even mistakenly pressed âsubmitâ followed by lightning-fast back button press counts), it will not appear any more as well. To overcome this you must delete cookie or use browser in âincognito modeâ (please see previous point).
- If you use some cache (âperformanceâ) plugin, then it could happen that boxes will appear only to new posts/pages. That’s because older pages are already cached without box. To get boxes working also for pages created before box creation, you must use your cache plugin empty (purge) cache option.
- It might happen also that you have checked âHide on mobilesâ, but one of your browsers uses actually some mobile browser user-agent string.
-
I don’t get any e-mails
-
Please check following:
- is âActions after form submissionâ->âSend submitted values to emailâ filled with valid e-mail address, and
- does your WordPress installation allow sending e-mails to that e-mail (sometimes some domains e-mails are not sent out), and
- maybe the notification e-mails are ended up into âspamâ folder of your Inbox.
-
How to use some other plugin’s submission form (Gravity Forms, Contact Form 7 …) with Scroll Triggered Box
-
- When using any 3rd party submission form, âActions after form submissionâ->âSend submitted values to emailâ field must be empty.
- Prefer shortcode over Widget option.
- Please note that options in âActions after form submissionâ and âAuto closeâ sections work only together with plugin own submission form.
-
How to integrate Scrollboxes with MailChimp
-
You must use some MailChimp plugin what provides MailChimp submission form either by shortcode or Widget.
-
How I can use Widgets in boxes
-
- Open WP admin menu->Appearance->Widgets. Drag needed widget to Widget area named âScrollboxâ.
- In Scrollbox Admin screen, please enable using Widgets by checking âScrollbox designâ->âEnable Widget areaâ. (This must be done separately, as you may have several Scrollboxes but want to show Widget only one of them).
- If Widget is all you want to show, you can remove existing box default content completely.
- If Widget contains some sort of submission form (feedback, comment insertion, user registration…) you must take into account suggestions for 3rd party submission form plugin users above.
-
There’s only âemailâ field but I would like to get names or user questions/feedback also
-
- You can manually add unlimited number of text, textarea, select fields in HTML format inside of existing
<form>
tags, they are included to notification e-mail automatically. - Example about adding feedback field: open scroll box editor in HTML mode and add
<input name="Feedback" type="text" value="" />
. HTML content of Scrollbox will become something like this:
Sign up for our Newsletter
<ul> <li>Fresh trends</li> <li>Cases and examples</li> <li>Research and statistics</li> </ul> Enter your email and stay on top of things, <form class="stbContactForm" action="#" method="post"> E-mail: <input id="email" name="email" required="required" type="email" value="" /> Message: <input name="feedback" type="text" value="" /> <input class="stb-submit" type="submit" value="Subscribe" /> </form> <p class="stbMsgArea"></p>
And it works. PS. e-mail field is not even mandatory.
- You can manually add unlimited number of text, textarea, select fields in HTML format inside of existing
-
I’m using it with some 3rd party submission form, but now some options does not work
-
Options in âActions after form submissionâ and âAuto closeâ section will work only with plugin own submission form and when âActions after form submissionâ->âSend submitted values to emailâ is filled.
-
Sorry, but preview is not developed yet.
-
Some of the box contents do not fit into the box area
-
Adjust settings in âScrollbox designâ->âPopup box dimensionsâ
-
Idea is OK, but existing templates do not fit to my site or my needs
-
- You don’t have to limit yourself with default css and default html. Open the editor in âHTMLâ mode, clear everything and start from scratch. Only sky is the limit.
- In âScrollbox designâ->âThemeâ, choose âI’m using my own themeâ. In this case plugin default styles for text and button are not used and you can use purely your own CSS definitions for any of the elements.
- There are many settings in Admin screen âScrollbox designâ section, try them out.
- Try using custom background image (âScrollbox designâ->âBackground Imageâ). Plugin supports also iamges with transparent areas (.gif, .png) and even .png files opacity (e.g. alpha channels or partial transparency). With using partially transparent background image you can create really eye-catching Scrollboxes. NB. Box will be resized to match with background image. When using transparency or opacity in background image, background color field must be empty.
-
I need to do amendments to one of plugin templates
-
Best way to change some of plugin styles is with adding style definition to your own theme css file and overwriting plugin css values with !important keyword.
Example. Changing submit button border, text color and background color needs adding of following block into some of your theme css file:
input.stb-submit {
color: navy !important;
border: 2px solid black !important;
background-color: whitesmoke !important;
}Avoid changing any plugin files under plugin directory, including css files. Such changes will get lost during upgrades. Overwriting with !important is sufficient.
-
I want to use structured feedback message instead of just one plain sentence
-
Go ahead, âThank youâ field allows you to use HTML.
-
I would like to redirect users to another page after submission
-
There’s no âuser-friendlyâ way at the moment, but it can be achieved by entering into ââThank youâ messageâ field this piece of HTML:
window.location=’http://yourdomain.com/pathâ;
(Of course use actual URL instead of âhttp://yourdomain.com/pathâ). -
How to create link for closing scrollbox permanently without subscribing?
-
Inside box html, add following:
As button:
I’m already subscribedAs regular link:
I’m already subscribed -
What values can be used for Element triggering
-
âElementâ field takes any single jQuery selector. General examples about them:
- `#comments` – select HTML element having ID of âcommentsâ. jQuery about #ID selector
- `.comment-content` – select HTML element with a class of âcomment-contentâ. jQuery about .class selector
- `body` – select HTML body tag content `…` (e.g. whole page). jQuery about Element selector
And those can be combined, like this:
- `h1.entry-title` – select h1 element having class âentry-titleâ
- In case of separate triggering objects, use comma separated list
Here some common elements you can use on most WordPress themes:
- `body` – Entire page
- `.site-title` – Site title
- `.site-description` – Site description (âJust another WordPress siteâ)
- `.nav-menu` – Navbar
- `.entry-title` – Post title
- `.entry-date` – Post date
- `.author` – Post Author
- `.entry-content` – Post content
- `#comments` – Comments area
- `.comment-content` – Comment text (inside comments area)
- `#respond` – Comment form
- `#comment` – Comment form textarea
- `input#submit` – Comment submit button
- `#secondary` – Secondary area (Widgets area)
- `.widget_search` – Search Widget
- `.widget_recent_entries` – Recent Entries Widget
- `.widget_archive` – Archive Widget
- `.widget_categories` – Categories Widget
- `.widget_meta` – Meta Widget
- `#colophon` – Page Footer (âProudly powered by WordPressâ)
- `.dgd_stb_box` – Any scrollbox content (Yes, you can trigger new box from another scroll triggered box)
Reviews
Contributors & Developers
“Scroll Triggered Box” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Scroll Triggered Box” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.3
- Added âLightboxâ (page overlay) possibility;
- Added CSS3 content blurring option to be used with âLightboxâ (Works with browsers supporting CSS3);
- Added option for leaving box open while scrolling back up;
- Added support for 100% width and 100% height;
- Added support for Textarea and Select elements in Forms;
- Added Box resizing to screen width if screen is narrower than in box definition;
- Improved support for MailChimp native html code;
- Fixed âScroll to elementâ functionality
- Fixed conflict with Weaver II Pro Theme
- Fixed conflict with IN
2.2.0
- Added âTabâ for reopening closed Scrollbox
- âPreview Scrollboxâ button in Edit screen gives live preview (not guaranteed to work on older than WP 4.0)
2.1.3
- Added Show->Posts page option
2.1.2
- Scrollbox allow empty DIV, P and SPAN tags (to work together with MailChimp native code, for example)
- Bugfix: Scrollbox will now appear also if first page is set to blog page
2.1.1
- Added Widgets support!
- Added support for JavaScript minification tools
- Bugfix: content area stuff is showing in scrollbox
- Bugfix: âfade-inâ not working
2.1
- Tested and fixed usage together with some third party plugins / shortcodes (example: Contact Form 7, Gravity Forms, WooCommerce, Use Google Libraries)
- Added custom triggering options (time delay, element mouseover, element click). Now is also possible to trigger without scroll.
- In addition to pages inclusion list also pages exclusion list exists
- Added editable and translatable âThank youâ message
- Added option to auto close after defined period of showing
- Added option to close forever for submitted users
- Bugfix: submit button background was wrong on some themes
2.0.3
- bugfix: Add Media button didn’t work
2.0.2
- Bugfix: Some pages functionality was broken if no boxes to show
2.0.1
- Bugfix: Scrollbox default content was used also for other page types
2.0.0
- Support for multiple boxes each having own design and content
- Added visual editor option
- Improved box showing options: possible to show box only to certain Category(ies) or Tag(s)
- Improved box placement options: boxes can be centered, or placed to any edge or corner
- Added Background image option
- Added âFade-inâ effect option
1.4
- Added shortcode support for box content
- Added option hide the box in mobile devices
- Added option to show on Custom Post Types
- Fixed compatibility issues with other plugins (small js update)
- Fixed is_set bugs
- Updated facebook like button
- Updated texts and admin screenshot
1.3.2
- Fixed default settings bug.
- Fixed default form not submitting email.
- Added email field to settings page.
- Updated settings page to work with WP 3.8
1.3.1
- Fixed a WPML bug on admin.
- Fixed Pin It button.
- Added information about box visibility and option to show the box again.
1.3
- Added option to include social buttons (Facebook, Twitter, Google+, Pinterest, Stumbleupon, LinkedIN).
1.2.2
- Fixed a minor bug in the default settings.
1.2.1
- Fixed an issue where user settings were lost after updating. Settings are now restored from the previous update (1.1).
1.2
- Updated jquery.cookie.js to version 1.3.
- Moved js files to footer.
- Added namespace to js functions and variables.
- Rebuilt entire css.
- Added option to center the box.
1.1
- Added WPML support. Different HTML for every language.
- Default form now sends email to the site administrator.
1.0.1
- Fixed themes.
1.0
Release