This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.



The XOpi™ Editor brings the WordPress TinyMCE built-in editor to the front-end of your site or blog so that you can edit the content of your pages and posts while directly viewing them.

Simple installation and no modification of your themes or templates is required.

From the front-end admin toolbar just click the XOpi icon to toggle between editing and previewing your pages and posts so you can see exactly what your site is going to look like without visiting the back-end (you will need to log into the back-end to be able to edit with XOpi).

Want to learn more? Visit


  • The admin toolbar when XOpi is installed and activated. Click the XOpi menu item to toggle between editing and previewing the page or post.
  • For sites that don't have an admin toolbar installed, the XOpi toggle icon appears in the top left of every page.
  • A page or post in preview mode. Content is displayed as it is to the public.
  • A page or post in edit mode showing the TinyMCE editor.
  • XOpi buttons are added to the last row in the editor. Click the green Save button to save your changes. Click the red Cancel button to cancel changes. Click the XOpi icon to visit the plugin documentation page.
  • Titles are also editable and appear with dashed border when they can be edited.
  • Hover over the title to see the XOpi icon, click to edit.
  • Titles are edited with a simple line editor. Click the red cancel button or the green save button to close the editor.


First, please read the XOpi license agreement:

Method 1: Install from WP Admin

  1. Go to the ‘Plugins’ page in your WordPress Admin
  2. Click “Add New”
  3. Search for “XOpi”
  4. Click “Install Now” on the XOpi plugin listing
  5. Activate the plugin through the ‘Plugins’ page

Method 2: Download and Install

  1. Download and unzip the XOpi plugin.
  2. Upload the plugin files to your `/wp-content/plugins/` directory
  3. Activate the plugin through the ‘Plugins’ page in WordPress


Do I need to be logged in to admin to use this plugin?

Yes, you must first go to your WordPress admin and login, then visit your pages or posts to begin editing.

How do I toggle between editing and previewing the pages or posts?

Click the “XOpi” link in the admin toolbar to toggle back and forth between editing and previewing your posts.


Very effective and reliable

I’ve been using this plugin on several different sites, all with different themes, for over a month now (starting with it’s earlier version, before it was renamed, XOpi) and have found it to work very nicely.

It certainly makes doing quick edits and corrections a breeze!

If I had to suggest a feature, it would be to somehow have the editor “float”. When I have a long page to edit and, let’s say, want to italicise a word, I need to scroll up to the top to get to the appropriate little button.

Of course, this is also the case, with WordPress’s default editor anyway. But I do recall test-running a different front-end editor (which is no longer compatible with the current version of WordPress) and it did have a sort of “floating” collection of editing icons which was very handy.

In any case, I love XOpi. It’s saved me a lot of time and hassle and have found nothing to criticise about it.

This is an excellent plugin, in my experience.

I like it

Just installed this plugin on my site, using the twentyfifteen theme. No problems so far, and I really like being able to edit on the front of the website a lot.

Read all 2 reviews

Contributors & Developers

“XOpi” is open source software. The following people have contributed to this plugin.


Translate “XOpi” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



First release


Minor styling change to admin bar


Plugin name change to XOpi