Testing the OnceHub connector for PayPal [Classic]

Note

This article only applies if you use our PayPal integration to collect payments from your Customers. If you have any questions on how we bill you as a OnceHub Customer, go to the Account billing article.

The OnceHub connector for PayPal allows you to collect payments as an integral part of your booking process. To set up the connector, all you need to do is connect your PayPal account and configure payment settings. Once that’s done, OnceHub takes care of all payment activities for you in an automated and secure manner.

&lt;iframe width="640" height="360" src="https://player.vimeo.com/video/381517041?dnt=1" allowfullscreen="" class="fr-draggable">&lt;/iframe>

In this article, you’ll learn how to test transactions before introducing payment integration to your Customers.

&lt;script id="snippet-prepend">
$(function()&#123;

  /*disable in widget*/
  if($('.w-documentation-article').length === 0)&#123;

     var ToC =
  "&lt;nav role='navigation' class='table-of-contents toc-top'><h4>In this article:" + "<ul>";
     var el,     title, link, header;
      //Define the heading levels you want to use in ascending order. Can add extra or remove unneeded.
     $(".hg-article-body h1, .hg-article-body h2, .hg-article-body h3, .hg-article-body h4").each(function() &#123;
              el = $(this);
              title = el.text();
                 if(title != '')&#123;
                anchorTitle = el.text().replace(/([~!@#$%^&*()_+=`&#123;&#125;\[\]\|\\:;'&lt;>,.\/\? ])+/g, '-').toLowerCase();
                link = "#" + anchorTitle;
                //Set all headers to a 0-nesting level.
                header = 'header-nesting-0';
                //Adjust header-nesting layers so that they point to the correct html tag. header-nesting-1 should match the second .hg-article-body h# listed above; header-nesting-2 should match the third, etc.
                if($(this).is('h2'))&#123;
                    header = 'header-nesting-1';
                &#125;else if($(this).is('h3'))&#123;
                    header = 'header-nesting-2'
                &#125;
                el.html('<a id="'+anchorTitle+'" class="toc-anchor">' + el.html());
                newLine =
      "<li class='"+header+"'>" +
        "<a class='article-anchor' href='" + link + "'>" +
          title +
        "" +
      "";


                ToC += newLine;
              &#125;
              &#125;);
     ToC +=
   "" +
  "";
    $("#snippet-prepend").before(ToC);
  &#125;
&#125;);

&lt;/script>

&lt;style>
/* CSS to style the TOC as it displays and the auto-created anchors
.toc-top styles the box for the TOC; adjust styles here to tweak look and feel */

.toc-top &#123;
  background-color: #FAFAFA; /* set to #fff or delete entirely for no background */
  border: 1px solid #C8C8C8; /* adjust the color hex here to change border color */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  margin-top: 24px;
  margin-bottom: 36px;
  min-height: 20px;
  padding: 13px 20px;
  max-width: 75%;
&#125;
.toc-top h4 &#123;
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 8px;
  font-weight: 400;
&#125;
.toc-top ul &#123;
  padding: 0 0 0 15px !important;
  margin-bottom: 0;
&#125;
.toc-top > ul &#123;
  margin-bottom: 13px!important;
&#125;
.toc-anchor &#123;
  display: block;
  height: 90px;
  margin-top: -90px;
  visibility: hidden;
&#125;

/* Set the indentation for the nesting levels. May need to be edited to match changes above. Increase or decrease the margin-left to get your desired level of indentation. */
.header-nesting-1 &#123;
    margin-left: 14px;
&#125;
.header-nesting-1:before &#123;
  background-image: url(https://dyzz9obi78pm5.cloudfront.net/app/image/id/5d31bcc88e121c9b25ba22c4/n/bulletv2.svg)!important;
&#125;
.header-nesting-2 &#123;
    margin-left: 28px;
&#125;
.header-nesting-2:before &#123;
  background-image: url(https://dyzz9obi78pm5.cloudfront.net/app/image/id/5d31be536e121cf22b0cc6ae/n/bulletv3.svg)!important;
&#125;
&lt;/style>

Requirements

To test the OnceHub connector for PayPal, you must:

Be a OnceHub Administrator
Have an active connection to your PayPal account
Work in Automatic booking mode

Configuring Payment integration

```
&lt;style type="text/css">
p.p1 &#123;margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px 'Helvetica Neue'&#125;
&lt;/style>
```
Hover over the lefthand menu and go to the Booking pages icon → open the lefthand sidebar → Integrations → Payment.
In the Payment settings, enable the manual and automatic processing of refunds option for your OnceHub app.
In the lefthand side menu, select the Booking page icon.
Create a test Booking page and an Event type. Associate the Event type with the Booking page.
On the Event type, edit the Payment and cancel/reschedule policy section.
In the Payment and pricing step, select the Display a price and collect payment via OnceHub option and set the price to 1.00 USD. Note that you can use any currency that your PayPal account accepts.
In the Cancellation policy setting, select the option for your policy and set a refund amount. For example, the refund amount can be 50% of the Event type price.
- Anytime: This means that Customers can cancel right before the scheduled meeting time. This can be in a matter of minutes.
- Up until a certain time before the meeting: In this case, you can select how long before the scheduled meeting time the Customer can cancel. Values range from 15 minutes to 14 days.
In the Reschedule policy setting, select the option for your policy and set a reschedule fee. For example, the reschedule fee can be 10% of the Event type price.
- Anytime: This means that Customers can reschedule right before the scheduled meeting time. This can be in a matter of minutes.
- Up until a certain time before the meeting: In this case, you can select how long before the scheduled meeting time the Customer can reschedule. Values range from 15 minutes to 14 days.
Save the Payment and cancel/reschedule settings.

Make a test booking and accept payment via OnceHub

In the lefthand side menu, select the Booking page icon.
Open your test Booking page’s action menu (), select Open Public link and make a test booking.
For testing purposes, pay for the service with a credit card that is not used in your PayPal account. This will allow you to see the card transactions in your PayPal account.
Go to the Activity stream in your OnceHub account and check the activity created. The Payment details tab includes the paid transaction. In addition, you can also check your PayPal account to view the paid transaction.

Reschedule a test booking and accept payment via OnceHub

From the test email account, open the scheduled email notifications and click the Cancel/reschedule link.
On the Cancel/reschedule page, check the Reschedule policy description and click Reschedule.
Reschedule the booking and use the same credit/debit card you used previously to pay for the reschedule fee.
Go to the Activity stream in OnceHub, check the activity that is rescheduled. The Payment details tab includes the rescheduled fee transaction. In addition, you can also check your PayPal account to view the paid transaction.

Cancel a test booking and issue automatic refund

From the test email account, open the scheduled email notifications and click the Cancel/reschedule link.
On the Cancel/reschedule page, check the Cancellation policy description and click Cancel the booking.
Go to the Activity stream in OnceHub, check the activity that is canceled. The Payment details tab includes the refund transaction. In addition, you can also check your PayPal account to view the refund transaction.

Congratulations! You’re done. Now you can refine your settings and make payment integration available to your Customers.