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.

Mid January Updates - Media Gets an Update

See what was added in mid January to help you do more with PeopleVine

Posted January 10, 2020

Early January Updates

We continue to roll out fixes and features to expand your use of PeopleVine, see what's happened in early January.

Posted January 7, 2020

See What was Added the Last Few Weeks of 2019

We added over 2,500 new features, fixes and improvements in 2019, can't wait to see what we do in 2020. Here are some of the things we added in the last few weeks of the year.

Posted December 31, 2019

How Does PeopleVine Integrate with and Leverage Social Networks

We currently integrate with Facebook, Twitter, Instagram and LinkedIn for specific functionality. Read the article to learn more on how you can leverage these capabilities.

Posted December 29, 2019

Check out What Changed Towards End of December

We made some updates just before the new year, see what we changed.

Posted December 26, 2019

Mid-December Platform Update

For smaller updates, we are including a brief overview of the addition to the platform.

Posted December 19, 2019

Leverage an Existing Newsletter to Create a Reusable Snippet to Use in Future E-mails

You can take an existing newsletter, copy and paste the source and use this to create a new t

Posted December 18, 2019

Recent Updates to the Platform

See some of the recent updates made to the platform.

Posted December 13, 2019

See Your Account Receivables and Auto Charge Monthly

Don't let your invoices go unpaid. Follow this article to see how you can monitor your Account Receivables and ensure you're paid every month.

Posted December 3, 2019

Looking to Hide Items on PDF Receipts and Online Reciepts

Learn how to hide certain products from showing up in the customer's view.

Posted December 2, 2019

Using the House Account Payment Option at the POS

See how to use the House Account payment option in your POS that is connected to PeopleVine.

Posted November 25, 2019

Add Venue Locations to Your Event Setup

You can customize the list of locations where you host your events by following these steps. You can use it to provide locations that are within your space or remote locations.

Posted November 19, 2019

Need to Resend an E-mail/Newsletter to Someone Individually? And even include cc.

You can use the Send Email feature on the CRM to send an e-mail directly to a person, using an existing template.

Posted November 15, 2019

How to Setup a Portal to Allow Your Partners/Operators to Redeem Gift Cards

See how to setup a portal designed for your partners to redeem rewards/gift cards.

Posted November 14, 2019

Integrating and Configuring your Aireus POS with PeopleVine

This step-by-step guide will show you how to utilize the Aireus POS integration with PeopleVine and configure the initial pieces.

Posted November 13, 2019

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