Easy Digital Downloads – Manage Discount Codes on the Frontend

In a previous post, we showed you how to manage Easy Digital Downloads products on the frontend.

In this post, we’ll show you how to manage Easy Digital Downloads discount coupons on the frontend. This can work perfectly for a large store where the users in charge of the store can create discount coupons for any season from the frontend, without having to use the wp-admin dashboard.

The best thing is that you don’t need to use even one line of code to create a beautiful frontend page because you can easily do it using the WP Frontend Admin plugin. It is the perfect solution for creating any frontend admin page. You can use the plugin to create web apps using the technology of other plugins behind the scenes, you can also create frontend dashboards to allow your users to manage WordPress sites without having to use the wp-admin dashboard.

Try plugin for free

You can try the premium plugin on your website for free for 7 days.

After installing and activating the plugin, you need to follow these simple steps to create a frontend page that will allow you to manage discount codes on the frontend:

1- Display the Discount Codes page on the frontend

You need to open the Discount Codes admin page and display it on the frontend with one click:

  1. Go to Downloads > Discount Codes.
  2. Click View on the frontend.

With this simple click, WP Frontend Admin will display the Discount Codes admin page on the frontend. You don’t need to add a single line of code.

edd discount codes frontend

2- Select the Discount Codes frontend page’s basic information

As you will see, WP Frontend Admin will display the selected admin content in the frontend and a Quick Settings panel on the left side of the screen. This panel will allow you to edit the page by selecting the basic page information, hiding any unnecessary elements, editing the texts, etc.

For now, you need to select the basic page information using the following elements:

  1. Page title: Enter the page title here; we’ll enter Discount Codes.
  2. URL slug: Enter the URL slug here using keywords only.
  3. Page template: You can select any of the available page templates on your site. We’ll select the Default template.
  4. Add page to this menu: You can select the navigation menu where you will add this page.

edd discount codes frontend

3- Hide any unnecessary elements from your Discount Codes frontend page

After selecting the basic page information, you need to continue configuring it by hiding any unnecessary elements. This allows you to simplify the pages so users see and use essential fields only.

  1. Click Hide element.
  2. Click on the element you want to hide.

You need to repeat these two steps with every element you want to hide from you Discount Codes frontend page.

edd discount codes frontend

4- Complete the configuration of your Discount Codes frontend page

Once you’ve hidden all the unnecessary elements, you can complete the configuration of your discount codes frontend page:

  • Toggle the Hide notices added by other plugins or themes checkbox to prevent users from seeing wp-admin notices on the frontend.
  • Toggle the The users should see the posts created by them only checkbox so that users view their own discount codes only.
  • Click Save to publish the page.

edd discount codes frontend

This is how the Discount Codes frontend page will look for logged-in users once you’ve published it:

edd discount codes frontend

5- Display the Add New Discount Code form on the frontend

Now it’s time to display and configure the Add New Discount Code form on the frontend. For this, just click Add New button on the frontend page editor:

edd discount codes frontend

You’ll see the new discount code form on the frontend, and you can hide any texts explaining what each field is for.

  1. Click Hide element.
  2. Click on the element you want to hide.

Repeat these two steps with every element you want to hide from the Add New Discount form.

edd discount codes frontend

Once you Save the changes and publish the page, this is how it will look for logged-in users:

edd discount codes frontend

Done!

It’s really simple to allow your users to create and manage EDD discount codes on the frontend. Just one click and some minutes to configure and publish your new frontend pages. You don’t need to code anything because WP Frontend Admin does the hard work for you.

You can get the plugin here:

Try plugin for free

You can try the premium plugin on your website for free for 7 days.

This post is part of a short series of tutorials where we show you how to create frontend pages for the Easy Digital Downloads plugin. You can integrate these frontend pages to create a beautiful frontend dashboard where users will be able to manage their EDD stores easily without having to deal with the backend dashboard from wp-admin. Here’s the list of posts:

  1. Easy Digital Downloads – Manage Products on the Frontend
  2. View Easy Digital Downloads Sales Reports on the Frontend
  3. Easy Digital Downloads – Manage Discount Codes on the Frontend
  4. Display Easy Digital Downloads Payment History on the Frontend
  5. Display the Easy Digital Downloads Customers on the Frontend

This is how your frontend dashboard for Easy Digital Downloads could look:

Important links:

  1. How to integrate WP Frontend Admin with WordPress Multisite
  2. How to integrate WP Frontend Admin with WP Ultimo
  3. How to show admin content on the frontend to any user role
  4. Full list of WP Frontend Admin shortcodes with examples

Do you need help?

You can receive instant help in the live chat during business hours, or you can contact us and we will help you via email.