# Menu Helper

Menu Helper provides shortcuts in the admin bar and is helpful when you are first setting up the plugin. It is disabled by default but is easily enabled in the admin settings.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FIdUmengAdODynR5bCWyz%2Fdlxplugins-1695538826107-1x.webp?alt=media&#x26;token=f38fb4e1-4bb5-4063-8f51-0a7fb438478c" alt=""><figcaption><p>Menu Helper is a menu in the admin bar</p></figcaption></figure>

{% hint style="warning" %}
**The Admin Bar Must Be Enabled**: Menu Helper lives in the admin bar, so if you don't see Menu Helper, go to your user profile and enable the admin bar on the front end.
{% endhint %}

Menu Helper has the following tools and shortcuts:

* **Simulate Enabled/Disabled** - Simulate the page with Ajaxify Comments enabled or disabled. This is useful for debugging and also testing out the plugin before enabling it on the site.
* **Launch Selector Helper** - This tool scans your page and tries to find the comment selectors for you.
* **Close/Open Comments** - Quickly open and close comments. Please note that for Selector Helper to work, comments must be open.
* **Preview Error Messages** - Launch the preview notifications that come with Ajaxify Comments. This is useful for previewing the notifications on the front end.
* **Admin Shortcuts** - Shortcuts to the admin settings and the selectors allow for quick navigation between the front and admin sections.

Here is how to enable Menu Helper and how to use some of the various shortcuts and tools included.

### Enabling Menu Helper

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FSuNUKixDnaR8v6X78ge2%2Fdlxplugins-1695538551933-1x.webp?alt=media&#x26;token=85eece4f-62ce-45c0-9dcc-49f7a14edd18" alt=""><figcaption><p>Home Screen for Ajaxify Comments</p></figcaption></figure>

To enable Menu Helper, head to the "Home" screen in the admin settings.

{% content-ref url="finding-the-settings" %}
[finding-the-settings](https://docs.dlxplugins.com/ajaxify-comments/first-time-users/finding-the-settings)
{% endcontent-ref %}

Toggle **Menu Helper** on and save the settings.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FSFg27vt1vULEhrGXdyNU%2Fdlxplugins-1695538644575-1x.webp?alt=media&#x26;token=b1665a75-f287-45a3-9852-b0dfb403de22" alt=""><figcaption><p>Enable Menu Helper and save the settings</p></figcaption></figure>

### Accessing Menu Helper on the Front End

Navigate to a post with comments open and that has a few posted comments.

You'll find an **Ajaxify** menu item, which contains most of the Menu Helper tools and shortcuts.

### Simulate Ajaxify Comments Enabled or Disabled

One of the first things you'll want to do after enabling Menu Helper is to simulate what Ajaxify Comments looks like on your site. Understandably after installing the plugin, you want to make sure it works before actually enabling it. This is why Ajaxify Comments is disabled by default in the admin settings.

By clicking Simulate Enabled, you can test how Ajaxify Comments works without affecting the site.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FJltf3yBTXai9OfjLkJnE%2Fdlxplugins-1695539319351-1x.webp?alt=media&#x26;token=b874bae5-c613-49da-828c-659d27c3a20b" alt=""><figcaption><p>Simulate Enabled Option in Menu Helper</p></figcaption></figure>

Once enabled, try to post and interact with the comment section, and check that the error handling is working by submitting a blank comment and a duplicate comment.

When you're done, click "Back to Post" in the admin bar.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2F8Jtp12co7fjsfzHzH0ps%2Fdlxplugins-1695539559883-1x.webp?alt=media&#x26;token=7f39bb74-0a4a-4dcb-8a50-0d62f3e6210e" alt=""><figcaption><p>Back to Post option in Menu Helper</p></figcaption></figure>

If Ajaxify Comments is indeed enabled, then you'll see a **Simulate Disabled** option in Menu Helper.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FwidH9SoeDnEOvFo5fbLd%2Fdlxplugins-1695540102159-1x.webp?alt=media&#x26;token=64d401db-a033-497e-93d3-8fe43d271650" alt=""><figcaption><p>Simulate Disabled Option in Menu Helper</p></figcaption></figure>

This is useful if you are testing an integration, or troubleshooting another plugin and need to test what it's like with Ajaxify Comments disabled. When clicked on, there is a "Back to Post" option as well.

### Use Selector Helper to Find Your Selectors

Selector Helper is a wizard that tries to scan your site's source code for the right comment selectors.

{% hint style="warning" %}
**Comments must be enabled, and at least one comment should be posted.**
{% endhint %}

The wizard will check if comments are enabled and at least one comment has been left on the post.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FllpXK0TbsANRDsEFYoLx%2Fdlxplugins-1694908325390-1x.webp?alt=media&#x26;token=67eeaa0a-b357-494c-ab7c-cd42a36aed59" alt=""><figcaption><p>Error When Comments Are Disabled</p></figcaption></figure>

If you need to enable comments, there is a shortcut in **Menu Helper.**

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2F8WLReX6Gre8dSy01tZcM%2Fdlxplugins-1694909123100-1x.webp?alt=media&#x26;token=16184611-1af3-4f59-8e83-725e06e949e2" alt=""><figcaption><p>Open Comments Option in Menu Helper</p></figcaption></figure>

If all checks pass, you'll see a success confirmation allowing the Selector Helper to run.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FXVKc7hGabQzkPXdB2Xd9%2Fdlxplugins-1694902495428-1x.webp?alt=media&#x26;token=514622bc-94b4-4afc-a2dc-c35dd8cac2e2" alt=""><figcaption><p>Initial Step of Selector Helper</p></figcaption></figure>

Selector Helper first checks that there is at least one comment and that comments are open. If the tests pass, it will scan the source for the comment selectors.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FfBhpPxRnvdfBp3kySmPv%2Fdlxplugins-1694902513081-1x.webp?alt=media&#x26;token=f1c7c11b-d9c2-44ad-8e9c-294172847a02" alt=""><figcaption><p>Selectors Found with Selector Helper</p></figcaption></figure>

If all of the selectors have been found, you'll see a table of the found selectors, which you can then save.

### Open and Close Comments

If you need to enable or disable comments, there is a shortcut in **Menu Helper.**

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2F8WLReX6Gre8dSy01tZcM%2Fdlxplugins-1694909123100-1x.webp?alt=media&#x26;token=16184611-1af3-4f59-8e83-725e06e949e2" alt=""><figcaption><p>Open Comments Option in Menu Helper</p></figcaption></figure>

### Preview Ajaxify Comment Notifications

You don't have to post comments to test the notifications. You can do it right from Menu Helper.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FNlMttBfnwG3FGFxFWEwR%2Fajaxify-preview-notifications.gif?alt=media&#x26;token=b45d46d7-eb38-4e67-83fb-a709b9eb10c7" alt=""><figcaption><p>Test Notifications With Ajaxify Enabled</p></figcaption></figure>

### When Finished With Menu Helper

Menu Helper is not designed to be active all the time. If you are done with Menu Helper, you can disable it in the admin settings. There is a shortcut to the settings in the Menu Helper toolbar.

{% content-ref url="finding-the-settings" %}
[finding-the-settings](https://docs.dlxplugins.com/ajaxify-comments/first-time-users/finding-the-settings)
{% endcontent-ref %}

For more information on how to get set up, please see the Getting Started guide.

{% content-ref url="getting-started" %}
[getting-started](https://docs.dlxplugins.com/ajaxify-comments/first-time-users/getting-started)
{% endcontent-ref %}
