Payloom 3 - Page Inspector

Payloom Settings ( Page Inspector )

There are a few VERY important bits of information you need to provide on the Page Inspector for EACH PayLoom page on your site. Click on the Inspector icon in the lower right hand corner of your PayLoom page to open the Page Inspector. All of the really important stuff is located on the PayPal tab of the Inspector:

PayPal Settings

  1. PayPal Email Account
    This is probably the single most important field you'll fill out to setup PayLoom! The email address you enter in this field should be the email account you've configured to RECEIVE PayPal payments. If you do not enter your PayPal verified email address here, PayLoom generated pages will not be associated with your account!
  2. Language
    This is the language that the PayPal Shopping Cart will be displayed in. Does not affect your PayLoom pages but affect language once the customer is transferred to PayPal for final checkout.
  3. Payment Success URL
    The URL or Page to which PayPal redirects buyers' browser after they complete their payments.
    This setting ignored when using Pro Features.
  4. Payment Canceled URL
    A URL or Page to which PayPal redirects the buyers' browsers if they cancel checkout before completing their payments.
  5. Payment Notify (IPN) URL
    The URL or Page to which PayPal posts information about the payment, in the form of Instant Payment Notification messages. If you don't know what IPN is, you can probably leave this field empty.
    This setting ignored when using Pro Features.
  6. Tax
    Cart-wide tax, overriding any individual item tax values.
  7. Weight
    If profile-based shipping rates are configured with a basis of weight, PayPal uses this value to calculate the shipping charges for the payment. This value overrides the weight values of individual items. Allowable values are decimals numbers, with 2 significant digits to the right of the decimal point.
  8. Handling
    Handling charges. This variable is not quantity-specific. The same handling cost applies, regardless of the number of items on the order. Default – No handling charges are included.
  9. Weight Unit
    The unit of measure if Weight is specified. Allowable values are: lbs and kgs The default value is lbs.
  10. Custom
    Pass-through variable for your own tracking purposes, which buyers do not see. Default – No variable is passed back to you.
  11. Shipping
    1. Prompt ( No Require ) - prompt for an address, but do not require one
    2. No Prompt - do not prompt for an address
    3. Prompt ( Require ) - prompt for an address, and require one
    The default is to Prompt, but not require.
  12. Use PayPal Sandbox
    Use the PayPal Sandbox server for testing prior to going live with your cart. This is an advanced setting and should only be used if you know what you are doing.
  13. Enable PayPal
    Decide if you want to enable PayPal at Checkout. Remember that you will need to enable at least one checkout type ( PayPal, Stripe PRO and Direct PRO ) or no Checkout button will be shown.

Back to top

Style Settings

  1. Layout

    • Default Layout
      Default layout shown when page is first loaded. ( select one )
      • Grid - grid based layout with containers of equal height and width.
      • Packed - same as above but heights are variable. Similar to Pinterest layout.
      • List - Basic lists tyle layour similar to a table view.
    • Available Layouts
      Layouts available to the user in the Cart Toolbar.
      • Grid
      • Packed ( looks the same as grid when view on smaller devices )
      • List
    • Grid Width
      Percentage based width the Grid and Packed layout will use when building the layout.
    • Border
      Set the width and color of borders used on grid/packed items, shopping cart and product image box.
    • Background
      Set the background color used on grid/packed items, shopping cart and product image box.
    • Footer Background
      Set the background color of footers used in grid/packed item, shopping cart and product image box.
  2. Toolbar

    • Border
      Color of toolbar border.
    • Background
      Color of toolbar background (default) and background (hover).
    • Text/Icons
      Color of toolbar text/icons (default) and text/icons (hover).
    • Placeholder
      Color of toolbar filter placeholder.
  3. Primary Buttons

    Style setting for all Primary Buttons. Primary buttons include "Add to Cart" and "Checkout" buttons.
    • Background
      Color of background (default) and background (hover).
    • Border
      Color of border (default) and border (hover).
    • Text
      Color of text (default) and text (hover).
  4. Secondary Buttons

    Style setting for all Secondary Buttons. Secondary buttons include "View Details", "Continue Shopping" and "Cart" buttons.
    • Background
      Color of background (default) and background (hover).
    • Border
      Color of border (default) and border (hover).
    • Text
      Color of text (default) and text (hover).
  5. Button Borders / Radius

    • Width
      Width in pixels of button borders.
    • Radius
      Radius in pixels of button borders.
  6. Button padding

    Padding used in all buttons ( including toolbar buttons ).
    • Vertical
      Padding in pixels of button top and bottom.
    • Horizontal
      Padding in pixels of button left and right.
  7. Font Size
    Font size used for all buttons ( including toolbar buttons ).
  8. Misc

    • Price / Total Color
      Color used for item prices and cart grand total.

Back to top

Text Settings

These setting give you the ability to personalize all the text that is used throughout your Payloom 3 Shopping Cart.

  1. Checkout
    Text used on Checkout Button. Available placeholders for this button are #paypal-logo# and #paypal-icon#. When you use a placeholder a special icon will replace it. Give it a try to see what we mean.
  2. View Details
    Used on buttons included with each product on the front page of Shopping Cart.
  3. Out of Stock
    Used on Add to Cart button displayed on product details page when the product is marked as Out of Stock.
  4. Add to Cart
    Used on Add to Cart button displayed on product details page.
  5. Cart Items
    Used on Cart Button in between the count badge and the total amount.
  6. Filter Results
    Used as placeholder text in the Search/Filter input field.
  7. Continue
    Used on Continue Shopping Buttons.
  8. Show All Filter
    Used on Show All menu item in quick sort dropdown.
  9. Processing
    Text displayed after the user clicks the Checkout Button.
  10. Empty Cart
    Text displayed on Cart Page when the cart is empty.
  11. Items Header
    Used as the Items header in the Cart table.
  12. Quantity Header
    Used as the Quantity header in the Cart table.
  13. Total Label
    Text used as the Label for Cart grand total.
  14. Delete
    Used as tooltip text when hovering over Delete icon in Cart table.

Back to top

Thumbnail Settings

  1. Thumb Image Settings
    The crop/scale and size settings you specify here will be applied to ALL image thumbnails on THIS PayLoom page.
  2. Background
    Change the background color of your product image.
  3. Padding
    Add padding to your product image.
  4. Border Radius ( Rounded Corners )
    Use this slider to control the image corner shape, rounded to square
  5. Border
    Add a border to your product. You can even adjust the thickness and color of it.
  6. Drop Shadow
    Add a drop shadow to the entire product image - the X and Y values control the shadow's offset.

Back to top

Misc Settings

  1. Empty Cart at Checkout
    If enabled, the customers cart will be purged when the Checkout button is clicked.
  2. Cart Expiration
    Number of hours Payloom will store the cart data before purging it.
  3. Currency
    This is the currency you will RECEIVE payments in and will also affect the currency symbol displayed on your PayLoom pages.
  4. Include Price with Tax
    When enabled the price of the product + tax will be displayed under the primary price. This is usually required to comply with various tax laws around the globe.
  5. Taxed Price Label
    The label shown predceding the Price Including Tax ( see above ).
  6. Debug Mode
    Enabling will tell script to show any errors and additional debug information. Do not use this when your cart is live and in production.

Back to top

Stacks Settings

There may come a time when you will want to include your Payloom 3 generated page into a Stacks page. Well we baked that goodness right into Payloom 3. It is super simple to execute too.

See instructions below....

  1. Open your Payloom 3 page.
  2. Preview the page so all the export paths get initiated.
  3. Open Page Inspector for Payloom 3
  4. Select the Stacks icon.
  5. Copy the Stacks URL
  6. Open your Stacks page and drag in the Payloom 3 Remote stack.
  7. Paste the Stacks URL from the plugin page into the Payloom 3 Page field of the stack.
  8. Publish your Stacks page to your web host in order to see the magic happen.
  9. That's it

Heads Up!
You may want to uncheck the "Show in navigation" checkbox in the Payloom "General Settings" Page Inspector tab.

Have more questions? Submit a request


Article is closed for comments.
Powered by Zendesk