AppBloq: Styler is our Checkout & Receipts bundle that allows you to embed within your site / application the customization of payment forms and receipts that are used across the QorCommerce payments platform. These payment forms allow your customers to securely collect consumer payment information and automatically associate and send receipts to them.

Benefits of our Styler: AppBloq

• Low-code implementation
• Let's your customers customize their payment forms and receipts from within your site / application

PCI Compliance

If you're not Tier-1 PCI DSS compliant and do not want to be, we recommend that you use our Invoicing Lite : AppBloq to allow your customers to collect and store consumer payment details.

How to use Styler - user guide

Setup and Parameters

Query String Options & Settings

• token: The merchant token / key (qor-client-key)
• app: Application interface to initialize. Current values are receipts and forms. Defaults to forms
• splash_image: Background image url for public home page seen while app is initializing. Default is random image from unsplash.com
• splash_logo: Logo prominantly displayed on public home page. No defaults
• splash_subtitle: Text subtitle on public home page. No defaults
• header_height: Height of header in pixels. For no header set to 0. Defaults to 70
• header_badge: URL to header badge. Should be square. No default
• header_color: Background color of header. Set as a hex color code. Defaults to #333
• header_forms_title: Title for forms app header. Defaults to Forms
• header_receipts_title: Title for forms app header. Defaults to Receipts
• header_title_color: Hex color code for header title. Defaults to #fafafa
• alert_icon: Material icon name for alert header icon. Default is notification_important.
• alert_badge: Url to alert header icon. Should be square image. If provided will override alert_icon
• switch_menu: If true will provide a menu item in the LIST ACTIONS menu dropdown providing the ability to switch views between the form list and receipt list. Default is false

Include an iFrame within a <div>, modal, your choice:

<div>
  <iframe src="https://cdn1.apps.qorcommerce.io/app/forms-admin?token=01dffeb784c64d098c8c691ea589eb82&app=forms&header_forms_title=Secure Checkout Forms&header_badge=https://merchant.qorcommerce.io/images/list_items.png&header_color=#5f5f5f&logo=//admin.qorcommerce.io/admin/images/logo-192x192.png&alert_icon=//admin.qorcommerce.io/images/fav_qor.png&switch_menu=true" width="98%" height="100%" style="border: 1px #4c608a solid; border-radius: 4px; background-color: white; padding: 10px"></iframe>
</div>

Here is a sample of the AppBloq that will be presented within your site / application: