# Frontend Editing

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FemwiiMBHa3rlqIleC38J%2Fdlxplugins-1678225305270-1x.webp?alt=media&#x26;token=5993ff36-6d53-43a1-b2ab-fe675540a154" alt=""><figcaption><p>Frontend Editing Options</p></figcaption></figure>

## Enabling Frontend Editing

Frontend Editing is by far the most favorite feature of Comment Edit Pro.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fg4AwXfNDxLUs0YmAkyha%2Fdlxplugins-1678225435187-1x.webp?alt=media&#x26;token=aaf9b2e2-cb07-4f80-a747-dcd39581e13f" alt=""><figcaption></figcaption></figure>

It's easy to enable. Just toggle the frontend editing option in the admin settings, save, and you're good to go.

### The Edit Comment Link

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FmUGAVwSE386csPeruQuL%2Fdlxplugins-1678235933492-1x.webp?alt=media&#x26;token=de12461b-ea3a-49ca-abb6-bc2cd7424c48" alt=""><figcaption><p>Edit Button Link</p></figcaption></figure>

Most themes display an "Edit" link when you are logged in and viewing a comment on the frontend.

The default behavior is to take you to the backend comments section.

Comment Edit Pro overrides this behavior and launches a modal where you can edit the comment without having to visit the admin.

If you are logged in and the author of the post or an Editor/Admin, you can simple click the "Edit" link for the individual comment.

{% hint style="warning" %}
Frontend editing depends on having an "Edit" button in the individual comment. If your theme does not provide this button, frontend editing *will not* work.
{% endhint %}

![Clicking the Edit Button Will Pop Up a Editing Modal](https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FU28Ns1td0hIICKhlXR7s%2Fcomment-edit-pro-edit-button.png?alt=media\&token=ca05d9fd-7910-42d9-bc4a-5063d02922a8)

### Frontend Editing Demo

Here's a quick demo of frontend editing in action.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fiz7LSXQshgv0MSruex9W%2Ffrontend-editing.gif?alt=media&#x26;token=61d0452a-866c-430f-b829-b7eac2e3aa54" alt=""><figcaption><p>Frontend Editing Demo</p></figcaption></figure>

When the modal launches, you can edit just about every aspect of the comment.

The following features are available in the popup modal:

* Edit the commenters name, email address, and URL
* Edit the comment
* Change the comment status (approved, pending, spam)
* Delete the comment
* A shortcut to the comment in the admin

## Enabling the Frontend Moderation Menu

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FHfwqfGhOWlPN9NyrjKee%2Fdlxplugins-1678236035163-1x.webp?alt=media&#x26;token=2b8c02a0-6445-4166-a21e-0f7168e49c50" alt=""><figcaption><p>Frontend Moderation Menu Options</p></figcaption></figure>

The frontend moderation menu is a small meatball icon on the frontend of a comment.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2F4YtfIf87e5UODK1Y7V56%2Fdlxplugins-1678236213698-1x.webp?alt=media&#x26;token=72673da4-3cee-4c29-b4bc-7e2249f0c52d" alt=""><figcaption><p>Meatball Icon on Top Right of Comments</p></figcaption></figure>

It expands to reveal editing options:

* Editing a comment
* Approving a comment
* Marking a comment as pending (moderated)
* Marking a comment as spam
* Deleting a comment

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FkaYTK3hF0ByCFKRzkfri%2Fdlxplugins-1678236184368-1x.webp?alt=media&#x26;token=6583f6fa-cc53-4f55-8ac8-3326cc6d7808" alt=""><figcaption><p>Comment Expand Options When Opening the Meatball Menu</p></figcaption></figure>

The moderation menu is designed for quick actions, but hidden in a way that isn't so obtrusive.

There are three themes available:

<div><figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FmEfrT3JwN7grIwMzaTK8%2Fscreenshot-menu-theme-dark.png?alt=media&#x26;token=b29e93ab-6313-4850-b8e7-a80a72c5c42d" alt=""><figcaption><p>Dark Theme</p></figcaption></figure> <figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2F4069dnjl3OPOlZTjjau5%2Fscreenshot-menu-theme-default.png?alt=media&#x26;token=6b1ba596-2b90-4492-a1d3-297a329b7664" alt=""><figcaption><p>Default Theme</p></figcaption></figure> <figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FSjYbcalkWiIjzKvadX6L%2Fscreenshot-menu-theme-light.png?alt=media&#x26;token=7c29934d-4ceb-473f-bcc9-5660466c6aea" alt=""><figcaption><p>Light Theme</p></figcaption></figure></div>