<img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.svg"> <a name="website-global-popup-promo-box"></a> <h2>Website Global PopUp-Promo-Box</h2> <p>This module allows you to display a PopUpBox modal dialog on every wegpage. The user is able to hide the PopUpBox throug a button for his entire session. The PopupBox can be used to promote important content or collect newsletter subscriptions and alike.</p> <a name="usage"></a> <h2>Usage</h2> <p>Simply set some content for the PopUpBox and a start date:</p> <ol class="arabic simple"> <li>Go to <code>/website_popup/edit</code> to edit the content inside the PopUpBox as well as the button text</li> <li>Set the start-date and optionally an end-date in the website settings</li> <li>Re-enable the PopUpBox by visiting <code>/website_popup/enable</code> to check the display</li> </ol> <p>HINT: The PopUpBox will not show up without a start date. The end date is optional.</p> <p>HINT: Step two will disable the display of the PopUpBox for the current session so don't forget step three if you want to check the final look of the PopUpBox.</p> <a name="urls"></a> <h2>URLS</h2> <p>You can use these configuration URLs to set the PopUpBox Content or to disable or enable the PopUpBox for your current Session</p> <ul class="simple"> <li><code>/website_popup/edit</code></li> <li><code>/website_popup/cancel</code></li> <li><code>/website_popup/enable</code></li> </ul> <p>Example: <a class="reference external" href="http://your.site.com/website_popup/edit">http://your.site.com/website_popup/edit</a></p> <a name="tips-and-tricks"></a> <h2>Tips and Tricks</h2> <p>Some neat little Extras you may find useful:</p> <a name="re-enable-popupbox-after-some-time"></a> <h3>Re-Enable PopUpBox after some time</h3> <p>If you want the PopUpBox to be displayed again after some time you could combine it with an addon like web_sessions_management from yelizariev to clear user sessions after a some time.</p> <a name="create-links-that-will-not-show-the-popupbox-at-first"></a> <h3>Create links that will not show the PopUpBox at first</h3> <p>If you want to create a link to one of your pages but do not want to show the PopUpBox straight away you could add <code>no_popup_box=True</code> to your url arguments. This will prevent the box to show up until the users visits some other page of the website. e.g.: <code>http://your.site.com/?no_popup_box=True</code></p> <a name="position-the-box-at-the-bottom"></a> <h3>Position the box at the bottom</h3> <p>You can use this css to position the box at the bottom:</p> <p>`` #popupbox.modal {</p> <blockquote> top: auto;</blockquote> <a name="id1"></a> <h4>}</h4> <p><strong>WARNING:</strong> this will disable the vertical scrolling so make sure to disable this again for smaller widths and small devices through media queries.</p> <a name="credits"></a> <h2>Credits</h2> <p>This addon was created by Datadialog. For more information please visit <a class="reference external" href="http://www.datadialog.net">http://www.datadialog.net</a></p> <a name="contributors"></a> <h3>Contributors</h3> <ul class="simple"> <li>Michael Karrer &lt;<a class="reference external" href="mailto:michael.karrer&#64;datadialog.net">michael.karrer&#64;datadialog.net</a>&gt;</li> </ul>