<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=442498563201411&amp;ev=PageView&amp;noscript=1">

How to Create a Subscription Button in the LaterPay WordPress Plugin

WordPress is known for being a powerful platform where you can achieve almost anything you could imagine without requiring a programming background. Today we are going to go through one of our most popular features: The SubscriptionSubscribe Now Button. This tutorial will walk you through how to create your own subscription (or time pass) button that you can post anywhere on your site. This is perfect for promoting your subscription offer in the header or in pop-ups.

The button is generated using a WordPress shortcode, “a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut.”

WP_Subscription_2The LaterPay WordPress Plugin provides you with a custom shortcode that allows you to quickly and easily generate a button to promote your LaterPay time pass or subscription.

If one of your viewers clicks the button, they will be taken to the purchase screen just as if they had selected the option from one of our paywalls.

Get Started

If you are familiar with shortcodes, feel free to skip to the "Shortcode Details" section below; otherwise, here is a quick example to familiarize you with all of the customization options available.

    1. On the pricing tab, subscriptions and time passes are identified with an ID number. Find the pricing option that you would like to use for your button. For this example we will create a button for our 1 Month Subscription, Sub 8.
      WordPress Plugin Pricing Tab

    2. Next, if you don’t want to use our default button (shown at the top of this article), take some time to decide how you would like the button to look.
      1. For this example, we will have the button say “Subscribe for only $3.99 Now!
      2. With an orange background: “#F2902A
      3. And light blue-grey text: “LIGHTSLATEGRAY

    3. Now let’s map these to the parameters outlined in the "Shortcode Details" section below:

      Parameter

      Our Customization

      laterpay_subscription_purchase  
       id

       8

      button_text Subscribe for only $3.99 Now!
      button_background_color #F2902A
      button_text_color LIGHTSLATEGRAY
       
    4. Now that we know what value we want for each parameter, we simply re-write it as a WordPress shortcode:
      [laterpay_subscription_purchase id="8" button_text = "Subscribe for only $3.99 Now!" button_background_color="#F2902A" button_text_color= "LIGHTSLATEGRAY"]
    5. Now I simply copy and paste my shortcode (above) into the Text editor anywhere on my WordPress site and the button (below) will appear when you update your post!
Subscribe for only $3.99 Now!

Shortcode Details

Now that you have seen an example, here are details on all of the different options available. Note that only the first parameter is required; the rest are completely optional.

 

Parameter

Description

Notes

laterpay_time_pass_purchase id
OR
laterpay_subscription_purchase id
This is the ID shown on pricing tab (above). You will either use the time pass code OR the subscription code. Each button can only have one pricing option.

REQUIRED

Note that there are different shortcodes for time passes and subscription; be sure to use the right one!

button_text This is the text that you would like to be displayed on the button Optional
button_background_color This will accept an html color name or hex code Optional
button_text_color This will accept an html color name or hex code Optional
custom_image_path Provide the URL of the image Optional; if you provide a custom image path, the button text and background settings will not be applied

 

Having Trouble? 

If your shortcode does not appear to be working:

  1. On your WordPress installed plugins page, ensure that your LaterPay plugin is on version 2.5.0 or higher; this feature is not available in earlier versions of the plugin.
  2. Ensure that you are using the correct starting parameter. 
    [laterpay_time_pass_purchase is required for Time Passes &
    [laterpay_subscription_purchase is required for Subscriptions.

 

Have questions or suggestions for new features? Contact our team!