Title: Frontend View For Headless CMS Author: Dropndot Solutions Published: Juny 27, 2024 Last modified: Maig 15, 2026 --- Search plugins ![](https://ps.w.org/frontend-view-for-headless-cms/assets/banner-772x250.png?rev =3108527) ![](https://ps.w.org/frontend-view-for-headless-cms/assets/icon.svg?rev=3108527) # Frontend View For Headless CMS By [Dropndot Solutions](https://profiles.wordpress.org/dropndot/) [Download](https://downloads.wordpress.org/plugin/frontend-view-for-headless-cms.2.0.zip) * [Details](https://bal.wordpress.org/plugins/frontend-view-for-headless-cms/#description) * [Reviews](https://bal.wordpress.org/plugins/frontend-view-for-headless-cms/#reviews) * [Installation](https://bal.wordpress.org/plugins/frontend-view-for-headless-cms/#installation) * [Development](https://bal.wordpress.org/plugins/frontend-view-for-headless-cms/#developers) [Support](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/) ## Description Frontend View For Headless CMS is a plugin that seamlessly links your backend WordPress content, including posts, pages, custom post types, taxonomies, categories, and authors to your headless CMS frontend site. This ensures that any content in your WordPress backend are linked with your headless CMS frontend, therefore, you can easily visit the contents using visit links. **Features:** * Set your headless frontend base URL in **Frontend View Settings**. * Rewrite **View** links on post, page, CPT, taxonomy, and user list screens. * Optional custom **preview path** (for example `/preview/post-slug/`) for draft and preview links. * Map **author** archive paths to your frontend user segment. * Per-taxonomy and per–post-type **slug overrides** to match your frontend routes. * **Empty slug** option to remove taxonomy or CPT base segments from generated URLs (for flat routes like `/my-post/` instead of `/products/my-post/`). * Frontend links in wp-admin open in a **new tab** for safer editing workflows. * **Settings** shortcut on the Plugins screen for quick access to configuration. * Redesigned settings page with slug mapping UI, quick guide, and helpful resources. Works with any frontend that consumes WordPress via the REST API, GraphQL, or your own data layer—as long as your frontend URLs follow the paths you configure. ### Development This plugin is developed by Dropndot Solutions. For more information, visit [Dropndot Solutions](https://www.dropndot.com/). ### Contact For support or inquiries, please contact us at [info@dropndot.com](https://bal.wordpress.org/plugins/frontend-view-for-headless-cms/info@dropndot.com?output_format=md). ### Like the Plugin? If you find this plugin helpful, please leave a positive review on the [WordPress Plugin Directory](https://wordpress.org/plugins/frontend-view-for-headless-cms) ## Screenshots [⌊Plugin settings page with frontend URL and slug mapping.⌉⌊Plugin settings page with frontend URL and slug mapping.⌉[ Plugin settings page with frontend URL and slug mapping. [⌊View link on a post list row pointing to the headless frontend.⌉⌊View link on a post list row pointing to the headless frontend.⌉[ View link on a post list row pointing to the headless frontend. [⌊Opened frontend page for the respective content.⌉⌊Opened frontend page for the respective content.⌉[ Opened frontend page for the respective content. ## Installation 1. From your WordPress dashboard, go to **Plugins Add New**. 2. Search for `Frontend View For Headless CMS` and press Enter. 3. Click **Install Now**, then **Activate**. 4. Go to **Frontend View Settings** in the admin menu (or **Plugins Settings** on this plugin’s row). 5. Enter your frontend site URL (no trailing slash) and save. **Manual install:** 1. Upload the `frontend-view-for-headless-cms` folder to `/wp-content/plugins/`. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Open **Frontend View Settings** and enter your frontend site URL. ## FAQ ### Can I use this plugin with any front-end application? Yes. It only rewrites admin links to URLs you configure. Your frontend can be built with Next.js, Nuxt, Gatsby, Astro, React, Vue, or any other stack. ### How do I configure the plugin? After activation, open **Frontend View Settings** and enter your frontend site URL. Optionally enable a custom preview path, set the author slug, and map taxonomy or CPT path segments to match your frontend routing. ### Does this plugin work with custom post types? Yes. Public custom post types shown in the admin UI appear under **Post type / CPT slug overrides**, where you can set a custom segment or enable **Empty slug** to drop the CPT base from links. ### What does “Empty slug” do? When enabled for a taxonomy or post type, the plugin removes that base path segment from generated URLs. For example, `/products/my-item/` can become `/my-item/` on your frontend if your routes are flat. ### Is this plugin compatible with multisite? Yes, the plugin is compatible with multisite installations. Configure the frontend URL per site as needed. ### How do I set the frontend site URL? Go to **Frontend View Settings** and enter the full URL of your frontend (for example` https://www.example.com`). ### Does the plugin support HTTPS? Yes, both HTTP and HTTPS frontend URLs are supported. ## Reviews ![](https://secure.gravatar.com/avatar/44ffb7874ec47cc3021c0b7e10fc1d600e3c95b067ca766d14afe84ee9925a35? s=60&d=retro&r=g) ### 󠀁[Excellent Plugin](https://wordpress.org/support/topic/excellent-plugin-9233/)󠁿 [faisalakbarny](https://profiles.wordpress.org/faisalakbarny/) Juliol 16, 2024 Intuitive and incredibly user-friendly plugin ![](https://secure.gravatar.com/avatar/c48d8df59dbf758d85bc2b3d479e1087d69a7ca79f8f7905d577ae989929e5df? s=60&d=retro&r=g) ### 󠀁[Awesome plugin](https://wordpress.org/support/topic/awesome-plugin-7204/)󠁿 [Masud Rana](https://profiles.wordpress.org/mrana86/) Juliol 16, 2024 It is an awesome plugin, It works faster on all post types perfectly based on my React website ![](https://secure.gravatar.com/avatar/17d0d1234e7d617f72ef50ce516dd9d8ca06baadc4d0e733a01b6ede82e1093f? s=60&d=retro&r=g) ### 󠀁[Great plugin, it works for all the post types and even for users as well.](https://wordpress.org/support/topic/great-plugin-it-works-for-all-the-post-types-and-even-for-users-as-well/)󠁿 [Nisaurl Amin Naim](https://profiles.wordpress.org/nisarul/) Juliol 16, 2024 Great plugin, it works for all the post types and even for users as well. I’ve used it in my React Project. The backend is Headless WordPress. ![](https://secure.gravatar.com/avatar/d8b5495a5c1b4c28af895b9e8c1ad288d4a6f3da3b2f118825a9d9fadce898a0? s=60&d=retro&r=g) ### 󠀁[Awesome plugin](https://wordpress.org/support/topic/awesome-plugin-7203/)󠁿 [devnetrep](https://profiles.wordpress.org/devnetrep/) Juliol 16, 2024 It’s really awesome plugin. ![](https://secure.gravatar.com/avatar/747033d173d72d753546d175d2543ac1ee01e65f1290966aa6f7f2b53a65dd57? s=60&d=retro&r=g) ### 󠀁[Super simple to set up and looks great](https://wordpress.org/support/topic/super-simple-to-set-up-and-looks-great-3/)󠁿 [Quibria](https://profiles.wordpress.org/quibria/) Juliol 16, 2024 Perfect plugin to my needs, it does even more than I looked for. [ Read all 5 reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/) ## Contributors & Developers “Frontend View For Headless CMS” is open source software. The following people have contributed to this plugin. Contributors * [ Dropndot Solutions ](https://profiles.wordpress.org/dropndot/) [Translate “Frontend View For Headless CMS” into your language.](https://translate.wordpress.org/projects/wp-plugins/frontend-view-for-headless-cms) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/frontend-view-for-headless-cms/), check out the [SVN repository](https://plugins.svn.wordpress.org/frontend-view-for-headless-cms/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/frontend-view-for-headless-cms/) by [RSS](https://plugins.trac.wordpress.org/log/frontend-view-for-headless-cms/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.0 * Fixed redirection issue. * Major release with redesigned **Frontend View Settings** page. * Rewrite admin **View** links for posts, pages, custom post types, taxonomies, and users to the configured frontend URL. * Add optional custom **preview path** segment for preview and draft links. * Add **author slug** mapping for author archive URLs. * Add per-taxonomy and per–post-type **slug overrides** for frontend route alignment. * Add **Empty slug** option to strip taxonomy or CPT base segments from URLs. #### 1.1 * `/preview/` slug will be used for preview posts, pages etc. #### 1.0 * Initial release. ## Meta * Version **2.0** * Last updated **1 mes ago** * Active installations **100+** * WordPress version ** 5.0 or higher ** * Tested up to **6.9.4** * PHP version ** 7.2 or higher ** * Language * [English (US)](https://wordpress.org/plugins/frontend-view-for-headless-cms/) * Tags * [next.js](https://bal.wordpress.org/plugins/tags/next-js/)[react](https://bal.wordpress.org/plugins/tags/react/) * [Advanced View](https://bal.wordpress.org/plugins/frontend-view-for-headless-cms/advanced/) ## Ratings 5 out of 5 stars. * [ 5 5-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/reviews/) ## Contributors * [ Dropndot Solutions ](https://profiles.wordpress.org/dropndot/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/frontend-view-for-headless-cms/)