We’re excited to introduce a new countdown timer feature for our websites to mark important events, like the upcoming launch of the Cornerstone Association of REALTORS®. Below you’ll find easy instructions for adding the countdown timer to both WordPress and non-WordPress sites.

For Non-WordPress Websites

1. Choose the Location for the Countdown: Decide where on your website you want the countdown to appear.
2. Insert the HTML Code: Add the following HTML snippet to your site where you want the countdown:
   • For a version with a default banner:
     <div id="cornerstone-countdown"></div>
   • For a banner-less version:
     <div id="cornerstone-countdown-nobanner"></div>
3. Link to the Countdown Script: Include this script tag in your HTML, ideally just before the closing </body> tag:
   <script src="https://s1.cdn.rahb.ca/rahbca/wp-content/uploads/2024/05/cornerstone-countdown.js"></script>

This setup will automatically display the countdown and adjust to various screen sizes, ensuring a good viewing experience on all devices.

For WordPress Websites

1. Installation:
   • Go to the WordPress Add Plugin screen.
   • Upload the file final-countdown-block-v1.1.1.zip directly through the WordPress interface.
2. Activate the Plugin:
   • Once uploaded, activate the plugin through the Installed Plugins screen in WordPress.
3. Configure the Plugin:
   • Add the Final Countdown block to your post or page, and adjust settings in the side panel to set the end date and time.
   • Alternatively, use the [final_countdown] shortcode with the following optional parameters:
     • due_date: Target date and time (default: ‘2024-07-01T03:59:59’).
     • show_seconds: Display seconds? ‘true’ or ‘false’ (default: ‘false’).
     • end_message: Message to display when countdown ends (default: ‘It’s time!’).
     • end_message_color: End message color (default: ‘#333’).
     • end_message_size: End message font size (default: ’24px’).
     • dial_color: Dial color (default: ‘#003A64’).
     • dial_width: Dial width (default: ’10’).
     • text_color: Text color (default: ‘#333’).
     • text_size: Text font size (default: ’24px’).
     • label_color: Label color (default: ‘#666’).
     • label_size: Label font size (default: ’18px’).
   • Example:
     • [final_countdown due_date="2024-07-01T03:59:59" show_seconds="true" end_message="It's Here!"]

---

Additional Resources

• You can view and inspect the source code for both the non-WordPress script and the WordPress plugin on our GitHub page:
  • JavaScript Countdown Code
  • Final Countdown WP Plugin

For any assistance or further information, please don’t hesitate to contact our IT department at [email protected]. We’re here to ensure everything runs smoothly and efficiently!