# Getting Started

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FpDe70lTvlPuw4lO0QlUI%2Fdlxplugins-1694901087892-1x.webp?alt=media&#x26;token=93d13b80-8a3b-41fe-97b8-c4eaeac7ced9" alt=""><figcaption><p>Ajaxify Comments Admin Screen</p></figcaption></figure>

When first installed, [Ajaxify Comments](https://dlxplugins.com/plugins/ajaxify-comments/) is disabled by default. This is so you can set up the selectors and appearance of Ajaxify Comments before enabling the plugin.

### Set up the Selectors

Head to the admin settings and view the Selectors tab. Selectors tell Ajaxify Comments about your comment section.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FctMAjKaACRVMtXTAtJZc%2Fdlxplugins-1694901332324-1x.webp?alt=media&#x26;token=d4361847-68ae-4868-89e1-063bca05cc7d" alt=""><figcaption><p>Selectors Admin Screen</p></figcaption></figure>

If you are an advanced user, please enter the selectors that make up your comment section.

### Use Menu Helper to Find the Selectors

{% hint style="info" %}
**Use Menu Helper**: Find a post or page with comments and use **Menu Helper** to assist in finding your selectors.
{% endhint %}

Selectors are an advanced topic requiring you to inspect your comment section's HTML source. This is why **Menu Helper** was created. For first-time setup, **Menu Helper** is available to help you along.

Go ahead and enable **Menu Helper.**

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2F4gi0iUVer4G3ofV3ezal%2Fdlxplugins-1694901568692-1x.webp?alt=media&#x26;token=221c506e-2eef-420a-8388-fd34c0176504" alt=""><figcaption><p>Menu Helper in the Enabled State</p></figcaption></figure>

#### Navigate to a Post or Page With Comments Enabled

Find a post with comments enabled and navigate to the front end of that post (i.e., view it on the site).

With the admin bar enabled, you'll see **Ajaxify** in the top admin bar.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FwlzhWEmGfufQum6HZEZN%2Fdlxplugins-1694902370155-1x.webp?alt=media&#x26;token=bbd0bc61-174a-4710-8380-f52d7c0fdca4" alt=""><figcaption><p>View "Ajaxify" in the Top Admin Bar</p></figcaption></figure>

#### Launch Selector Helper

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.

### Use Menu Helper to Simulate Ajaxify Comments Enabled

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2F7mANMOwee8KTcWMo6D09%2Fdlxplugins-1694908660495-1x.webp?alt=media&#x26;token=b526e935-e297-44b0-9892-6797ff23bd86" alt=""><figcaption><p>Simulate Ajaxify Comments Enabled</p></figcaption></figure>

You can simulate what Ajaxify Comments will look like when enabled. Using **Menu Helper**, select "Simulate Enabled."

This will refresh the page, and you can post comments as if Ajaxify Comments is enabled. A "Back to Post" button will allow you to return to the page without Ajaxify Comments enabled.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FYXYuYGvxeOVqBAWBfjkI%2Fdlxplugins-1694908846158-1x.webp?alt=media&#x26;token=37f4df60-83b1-452d-8d17-119fbe3ef699" alt=""><figcaption><p>Extra Options When Enabled</p></figcaption></figure>

With Ajaxify Comments enabled, you can use **Menu Helper** to simulate the loading, error, and success messages that Ajaxify Comments uses. This is useful for adjusting the appearance and previewing the changes on the front end.

### Leave a Few Test Comments

Leave a few test comments and ensure all error messages work (posting duplicate comments, empty comments).

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2Fm9PFmptv1DZbgPthRr8a%2Fajaxify-comment.gif?alt=media&#x26;token=1c9d6e7f-0795-4ca5-a61a-d97352b40c12" alt=""><figcaption><p>An Example of Posting a Comment With Errors</p></figcaption></figure>

### Enable Ajaxify Comments

If comments are working as expected, it's time to enable Ajaxify Comments.

Using **Menu Helper**, visit the admin settings to enable Ajaxify Comments.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FZUlf2nJHOSkDrIbOAgSA%2Fdlxplugins-1694909422774-1x.webp?alt=media&#x26;token=8c975e91-e5f5-4e22-8538-a770bb9c1811" alt=""><figcaption><p>Use Menu Helper to Visit the Admin Settings</p></figcaption></figure>

You can now enable Ajaxify Comments, and you can disable **Menu Helper**.

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2Fas6TfPP4gOT7AhYbhLiN%2Fdlxplugins-1694909530497-1x.webp?alt=media&#x26;token=916764d5-0536-4181-a793-44c657dd89af" alt=""><figcaption><p>Admin Options Showing Ajaxify Comments Enabled</p></figcaption></figure>

### Success!

<figure><img src="https://624141870-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBjtVxM2tKSYe1SVErFtc%2Fuploads%2FAHWAujUr8LYTNeEfFNmp%2Fajaxify-success.gif?alt=media&#x26;token=82e1723c-3ac9-4c48-a6ae-15f5ee4b6d97" alt=""><figcaption><p>Successful Comment Submission</p></figcaption></figure>

### Help and Support

Please [leave a star rating](https://wordpress.org/support/plugin/wp-ajaxify-comments/reviews/). A lot of work has gone into making this plugin, and star ratings help spread awareness of the plugin and help improve the plugin's reputation.

If you need help or support, please use the [.org forums](https://wordpress.org/support/plugin/wp-ajaxify-comments/) or the [support form on DLX Plugins](https://dlxplugins.com/support/).
