With HAPI Forms you can completely customize and simplify the experience of creating and updating items in PeopleVine.
Your client and/or your users are going to be happy for HAPI Forms : )
With HAPI Forms you can setup completely custom forms to replace our out of the box create screens. With the ability to render both in the Control Panel and on your website (with page based permissions), you can truly customize the entire experience.
For example, if you wanted to simplify the event create flow, you could simply write something like this:
<div class="container"> <div id="pvForm"> <input type="textbox" id="event_title" placeholder="Event Title"/><br> <input type="textbox" id="event_month" placeholder="MM"/><br> <input type="textbox" id="event_day" placeholder="DD"/><br> <input type="textbox" id="event_year" placeholder="YYYY"/><br> <select id="event_type"> <option value="register">Registration Required</option> <option value="ticket">Tickets</option> </select> <br> <textarea id="event_summary" placeholder="Enter Summary Here"></textarea><br> <input type="checkbox" id="allow_cancel"/>Allow people to cancel their tickets.<br> <input type="button" id="submitPVForm" value="Submit" class="btn"/> </div> </div>
Then include the following Javascript with your forms specific details:
pvReady(function(){ HAPIform({ trigger: '#submitPVForm ', // The ID of the button that will submit the form wrapper: '#pvForm', // The ID of the element that contains all of the form input items reference_type: 'customer', action: 'edit', // List of element ID or Name to skip when compiling the form data // More details in the `before` method skip: ['event_month', 'event_day', 'event_year'], triggered: function(){ /* HapiForm Trigger button clicked Do anything you want as soon as the form is submitted, here we are using our standard loading animation */ myApp.showPleaseWait(); }, before: function(settings, data){ /* Add custom data before submitting In our example we have the event date split into 3 separate inputs (Month/Day/Year) but event_date needs to be stored as one value (MM/DD/YYYY) First we add the month/day/year element IDs into the `skip` property (see above) We can push this into the compiled form data before it gets submitted */ data.push({ 'key' : 'event_date', 'value' : $('#event_month').val() + '/' + $('#event_day').val() + '/' + $('#event_year').val() }); return data; }, success: function(settings, response){ /* Form was successfully submitted Do anything you want after the form is successfully submitted */ var alert_elem = $(' ', { 'class' : 'row', 'id' : 'profile_alert', 'html' : ' Your profile has been updated. ' }); $(settings.wrapper).prepend(alert_elem); window.scrollTo({top: 0, behavior: 'smooth'}); }, fail: function(settings, response){ // Error submitting Form - Handle form errors var alert_elem = $(' ', { 'class' : 'row', 'id' : 'profile_alert', 'html' : ' There was a problem updating your profile. ' }); $(settings.wrapper).prepend(alert_elem); window.scrollTo({top: 0, behavior: 'smooth'}); }, always: function(settings){ // Always method can be used to hide any animations regardless of success or failure myApp.hidePleaseWait(); } }); });
In this case we are prompting the user to enter the event title, date, select event type, enter a summary and enable or disable self cancel. This is to show you the various inputs that are currently supported.
The only pre-requisite to leveraging HAPI Forms is to enable jQuery (sorry we got lazy... too much programming to do, but what's wrong with jQuery, thanks to them our life is easier and the latest speeds can handle a few extra KB - 5G will be at GB/s).
Find more ways to grow on PeopleVine.
You can replace your contact us page with a new contact us form, designed to match your brand.
To ensure your data is in sync, as soon as someone is marked as arrived in Sevenrooms, we'll ensure you can see this check-in on the membership activity and leveraged for automation.
Our Aloha integration partner, Omnivore, pushed an update to the payment on file experience. Here are some things you should know.
You can quickly generate a monthly statement highlighting your customer spend and transactions during that time frame.
We expanded our transaction data and exports to now share with you when it was originally created (not just when it was charged) along with when it was paid on.
With an ever-changing world and continuous lockdowns/business closures, we create a tool so you can easily push out the next billing date.
With the member stipend feature, you have the ability to provide your members with spending money for dining, tickets and appointments on a reoccurring or one-time basis.
Are you looking for a quick and easy way to password protect a page in our system? This snippet will help.
We added a new option that enables you to break-out line items into transactions. Typically our transactions dashboard would list out the total price, but now by checking a box, you can break-out the items.
Learn more about our integration with ACT! CRM to keep your CRM data in sync.
If your POS isn’t syncing the category info into PeopleVine, you will need to setup new categories and assign products, in order to build your Revenue by Category report to be accurate. Start by going to Sell > Ecommerce > Revenue by Category under S&D. If you aren’t seeing any categories, then you’ll need to get some things setup.
We are integrating with leading PMS in order to bring the best of PeopleVine to Hotels and larger properties with room rentals.
When setting up a dining reservation experience, you can now customize the page where people land when booking through the out of the box screens.
We added a default account navigation that expands as people engage more, but we also give you the option to remove it to place your own.
If you have a VizPin Access Control System in place (or looking to), our integration streamlines the setup process for new and existing members.