Convertful Team

❗ Unfortunately, CodeLights no longer supports SiteOrigin Page Builder natively due to the SiteOrigin’s complete change of widgets API. Workaround: you still can create a CodeLights shortcode in a plain text editor, and add this shortcode to the SiteOrigin editor.
❗ Developers Wanted: If you can help to improve and develop this 100K+ active installs plugin, and become one of authors, please <a href="https://github.com/rsukhar/codelights/" rel="nofollow ugc">fork Convertful</a>, and create pull requests with your improvements.
<div class="embed-vimeo" style="text-align: center;"><iframe src="https://player.vimeo.com/video/146383727" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h3>Six Built-in Elements</h3>
<h4>1. Modal Popup</h4>
Modal Popup is a dialog box/popup window that is displayed on top of the current page. It is a very useful tool when you want to add some special content and to keep the original content clean at the same time.
Special Features:
<ol>
<li>5 popup sizes to choose from.</li>
<li>7 awesome CSS3-based show/hide animations.</li>
<li>4 popup show triggers: button click, text click, image click and page load.</li>
</ol>
<blockquote>
<a href="http://codelights.com/elements/popup/" title="Modal Popup Showcase and Examples" rel="nofollow ugc">Modal Popup Showcase and Examples</a>
</blockquote>
<h4>2. Stats Counter</h4>
A great tool to draw visitors’ attention to a data that can be expressed in numbers, like: your sales, number of completed projects or your customer satisfaction index. You set initial and final values and when your visitor will reach a counter, it will animate in a most natural way: gradually changing the number.
Special Features:
<ol>
<li>6 international number formattings including Chinese and Indian ones.</li>
<li>Accounting formatting available, where negative numbers are framed with parentheses.</li>
<li>Specify amount of numbers after the decimal point or use integers with no decimal part at all.</li>
<li>Several numbers within a single counter, so you can animate “0 / 0” into “24 / 7”, lets say, to emphasize your service working hours.</li>
<li>Animate anything into anyting: even letter-based string will be turned into the other one in a most natural way.</li>
<li>Simple to use: just type in the initial and final strings and our smart scripts will do the rest.</li>
</ol>
<blockquote>
<a href="http://codelights.com/elements/counter/" title="Stats Counter Showcase and Examples" rel="nofollow ugc">Stats Counter Showcase and Examples</a>
</blockquote>
<h4>3. FlipBox</h4>
Two-sided card that flips to reveal additional information, when you hover over it.
Special Features:
<ol>
<li>4 animation types: Card Flip, Cube Tilt, Cube Flip and Cover Open.</li>
<li>8 animation directions for each of the animations.</li>
<li>100% CSS3-based animations to improve performance.</li>
<li>Most flexible FlipBox ever: 34 different options, yet easy-to-use.</li>
</ol>
<blockquote>
<a href="http://codelights.com/elements/flipbox/" title="FlipBox Showcase and Examples" rel="nofollow ugc">FlipBox Showcase and Examples</a>
</blockquote>
<h4>4. Interactive Text</h4>
Trending element in 2015: when you need to emphasize that you are great at several services, you can smoothly change the service-name part of the slogan, leaving the rest unchanged. And that’s just one tiny example of how this element can be used: the richness of language and it’s usages are limitless!
Special Features:
<ol>
<li>The only of it’s kind in free WordPress plugins.</li>
<li>Choose one of 5 beautiful animation types.</li>
<li>Change different parts of sentence at different steps.</li>
<li>Incredibly easy-to-use: just type in all the sentence states, and our smart scripts will do the rest.</li>
</ol>
<blockquote>
<a href="http://codelights.com/elements/itext/" title="Interactive Text Showcase and Examples" rel="nofollow ugc">Interactive Text Showcase and Examples</a>
</blockquote>
<h4>5. Interactive Banner</h4>
Element powered by great CSS animations, can be used to attend visitors to the needed page or even to showcase some products listing. Some of the animations reveal additional data, which can be used to highlight important details or call to action.
Special Features:
<ol>
<li>10 awesome animations.</li>
<li>Adjustable responsive behavior.</li>
<li>Incredibly customizable: 18 options, yet easy-to-use.</li>
</ol>
<blockquote>
<a href="http://codelights.com/elements/ib/" title="Interactive Banner Showcase and Examples" rel="nofollow ugc">Interactive Banner Showcase and Examples</a>
</blockquote>
<h4>6. Testimonial</h4>
A great tool to share your current Clients’ experience with your new visitors, and to emphasize your credibility one more time.
Special Features:
<ol>
<li>3 testimonial types: Quote, Scanned document and Video.</li>
<li>5 quote layouts.</li>
<li>You can specify the author source for even better credibility.</li>
</ol>
<blockquote>
<a href="http://codelights.com/elements/review/" title="Testimonial Showcase and Examples" rel="nofollow ugc">Testimonial Showcase and Examples</a>
</blockquote>
… and more elements are coming!
<h3>Use Them the Way You Like</h3>
<h4>Shortcode Builder</h4>
Both in visual and text modes you’ll see an additional button that helps you to create and edit shortcodes using convenient tabbed forms. Create and modify the elements you want in seconds!
<blockquote>
Check the screenshots or download the plugin for more details.
</blockquote>
<h4>Sidebar Widgets</h4>
Use the convenient rich controls when creating and editing sidebars widgets both from admin page and customizer mode. The last option helps you to preview changes instantly.
<blockquote>
Check the screenshots or download the plugin for more details.
</blockquote>
… and more supported editors are coming!

Sidebar Widgets by CodeLights

Flexible high-end shortcodes and widgets. Responsive, modern, SEO-optimized and easy-to-use.

Denra.com

Ivaylo Tinchev

Shortcode to show any current, past, and future date or time. Display this, previous, or next year, month, day, etc. in your posts and pages.
This is probably the last date and time shortcode plugin you will ever need for your websites since it is very rich in features.
It takes lots of efforts to develop and support a plugin. Please send us your feedback and questions to fix your issue before leaving a bad review.
Are you satisfied by using this plugin? Consider leaving a <a href="https://wordpress.org/support/plugin/wp-date-and-time-shortcode/reviews/?rate=5#new-post" rel="ugc">5 star review</a>. You can also <a href="https://www.paypal.com/paypalme/itinchev" rel="nofollow ugc">donate</a>.
If you need support or more information about this free plugin please read the description and the F.A.Q. section below or write in the <a href="https://wordpress.org/support/plugin/wp-date-and-time-shortcode/" rel="ugc">Support Forum</a>.
<h3>How it works?</h3>
Just put one of these shortcodes in your post or page content and they will work out of the box.
<ul>
<li><code>[wpdts]</code> – the main shortcode which works with all attributes; equals to <code>[wpdts-date-time]</code> by default;</li>
<li><code>[wpdts-date-time]</code> – default date and time format from WordPress general settings</li>
<li><code>[wpdts-date]</code> – default date format from WordPress general settings</li>
<li><code>[wpdts-time]</code> – default time format from WordPress general settings</li>
<li><code>[wpdts-custom]</code>– custom format using the PHP <a href="https://www.php.net/manual/en/datetime.format.php" rel="nofollow ugc">date and time formatting characters</a></li>
<li><code>[wpdts-years]</code>, <code>[wpdts-year]</code> – 4-digit year e.g. 1999 or 2134</li>
<li><code>[wpdts-year-short]</code> – 2-digit year e.g. 99 or 34</li>
<li><code>[wpdts-months]</code>, <code>[wpdts-month]</code> – month as number (1-12)</li>
<li><code>[wpdts-month-name]</code>– month as name (January-December)</li>
<li><code>[wpdts-month-name-short]</code> – month as 3-letter name (Jan-Dec)</li>
<li><code>[wpdts-days]</code>, <code>[wpdts-day]</code> – day of month (1-31)</li>
<li><code>[wpdts-hours]</code>, <code>[wpdts-hour]</code> – hours (0-24)</li>
<li><code>[wpdts-minutes]</code>, <code>[wpdts-minute]</code> – minutes (0-60)</li>
<li><code>[wpdts-seconds]</code>, <code>[wpdts-second]</code> – seconds (0-60)</li>
<li><code>[wpdts-timestamp]</code> – Unix timestamp</li>
<li><code>[wpdts-day-of-year]</code> – day of the year as number (1-366)</li>
<li><code>[wpdts-days-in-month]</code> – number of days in the month (28-31)</li>
<li><code>[wpdts-days-in-february]</code> – number of days in the month of February for the year (28-29)</li>
<li><code>[wpdts-days-in-year]</code> – number of days in the year (365 or 366)</li>
<li><code>[wpdts-day-of-week]</code>– day of the week as number (1-7)</li>
<li><code>[wpdts-day-of-week-name]</code>– day of the week as full name (Monday-Sunday)</li>
<li><code>[wpdts-day-of-week-name-short]</code> – day of the week as short 3-letter name (Mon-Sun)</li>
<li><code>[wpdts-week-of-year]</code> – week of year, since first Monday of the year (1-52)</li>
<li><code>[wpdts-am-pm]</code>– am/pm or AM/PM according to the am_pm attribute (“L” or “U”)</li>
<li><code>[wpdts-time-zone]</code>– the current time-zone for the shortcode result</li>
</ul>
If you need to use the shortcodes in other places (like titles, navigation menus, footers, widgets, etc.) additional code or plugins may be needed to turn them on in your theme if they are not supported by default. See F.A.Q. section for details.
EXAMPLES 
If you need to view real-time examples of usage or set up custom attributes to show specific date or time please see the page of <a href="https://denra.com/products/wordpress/plugins/wp-date-and-time-shortcode/" rel="nofollow ugc">WP Date and Time Shortcode</a> on <a href="https://www.denra.com/" rel="nofollow ugc">Denra.com</a>.
ATTRIBUTES 
If you need more detailed features please use the shortcode attributes.
<h3>Features</h3>
<ul>
<li>Show date and/or time in the default WordPress formats.</li>
<li>Show date and/or time in custom format based on the PHP <a href="https://www.php.net/manual/en/datetime.format.php" rel="nofollow ugc">date and time formatting characters</a></li>
<li>Show date and/or time based on fixed SQL/date/time format or any <a href="https://www.php.net/manual/en/datetime.formats.php" rel="nofollow ugc">relative date and time format</a>. See the Relative Formats section.</li>
<li>Show year separately as 4 or 2-digit number (e.g. 1999 or 99).</li>
<li>Show month as number (1-12), full name (January-December) or 3-letter name (Jan-Dec).</li>
<li>Show day as number with or without leading zero, with or without suffix (st, nd, rd, th).</li>
<li>Show hour, minutes, seconds with or without leading zero.</li>
<li>Show day of week as number (1-7), full name (Monday-Sunday) or three letters (Mon-Sun).</li>
<li>Show the day of the year (1-366).</li>
<li>Show the number of days for the month (28-31).</li>
<li>Show the number of days in February for the year (28 or 29).</li>
<li>Show the day of the year (365 or 366).</li>
<li>Show the week of the year (1-52).</li>
<li>Show currently used time-zone.</li>
<li>Show the first day from a list of next coming weekdays, days of month, or the last day of the current month.</li>
<li>Add or subtract years, months, days, hours, minutes and/or seconds before showing the final result.</li>
<li>Set post/page creation or modification time (including GMT variants) as “init” attribute.</li>
</ul>
<h4>Attributes and values</h4>
You can add the following attributes to <code>[wpdts]</code> to show the date and time that you need:
<ul>
<li><code>item</code> – what date and time information to show. The used values are:
<ul>
<li><code>date-time</code> – default WP date and time format (default value)</li>
<li><code>custom</code> – custom format using the PHP <a href="https://www.php.net/manual/en/datetime.format.php" rel="nofollow ugc">date and time formatting characters</a></li>
<li><code>date</code> – default WP date format</li>
<li><code>time</code> – default WP time format</li>
<li><code>year</code>, <code>years</code> – 4-digit year</li>
<li><code>year-short</code>, <code>years-short</code> – 2-digit year</li>
<li><code>month</code>, <code>months</code> – month as number (1-12)</li>
<li><code>month-name</code> – month as name (January-December)</li>
<li><code>month-name-short</code> – month as 3-letter name (Jan-Dec)</li>
<li><code>day</code>, <code>days</code> – day of month (1-31)</li>
<li><code>hour</code>, <code>hours</code> – hours (0-24)</li>
<li><code>minute</code>, <code>minutes</code> – minutes (0-60)</li>
<li><code>second</code>, <code>seconds</code> – seconds (0-60)</li>
<li><code>timestamp</code> – Unix timestamp</li>
<li><code>day-of-year</code> – day of the year as number (1-366)</li>
<li><code>days-in-month</code> – number of days in the month (28-31)</li>
<li><code>days-in-february</code> – number of days in the month of February for the year (28-29)</li>
<li><code>day-of-week</code> – day of the week as number (1-7)</li>
<li><code>day-of-week-name</code> – day of the week as full name (Monday-Sunday)</li>
<li><code>day-of-week-name-short</code> – day of the week as short 3-letter name (Mon-Sun)</li>
<li><code>week-of-year</code> – week of year, since first Monday of the year (1-52)</li>
<li><code>am-pm</code> – am/pm or AM/PM according to the am_pm attribute (“L” or “U”)</li>
<li><code>time-zone</code> – the current time-zone for the shortcode result</li>
</ul>
</li>
<li><code>format</code> – date format used with the PHP <a href="https://www.php.net/manual/en/datetime.format.php" rel="nofollow ugc">date and time formatting characters</a> only when <code>item</code> is set to <code>custom</code></li>
<li><code>start</code> – set the basic date and time for the shortcode; defaults to the WordPress time in the current timezone.
<ul>
<li>initial date and/or time string based on fixed SQL/date/time formats (e.g. 2019-09-16 17:45:53 or Sep 16, 2019 17:45:53) or any <a href="https://www.php.net/manual/en/datetime.formats.php" rel="nofollow ugc">relative date and time format</a>. See the Relative Formats section.</li>
<li><code>now</code> – the default initial current date and time based on the WordPress General settings time-zone</li>
<li><code>post-created</code> – gets the post/page creation date and time</li>
<li><code>post-created-gmt</code> – gets the post/page creation date and time GMT</li>
<li><code>post-modified</code> – gets the post/page last modification date and time</li>
<li><code>post-modified-gmt</code> – gets the post/page last modification date and time GMT </li>
</ul>
</li>
<li><code>next</code> – move the start date and time to the next coming selected (can have more than one value separated by comma)
<ul>
<li><code>mon</code>, <code>tue</code>, <code>wed</code>, <code>thu</code>, <code>fri</code>, <code>sat</code>, <code>sun</code> – weekday shortname (and with first letter in uppercase)</li>
<li><code>1</code>–<code>31</code> – day of month</li>
<li><code>last-day-of-month</code> – the last day of month – 28, 29, 30, or 31</li>
</ul>
</li>
<li><code>time_zone</code> – select the time-zone for which to display the result from the available PHP <a href="https://www.php.net/manual/en/timezones.php" rel="nofollow ugc">time-zones</a>.</li>
<li><code>i18n</code> – set months and weeks names to be displayed in the current language (‘yes’ by default)</li>
<li><code>days_suffix</code> – set suffix st, nd, rd, th for the <code>day</code> and <code>days</code> item e.g. 1st, 2nd, 3rd, 4th, etc.</li>
<li><code>hours_24</code> – set 12 or 24 hours format for the <code>hours</code> item.</li>
<li><code>am_pm</code> – used with the <code>am-pm</code> item when 12 hours format is preferred: “L” for lowercase (am, pm) or “U” for uppercase (AM, PM)</li>
<li><code>post_id</code> – post ID from which to get post-created(-gmt) or post-modified(-gmt)</li>
<li><code>options</code> – additional options e.g. key1=value1|key2=value2|key3=value3|etc. which may be used with the <code>denra_wpdts_result</code> filter</li>
<li><code>years</code> – change in years e.g. <code>years="+1"</code> or <code>years="-1"</code> before showing</li>
<li><code>months</code> – change in months e.g. <code>months="+2"</code> or <code>months="-2"</code> before showing</li>
<li><code>days</code> – change in days e.g. <code>days="+7"</code> or <code>days="-7"</code> before showing</li>
<li><code>hours</code> – change in hours e.g. <code>hours="+12"</code> or <code>hours="-12"</code> before showing</li>
<li><code>minutes</code>, <code>minutes_change</code> – change in minutes e.g. <code>minutes="+30"</code> or <code>minutes="-30"</code> before showing</li>
<li><code>seconds</code>, <code>seconds_change</code> – change in seconds e.g. <code>seconds="+45"</code> or <code>seconds="-45"</code> before showing</li>
<li><code>zero</code> – show leading zero when months, days, hours, minutes and seconds are displayed. Old ones ‘x-zero’ for each separate item are still supported for compatibility.</li>
</ul>
<h4>Filter Hooks</h4>
<ul>
<li><code>denra_wpdts_result</code> ($result, $timestamp, $atts, $options) – for additional processing of the shortcode result</li>
</ul>
<h3>(COMING ASAP) 3.0 PRO EDITION with an annual subscription plan</h3>
WP Date and Time Shortcode is fully FREE and contains all main features that are needed by most users. Check them out!
However, since we want to continue supporting this plugin and adding new non-basic features, we have decided to offer a Pro edition with an annual subscription plan offered at a very affordable price per website. We are working hard to release the Pro edition although it took us a little bit more time to prepare it than expected in the beginnig.
What will you get with WP Date and Time Shortcode Pro in the near future?
<ul>
<li>Technical support by <a href="mailto:support@denra.com" rel="nofollow ugc">email</a> and Facebook Messenger chat on our <a href="https://www.denra.com/" rel="nofollow ugc">website</a>. The free version will be supported by the <a href="https://wordpress.org/support/plugin/wp-date-and-time-shortcode/" rel="ugc">Support Forum</a> only.</li>
<li>JavaScript display of the shortcode result even on cached pages. You won’t need to turn off the caching for any page and post!</li>
<li>Additional pre-defined date and time initialization values like:
<ul>
<li>First visit on the website (saved as cookie, session and user option if possible)</li>
<li>Last visit on the website (saved as cookie, session and user option if possible)</li>
<li>Catholic and Orthodox Easter dates</li>
<li>Passover</li>
<li>Hanukkah</li>
<li>Mother’s day</li>
<li>Father’s day</li>
<li>Columbus day</li>
<li>Thanksgiving day</li>
<li>Black Friday</li>
<li>Cyber Monday</li>
<li>Christmas</li>
<li>New year</li>
<li>Chinese new year</li>
<li>and more.</li>
</ul>
</li>
<li>Additional items and attributes:
<ul>
<li><code>style</code> – change font face, color and size;</li>
<li><code>time-zone</code> browser/IP parameter – modify the shortcode result to the visitor’s timezone (not 100% accurate since it gets the timezone by IP address);</li>
<li><code>counter</code> – dynamically change displayed values as a ticking text clock;</li>
</ul>
</li>
<li>Shortcode Wizard – create shortcodes using an easy to use step-by-step wizard.</li>
<li>Menu Location – change the menu display – main admin menu, settings menu, top menu, or turn off all.</li>
<li>And more.</li>
</ul>
IMPORTANT NOTE: Not all Pro features will be released in the first Pro version since more work and testing is needed for some of them.

WP Date and Time Shortcode

Shortcode to show any current, past, and future date or time. Display this, previous, or next year, month, day, etc.

Sidebar Widgets by CodeLights vs WP Date and Time Shortcode