Quality stacks to empower your creativity

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.

Once installed in stacks and RapidWeaver, drag and drop a PaddleBoard stack into your page

In the stack settings provide your Vendor ID and the Product ID

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

Pocket

Одноклассники

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!

We use cookies and other services to give you the best possible experience on our website. If you continue without changing settings, we'll assume you are happy with this.

PaddleBoard

Many people have commented how fast and easy they've found the checkout process on the Stacks4Stacks and ThemeFlood websites; and wanted to know what we use and where they can get it! Since January 2015 we've used Paddle to securely handle all checkout purchases of RapidWeaver addons. The PaddleBoard stack makes it simple to display purchasing terms and conditions within a modal window, which customers can agree to and then begin the checkout process via Paddle. Additionally the PaddleBoard stack also provides a simple dashboard admin interface which store owners can use for quickly editing product details or generating coupon codes. Plus you can add custom properties to the checkout button, supported by the latest Paddle overlay checkout.
Free Download