HAPI Sample - Account Subscription Page

You can customize the /account/subscription/# page with the following HAPI sample.


If you would like to replace the out of the box page at /account/subscription/# you can do this by setting the marketing keyword of the page to account_subscription.

You can leverage this code to build a similar experience by calling the component subscription:

<div>
    <div class="qtr-section-block no-banner" data-pv-component="subscription" data-pv-type="" data-pv-parameters="{customer_no: 0, totalResults: 1}" data-pv-object="obvs">
        <div class="large-wrapper clearfix">
            <div class="col col-6 sm-col-12">
                <h4 class="qtr-section-block black">YOUR SUBSCRIPTION</h4>
                <div class="qtr-section-block">You are currently subscribed to:</div>
                <h2 class="half-section-block" data-pv-element="service.service_title">Service Title</h2>
                <div class="half-section-block">
                    <p>Your account is currently <span data-pv-element="subscription_status">active</span>.</p>
                    <p>You were last charged <span data-pv-formatter="currency" data-pv-element="subscription_rate">$0.00</span> on <span data-pv-element="last_date" data-pv-formatter="date(ddd, MMM d, yyyy)">Wednesday, May 15, 2019</span> based on your <span data-pv-element="subscription_frequency">monthly</span> payment.</p>
                </div>

                <div data-pv-component="text" data-pv-conditional="{@subscription_status@} != active ">
                    MAYBE PROMPT TO TAKE PAYMENT
                    <a class="button orange-background uppercase float-left" href="/checkout/subscription_payment/{@subscription_no@}">Activate Membership</a>
                </div>

                <div data-pv-component="text" data-pv-conditional="{@card_no@} = 0">
                    <div class="half-section-block">
                        <p>Looks Like We Don't Have Your Payment Method On File.</p>
                        <p>Add a payment method to make sure you don't get locked out of your account. Your card will not be charged until your next renewal is due.</p>
                    </div>
   
                    <a class="button orange-background uppercase float-left" href="/account/payment/subscription/{@subscription_no@}">Add Payment Method</a>
                </div>
               
                <div data-pv-component="text" data-pv-conditional="{@card_no@} != 0">
                    MAYBE THEY WANT TO CHANGE THEIR CARD HERE SAME LINK
                    <a class="button orange-background uppercase float-left" href="/account/payment/subscription/{@subscription_no@}">Change Payment Method</a>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

Additional Help Tutorials

Find more ways to grow on PeopleVine.

Prompt Questions When Checking Someone In At Your Space

Now when your members are checked in using the Control Panel, /Checkin or when scanning their QR code you can prompt a form to capture information on their visit.

Posted August 10, 2019

Ready for a Real Billing Platform (for those not using PeopleVine Billing)

Migrate to PeopleVine Billing for Memberships and streamline your business with the ultimate in "lock-down" abilities for non-payers. Get paid on-time and all the time with PeopleVine Billing.

Posted August 9, 2019

PeopleVine + SevenRooms = Hospitality Perfected

We are proud to introduce our latest update to the platform that includes a tighter integration with SevenRooms to create the ultimate hospitality experience.

Posted August 9, 2019

PeopleVine Webhooks Sync Your Data in Real-Time with Any Other System (if you needed to)

With PeopleVine Webhooks, you can sync every touchpoint with your existing systems to keep your legacy platforms updated in real-time. This article will show you how to setup a webhook and dynamically populate the data into it.

Posted July 29, 2019

Leverage "Get Items" to Automatically Issue Perks to Members + Re-Issue Perks

You can leverage the "get items" feature in order to issue perks to your members after signing up and renewing annually.

Posted July 29, 2019

Process Payment on File API Call

Learn how to connect your POS to PeopleVine and leverage our payment on file API for enabling convenience to your customers.

Posted July 27, 2019

HAPI - Setup a custom page displaying available locations based on the user's location

This code sample provides a way to automatically sort your locations by the closest distance to the user.

Posted July 22, 2019

Add Facebook Pixel Tracking to Your Website - Step by Step Guide

See how to add a Facebook Tracking Pixel to your website and start to target specific actions.

Posted July 12, 2019

New Reports + Improved Reporting Engine

Check out the new reporting tools and grid view with sorting and filtering of the live data.

Posted July 9, 2019

Get Notified When a Member Checks In

You can subscribe to text message alerts when a specific member or members from a specific membership program arrive at your space.

Posted July 9, 2019

How to Utilize and Change the Default Event Graphic

When adding an event to your calendar, having a photo just makes it look that much more enticing, therefore, if you forget one, we'll add a default one for you. But if you don't like ours, read this article to see how you can change it.

Posted July 9, 2019

What happens when the POS and PeopleVine connection stops?

We'll share with you some tips and steps for handling the exception when a POS and PeopleVine connection stops.

Posted June 25, 2019

The Ultimate Agency Tool - Import a Folder of Snippets Directly into the Drag and Drop Builder

Instead of taking the time to copy and paste the HTML, enter a title and take a screenshot, you can now drag and drop folders full of HTML snippets and we'll set them up, categorize them and add a screenshot of the rendered snippet.

Posted June 22, 2019

Improved Transaction Email with Option to Download as PDF

We have made it easier to send someone a transaction receipt by including an out-of-the-box template and a new option to download as a PDF.

Posted June 18, 2019

Make Your Order Receipts Member Friendly

You now have better control over the items that show up on an order receipt in your member portal.

Posted June 18, 2019

© PeopleVine 2019. Powered by PeopleVine. Terms of use | Privacy & cookies