Help & Instructions: Golf Genius Widget for Elementor

Thank you for using the Golf Genius Widget for Elementor. This guide will walk you through how to add, configure, and get the most out of the widget on your website.

What Does This Widget Do?

Instead of using basic, fixed-size iframes, this widget provides a seamless and professional way to display live data from your Golf Genius account directly on your Elementor-powered pages.

• Dynamic Content: Easily select your Seasons, Events, and Rounds from dropdown menus right inside the Elementor editor.

• Automatic Height: The widget includes an advanced script that automatically adjusts its height to perfectly fit the Golf Genius content, preventing ugly double scrollbars and large empty spaces.

• Live Data: The information displayed (like leaderboards and tee sheets) is always the latest from your Golf Genius account.

Step 1: Initial Setup (API Key)

Before using the widget, you must save your global Golf Genius API key.

1. In your WordPress admin dashboard, navigate to the GolfGenius menu item.

2. Contact your Golf Genius account manager to obtain your API Key.

3. Paste the key into the "API Key" field and click "Save API Key".

4. Once valid key is saved, plug-in status will change to Connected

Step 2: Adding the Widget to a Page

1. Go to any page or post and click "Edit with Elementor".

2. In the Elementor widgets panel on the left, search for "Golf Genius Widget".

3. Drag the widget onto the desired section of your page. The widget settings will appear in the Elementor panel.

Step 3: Configuring the Widget

The widget has two main sections in the editor panel: "Content Selection" and "Display & Sizing Settings".

Content Selection

This section is where you choose what data to display.

Display Type: Choose what kind of information you want to show.

• Leaderboard: Shows the tournament leaderboard.

• Tee Sheet: Displays the tee times for a selected round.

Season

This dropdown will automatically load all the seasons from your Golf Genius account. When you add a new widget, it will attempt to default to the season marked as "(Current)".

Event

Once you select a season, this dropdown will automatically load all the events (competitions) within that season.

Round

After selecting an event, this dropdown will load all the rounds for that event. This is optional for leaderboards but may be required for other display types like Tee Sheets.

Display & Sizing Settings

This section controls how the widget appears on your page.

• Height Mode: This controls how the widget's height is calculated.

  • Automatic (Recommended): This is the best option for most users. The widget will use the height-calculator.js script to intelligently measure the content from Golf Genius and adjust its height to fit perfectly, preventing scrollbars.

  • Custom Fixed Height: Choose this if you need the display area to be a specific, unchanging height.

• Custom Height (px): This slider appears only if you select "Custom Fixed Height". It allows you to set the exact height in pixels. A scrollbar will appear if the content is taller than the height you set.

• Maximum Height (px): This slider appears when using the "Automatic" height mode. It sets a limit on how tall the display area can grow. This is useful to prevent very long leaderboards from taking up too much space on your page.

• Enable Scrolling: This switch determines if a scrollbar should appear within the widget if the content is taller than the available space. It is recommended to keep this on.

• Show Debug Info: This is for troubleshooting only. If enabled by a logged-in admin, it will display technical information on the page, such as the exact iframe URL being generated.

Troubleshooting

• Dropdowns are stuck on "Loading..." or are empty:

  • First, ensure you have saved a valid API key in the main GolfGenius settings page.

  • This issue can be caused by a JavaScript conflict with another plugin or your theme. To diagnose this, temporarily deactivate your other plugins and switch to a default theme (like "Hello Elementor"). If the dropdowns then work correctly, reactivate your plugins one by one to find the source of the conflict.

• My new Season/Event is not appearing in the list:

  • The lists of seasons and events are cached for performance. Go to the GolfGenius > Cache Management section on your settings page and click the "Clear Seasons Cache" button to force a refresh from the Golf Genius API.

• The widget shows an error on the page like "Please select an Event...":

  • This means the widget has been saved without all the required information. Edit the widget in Elementor and ensure you have made a valid selection in all the necessary dropdowns.

• Any other issue, please raise a support ticket on nooqgolf.com/support