WordPress Pay Per Post Plugin (CMPPP) - Use Case - How to Add a Timer to Control Access to Restricted WordPress Content

Use Case - How to Add a Timer to Control Access to Restricted WordPress Content

Back to User Guide

Introduction

The WordPress Pay Per Post plugin allows you to charge users for accessing content on your site. The admin can set up prices for different periods of access time.

Use Case Front-End

Use Case Assumptions

In this example use case guide, we'll cover how to display and customize a timer widget on the post or page the user purchased access to.

We also consider you have already bought the plugin, but not installed it yet.

It follows:

• Installing the plugin
• Quick recap
• Timer floating widget settings
  • Widget icon settings
  • Widget style settings
  • Widget position settings
• End result

Installing the Plugin

The process is the same for all CM plugins and add-ons.

• Download the plugin from your customer dashboard.
• Log in to WordPress and navigate to the WordPress Admin → Plugins settings.
• Click on Add New.
• Activate it and add the license.

Timer Floating Widget Settings

When the user purchases access to some content, he can see a floating widget with a timer that shows how much time is left. For convenience, the user can expand or collapse this widget.

To enable and configure a timer widget, navigate to Admin Dashboard → CM Pay Per Posts Pro → Settings → Badges & Widget tab.

Scroll down and find the section Timer Floating Widget. It has the following settings:

• Enable Widget - Choose Yes to turn on the widget.
• Widget icon - The plugin provides the default icon, but you can always use your custom timer icon by specifying the image URL.
• Widget icon size (in px) - Define the maximum size of the timer widget in pixels.
• Widget icon hover text - Define the text that will be displayed when hovering on the timer widget.
• Widget background color - Choose the background color for a timer widget.
• Widget border color - Choose the border color for a timer widget.
• Widget border width (in px) - Define the border width for a timer widget.
• Widget text color - Choose the text color for a timer widget.
• Widget text size (in px) - Define the text size for a timer widget.
• Widget position - Choose where to display the widget:
  • Top Left
  • Top Right
  • Bottom Left
  • Bottom Right
• Widget X offset (in px) - Define the distance from the left/right side of the screen.
• Widget Y offset (in px) - Define the distance from the top/bottom side of the screen.

Now let's look at each customization option in more detail.

Widget Icon Settings

Let's start with a few options related to the icon.

• Widget icon - You can either insert a URL to the needed icon, or click Upload and choose another way to add a custom icon - by uploading from your computer, or by inserting external URL, or by choosing an image from the media library of your WordPress site.

Example of uploading a custom icon from the computer:

Examples of using custom icons:

• Widget icon size (in px) - You can define the maximum size of the timer icon by setting up a value in pixels.

Examples of setting up different icon sizes:

• Widget icon hover text - You can see the examples of different messages displayed on hover below:

Widget Style Settings

Let’s look at a few options that allow you to change the style of the widget:

• Widget background color
• Widget border color
• Widget border width (in px)
• Widget text color
• Widget text size (in px)

Here're a couple of variations of how these settings can be configured:

And here're the results on the front-end:

Widget Position Settings

Let's consider here a few options that allow you to change the position:

• Widget position - Below you can see examples of placing the widget in different corners of the screen:

• Options Widget X offset (in px) and Widget Y offset (in px) allow you to change the position of the widget horizontally or vertically. For example, if you place the widget at the top, and it covers the site menu, you can place it lower by changing the Y offset of the widget. You can see the examples with different Y offset values below:

End Result

Following instructions found in the plugins and guide, you should be able to display and customize a timer widget on the post or page the user purchased access to.

Use Case Front-End

	More information about the WordPress Pay Per Post Plugin Other WordPress products can be found at CreativeMinds WordPress Store
	Let us know how we can Improve this Product Documentation Page To open a Support Ticket visit our support center