# Comment Editing

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FZZJiRw6wpnpxz9Kvk5OQ%2Fdlxplugins-1676655617533-1x.webp?alt=media&#x26;token=4124c382-a556-4a44-a912-a76178723b30" alt=""><figcaption><p>Comment Editing Options in Comment Edit Pro</p></figcaption></figure>

Comment editing is enabled by installing [Comment Edit Lite](https://wordpress.org/plugins/simple-comment-editing) alongside [Comment Edit Pro](https://dlxplugins.com/plugins/comment-edit-pro/).

Please see the links below for the various comment editing features that [Comment Edit Pro](https://dlxplugins.com/plugins/comment-edit-pro/) enables.

## Enable or Disable Comment Editing

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FmUdPb0s5Ad1h3r0LUz6E%2Fdlxplugins-1677182050883-1x.webp?alt=media&#x26;token=4915fbbd-dfe1-479d-9cb3-7472a7ba4a0f" alt=""><figcaption><p>Enable or Disable Comment Editing</p></figcaption></figure>

Enabling comment editing is a great way for users to fix their own mistakes when leaving a comment.

<div><figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FxmDQ8BTt0o1Ezz5TA3V6%2Fdlxplugins-1677182819914-1x.webp?alt=media&#x26;token=12773619-c731-493a-b852-521549c22cdb" alt=""><figcaption><p>Comment Editing on the Frontend</p></figcaption></figure> <figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FVAwsgL1SaV2KEgZFfwEu%2Fdlxplugins-1677182842254-1x.webp?alt=media&#x26;token=25b69f14-0193-4bf4-8251-35d28757eea6" alt=""><figcaption><p>Interface When Editing a Comment</p></figcaption></figure></div>

{% hint style="info" %}
**Comment Editing Requires Comment Edit Lite**. [Comment Edit Lite](https://wordpress.org/plugins/simple-comment-editing/) is a free plugin on the WordPress Plugin Directory.
{% endhint %}

{% embed url="<https://wordpress.org/plugins/simple-comment-editing/>" %}
Comment Edit Lite
{% endembed %}

As of Comment Edit Pro 3.0, there is no longer a requirement to have Comment Edit Lite installed. However, if you want comment editing, [Comment Edit Lite](https://wordpress.org/plugins/simple-comment-editing/) must be activated.

## 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>

## Editing the Timer Length

By default, users have 5 minutes to edit their comment. You can adjust this value to make the timer shorter or longer.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FDoDGItg7Mi7S8xqr7D7P%2Fdlxplugins-1677183534684-1x.webp?alt=media&#x26;token=32ed4c0f-f692-4f5f-b1ba-14ab8390dd35" alt=""><figcaption><p>Timer Adjusted for Twenty Minutes</p></figcaption></figure>

{% hint style="danger" %}
**Be careful of long edit times**. Comment editing is cookie based, so having a reasonable time is recommended.
{% endhint %}

### The Timer on the Frontend

When you adjust the timer, new comments will be able to edit for the number of minutes you have set.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2F11dZoX6qpX2bs2mXtcE6%2Fdlxplugins-1677183548054-1x.webp?alt=media&#x26;token=56e87db1-1405-41a9-9412-afd854672b50" alt=""><figcaption><p>Timer on the Frontend</p></figcaption></figure>

{% hint style="info" %}
**Unlimited Editing and Anonymous Users**: Unlimited editing is not possible for anonymous (non-logged-in users). Since anonymous users do not have an account, comment editing is cookie based, which limits the editing experience to the user's current session.
{% endhint %}

## Unlimited Editing on the Frontend

Another popular feature is you can enable unlimited editing for logged-in users.

With Unlimited Editing enabled, users are shown a "Click to Edit" button with no timer present.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FxecFPl3fVYseWCX5zXqY%2Fdlxplugins-1677183859174-1x.webp?alt=media&#x26;token=094ae949-995b-44f1-a7af-1dee46e5c64b" alt=""><figcaption><p>Unlimited Editing on the Frontend</p></figcaption></figure>

Users will be able to edit their comment as long as unlimited editing is enabled.

{% hint style="info" %}
Enable email notifications and comment logging to keep track of edits.
{% endhint %}

## Cancel the Timer

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FUGt2XnWoXoxSix5vmvKL%2Fdlxplugins-1677184302297-1x.webp?alt=media&#x26;token=a02c3eaa-4e82-4794-8080-e4dc67518650" alt=""><figcaption><p>Timer Cancellation Feature</p></figcaption></figure>

One requested feature was for allowing the timer to be canceled when a user is done editing.

If the timer is available, a "Cancel Timer" button will be shown.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FD2veWRjQEhSzHs5ekg1n%2Fdlxplugins-1677184313874-1x.webp?alt=media&#x26;token=a5fc76af-c6d5-436a-9eb1-97ea2e890557" alt=""><figcaption><p>Cancelling the Timer</p></figcaption></figure>

Clicking "Cancel Timer" will stop editing for the comment.

![](https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fkriwp6qmkeYwzPXPCRgc%2Fcomment-edit-pro-cancel-timer.gif?alt=media\&token=905cfcbd-a443-4785-974a-0cd386235d44)

## Comment Logging and Stats

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FjmvKDs9GhNJvlw2paiwB%2Fdlxplugins-1677184490706-1x.webp?alt=media&#x26;token=baa524a7-51dc-42a0-8485-bbc07d129970" alt=""><figcaption><p>Comment Logging Option</p></figcaption></figure>

### Enabling Comment Logging

Comment Logging is taking an extra precaution when users edit their comments. If you have a long timer or unlimited editing enabled, logging will store all edits of a comment.

The edited comment is stored on the individual comment in the admin, and you can easily revert back to the original comment.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FbNr5aLy149tRLrX2JZAc%2Fdlxplugins-1677188162529-1x.webp?alt=media&#x26;token=bf341940-c751-43b4-8d2d-5f16c082a17f" alt=""><figcaption><p>Comment Logging Example on the Edit Comment Screen</p></figcaption></figure>

### Restoring a Comment

With Comment Logging and Stats enabled, when a user leaves a comment, it is stored for reference so you can keep track of edits for a particular comment.

You can check out the edits for the comment, and even restore a previous edit.

Here's a quick demo of reverting a comment.

![Demo of Restoring a Comment](https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FKDcoryKooioWGRP5pgrP%2Fcomment-logging.gif?alt=media\&token=dbd4c15e-1bfd-479d-a75f-1eff47cdcde5)

## Comment Deletion

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FEiPdTJMV5qJBvjJnfsDR%2Fdlxplugins-1677186573271-1x.webp?alt=media&#x26;token=3fa99f95-5853-47a3-a7d7-027bf072e741" alt=""><figcaption><p>Comment Deletion Options</p></figcaption></figure>

Sometimes comments are left in haste or in the moment, and the user would simply like to remove the comment rather than edit it. Allowing users to delete their comments is a nice way of self-policing their comments.

### Enabling Comment Deletion

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2F1Wzb6VXduPNbVLovWTiN%2Fdlxplugins-1677186816986-1x.webp?alt=media&#x26;token=fc592973-fe54-4786-86d9-98a8dcc02630" alt=""><figcaption><p>Allow Comment Deletion Option</p></figcaption></figure>

{% hint style="info" %}
Comment deletion is enabled by default
{% endhint %}

When a user edits a comment, they will see a button allowing them to delete their own comment.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fug9wvGNjMdlu1UGeMJJk%2Fdlxplugins-1677186936352-1x.webp?alt=media&#x26;token=5a1821eb-fdbb-47e8-904b-642a9f1a1d58" alt=""><figcaption><p>Comment with Delete Button</p></figcaption></figure>

When a user chooses to delete their own comment, a confirmation is shown.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FsJuWKSyn82na2Dlyq6ET%2Fdlxplugins-1677186949934-1x.webp?alt=media&#x26;token=5976c0d0-7338-43a4-a782-31830246fea6" alt=""><figcaption><p>Prompt to Delete a Comment</p></figcaption></figure>

### Delete Only Option

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FwbgL4SY83kwEh798w1bW%2Fdlxplugins-1677186976831-1x.webp?alt=media&#x26;token=105fc033-421f-4743-a8d0-02cee8bf4ff7" alt=""><figcaption><p>Allow "Delete Only" Option</p></figcaption></figure>

The "Delete Only" option is designed to only show the Delete option when editing a comment. The Edit button isn't visible, but a Delete option instead.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fj6bm8T8bRsLlwA7Pw73t%2Fdlxplugins-1677186961547-1x.webp?alt=media&#x26;token=832c5bcf-8d58-41ad-8dc7-32588ddde552" alt=""><figcaption><p>Delete Comment Button on the Frontend</p></figcaption></figure>

### Removing the Confirmation

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FNCVR8UnLNUw3ButumlFg%2Fdlxplugins-1677186993695-1x.webp?alt=media&#x26;token=166e2779-c2e3-4b70-a6af-5c9abebbcf48" alt=""><figcaption><p>Hide the Delete Button Confirmation Option</p></figcaption></figure>

When editing their comment, the Delete button is shown.

By default, a confirmation is shown to the user to prevent accidental clicks.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FjTvqOvb0SHF1i3HSU0gz%2Fdlxplugins-1677186949934-1x.webp?alt=media&#x26;token=ce0f9b1c-6bac-42a8-9735-94c54c477398" alt=""><figcaption><p>Delete This Comment Confirmation</p></figcaption></figure>

You can disable or enable this confirmation by toggling the setting.

### Delete Comments Demo

Here is the behavior of a user deleting a comment.

![Animated GIF of a User Deleting a Comment](https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fz6jXI4hVGdxAGkTiJfP5%2Fcomment-deletion.gif?alt=media\&token=c3e68175-5d83-4dc2-8216-03c8d898af86)

As you can see, when a user deletes a comment, a status update shows and the comment is removed from view.

## Email Notifications

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fw5AXXIM8ylzYTMJbQTuA%2Fdlxplugins-1677187545415-1x.webp?alt=media&#x26;token=a0d27c2e-b066-41df-b879-fe96b2be8770" alt=""><figcaption><p>Email Notification Option</p></figcaption></figure>

If you enable email notifications, you will receive an email with a before and after of the comment edit.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FUOHkRAgjZuts2wBnC3yO%2Fdlxplugins-1677187562071-1x.webp?alt=media&#x26;token=bd2ce551-ac89-4daa-a565-0ca7478f6087" alt=""><figcaption><p>Email Notification Options</p></figcaption></figure>

Within this section you can:

* Enable email notifications
* Set an email address to send the comments to
* Set an email address for the "From" field in the email.
* Set the subject of the email

{% hint style="success" %}
**Recommended SMTP (Email) Plugin**: [WP Mail SMTP](https://wpmailsmtp.com/).
{% endhint %}

{% hint style="info" %}
**Sending Emails**: Comment Edit Pro is not an email or SMTP plugin. If you have set up email successfully on your site, Comment Edit Pro will use that mechanism.
{% endhint %}

Here is a sample of the emails you will receive.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FPe0XFKSGlH6HyY8ZfOD3%2Fdlxplugins-1677187920167-1x.webp?alt=media&#x26;token=4c3b7d64-3b63-4d3b-bc6b-4a04ac7311e9" alt=""><figcaption><p>Sample Email</p></figcaption></figure>

As you can see, the email contains the original comment and the edited one.

With logs enabled, you can also see a history of all the edits a commenter makes.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FbNr5aLy149tRLrX2JZAc%2Fdlxplugins-1677188162529-1x.webp?alt=media&#x26;token=bf341940-c751-43b4-8d2d-5f16c082a17f" alt=""><figcaption><p>Logging Example</p></figcaption></figure>

## Appearance Settings

You can modify how Comment Edit Pro looks on the frontend through the appearance settings.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FkSxUsGogJJU2RtBGjgxG%2Fdlxplugins-1677188295261-1x.webp?alt=media&#x26;token=547d422e-e2b3-42df-98f3-cccd039f958a" alt=""><figcaption><p>Appearance Settings</p></figcaption></figure>

Within the Appearance tab, you can:

* Show or hide the timer
* Set the timer to Words or Compact
* Change the button theme
* Change the loading image

### Showing or Hiding the Timer

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FF2V7jtdMiUZhelZ14FJH%2Fdlxplugins-1677188418823-1x.webp?alt=media&#x26;token=64eb56d1-10cc-40f1-bda8-f751741945b6" alt=""><figcaption><p>Show or Hide the Timer Option</p></figcaption></figure>

By default, the timer is shown. However, if you don't want to display a timer at all, you can uncheck this option.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fd8cOpH36WS7XE5ICh0cB%2Fdlxplugins-1677188608458-1x.webp?alt=media&#x26;token=242ea2cc-56d6-4435-ba44-eaed8fdd61e5" alt=""><figcaption><p>Edit Interface Without a Timer</p></figcaption></figure>

### Timer Appearance

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2F86voM2YUUgbdhTdt3u0U%2Fdlxplugins-1677188746274-1x.webp?alt=media&#x26;token=00ba5e0b-3a66-441e-ac50-4e36c28d3105" alt=""><figcaption><p>Timer Appearance Options</p></figcaption></figure>

By default, the timer is shown as words.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FEwI8aOXJubAyxlh2x1Aa%2Fdlxplugins-1677188624495-1x.webp?alt=media&#x26;token=f7b4eabd-017b-497c-a4e8-7fe59256a97b" alt=""><figcaption><p>Words-based Timer</p></figcaption></figure>

You can also choose compact to appear more like a countdown.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FrvaCXNoGevEjUuERUdB1%2Fdlxplugins-1677188661474-1x.webp?alt=media&#x26;token=b02c404f-5ca7-480d-8e6c-a327cfe76dde" alt=""><figcaption><p>Edit Timer in Compact Form</p></figcaption></figure>

### Button Themes

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FzJVkFD37rInOanAcT53I%2Fdlxplugins-1677188854050-1x.webp?alt=media&#x26;token=64a92211-19b2-41e4-9f4c-88202645484b" alt=""><figcaption><p>Button Theme Options</p></figcaption></figure>

By default, there are no frontend styles applied to the editing buttons. You can change this by selecting a button theme.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fqp2Fn1Qb3ukV2ienHrp3%2Fdlxplugins-1677188874730-1x.webp?alt=media&#x26;token=0ca5e169-ba00-4e52-86d1-194f28ea9dc6" alt=""><figcaption><p>Three Button Themes are Available</p></figcaption></figure>

If you select any of the button themes, you'll be asked if you'd like to enable icons.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FhJ3IXm0U95oN2yEI3pSp%2Fdlxplugins-1677189075805-1x.webp?alt=media&#x26;token=8ffb7e50-9251-4085-95a6-5c4fcb9c4d8d" alt=""><figcaption><p>Show Icons on Buttons Option</p></figcaption></figure>

Enabling icons is recommended to give your buttons a nice boost in appearance with contextual icons.

By default, the editing interface and buttons has no styles.

However, there are three themes you can take advantage of to spruce up the editing interface.

<div><figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FxxYLpeY36EYyyfWCOeWa%2Fdlxplugins-1677191871649-1x.webp?alt=media&#x26;token=7f334e0e-ce98-4a3a-9a78-f65b0cabab4d" alt=""><figcaption><p>Regular Button Theme</p></figcaption></figure> <figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FpLjoEw4Mw68NYaGotvsL%2Fdlxplugins-1677191889031-1x.webp?alt=media&#x26;token=664463ad-bcca-441e-97d7-8f31c4b109dc" alt=""><figcaption><p>Dark Button Theme</p></figcaption></figure> <figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FQfQNAmcyne8JlGsGmJ55%2Fdlxplugins-1677191880288-1x.webp?alt=media&#x26;token=b1e9a2e1-8d9a-4636-8404-bdccb6a42b12" alt=""><figcaption><p>Light Button Theme</p></figcaption></figure></div>

{% hint style="info" %}
**Turning on Icons:** If you choose a button theme, it is highly recommended to enable icons.
{% endhint %}

## Translations

You can modify any text string that is shown to the end user in the translations section.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fi4i6mwenKy5l5wkaaDnS%2Fdlxplugins-1677191997087-1x.webp?alt=media&#x26;token=2b026954-de67-4332-9786-f0511304c60c" alt=""><figcaption><p>The Translations Section Allows You to Modify Any Output</p></figcaption></figure>
