The PaddleBoard stack does far more than just display a 'buy now' button. It has the ability to display an intermediate terms and conditions box, to which customers must agree to before continuing through to the checkout. This extra popup reinforces your terms and conditions (for legalities like refunds) and forms a vital, contractual part, of the transaction. This terms and conditions modal can be instantly toggled on or off in the stack settings.

Want to create a powerful checkout experience with support for things like redirects to success pages, callbacks, prefilled fields, Referrers and other things? The custom attributes box lets you add all these things and many more. See the Paddle Overlay Checkout (https://www.paddle.com/docs/paddle-js-overlay-checkout) doc's for a list of supported Checkout Properties.

For sellers, PaddleBoard provides a basic admin dashboard. This lets you quickly navigate to any product page on your website and instantly edit the product information or generate coupon codes. With PaddleBoard in combination with Paddle, there is quite simply no easier or more efficient method of managing the sale of digital downloads from your website; securely and professionally.

PaddleBoard requires a minimum of Stacks 3 and RapidWeaver 6. This stack will not install or work on older versions of stacks.

Example

We are using the PaddleBoard stack on all pages of this website. If you purchase a stack from Stacks4Stacks, you'll get a good idea of how the checkout process looks and functions. The blog also showcases some screenshots of the stack in action.

Setup

To use the PaddleBoard stack, follow these instructions. Please note that you must already have a Paddle account and one or more items added to your store (items continue to get added through the Paddle website). Paddle is intended for selling software or digital downloads; and is therefore less suitable for physical items you are shipping to a customer.
  1. Once installed in stacks and RapidWeaver, drag and drop a PaddleBoard stack into your page
  2. In the stack settings provide your Vendor ID and the Product ID
  3. Customise any of the other settings applicable to your requirements

Create a link or button in your webpage. This link or button can be created using almost any method and can be any style you prefer. For example, you may wish to use our ButtonMaker stack. Give the button a class attribute and a value that corresponds to the value shown in edit mode. In HTML code, an example button might look something like this:

<a href="#" class="buy-348273">Buy Now!</a>
As normal, enter HTML code into any HTML or styled text region of the page. If you're creating links via the link dialogue window in RapidWeaver, open the Custom Attributes panel. In the Name column, type class and in the Value column type buy-348273 or the value as shown in the PaddleBoard stack, in edit mode.

You should only use a single PaddleBoard stack on each webpage of your project, otherwise the display of multiple dashboard buttons may cause problems.

The terms and conditions modal

This intervening window is displayed to present terms and conditions to customers. You can toggle the terms and conditions modal on and off in the stack settings. In edit mode, drag and drop a stack into the placeholder shown (like styled text or markdown) to configure the terms and conditions shown to your customers. Customers MUST agree to the terms and conditions, before commencing through to the checkout. You can setup this area as a partial in Stacks, so that the same terms and conditions can be applied globally on all pages of your website (and changes you make will take effect on all pages using this partial).

Using the admin dashboard

The admin dashboard lets you quickly navigate from a product page on your website to the admin pages on your Paddle account. The clever thing about this admin dashboard is that it is only shown to users registered as site admins. Normal website visitors do not see the admin dashboard.

To use the admin dashboard, append /files/admin/ onto a webpage that is making use of PaddleBoard e.g. http://example.com/store/files/admin/. You are then presented with a page consisting of some instructions and buttons. Once you've created an admin tracking cookie, you'll find a simple dashboard displayed at the top left of any pages that contain a PaddleBoard stack.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!

Cookies

Like a lot of websites, Stacks4Stacks uses cookies to help enhance your browsing experience and handle things like purchases. We take your privacy seriously, and welcome you to freely opt-out of nonessential cookies at any time by reviewing your preferences on this page.