The Product Order page type + Order page type is the best way for you to start taking orders for the products you're selling using the mobile app developed on SeattleCloud.
In addition to the Order page type, we've added a native page for adding items/products - Product Order. With these 2 page types added in your app you'll be able to add in your new or existent app an Ordering feature.
How to setup:
1. For adding the new native Product Order page to your app access its Dashboard. Go to Edit Pages menu then click the "+" (Add New Page) button.
From the list of the page types available select the Product Order one and click the "NEXT" button.
In the next step you'll need to add a name for this page and click the "Create" button. Once the page is added, you are able to proceed with editing it.
**NOTE:Please make sure to have only 1 (ONE) Order page per app. How to setup the Order page type you can find in steps 6 → 7→ 8 → 9 of this tutorial.
2. Add Company Information
2.1Company's Name - Add here your Company/Restaurant/Store name
2.2Brief - Here you need to add your Company/Restaurant/Store Brief name
IN APP:
3. Add Locations
In this step you'll need to add your Company/Restaurant/Store location or add multiple locations.
3.1 Click on "+" button for adding a new Location or "-" button for deleting it.
3.2 Change Locations order in your Product Order page
3.3 Click on "..." button for editing a location
IN APP:
**NOTE:For skipping this page in your app, please make sure to have only 1 location.
4. Categories
Start to add the menu items or the products you're selling within your app.
4.1 Click on "+" button for adding a new Product Category or "-" button for deleting it.
4.2 Change the Product Category order in your Product Order page
4.3 Click on "..." button for editing a Product Category
IN APP:
5. Products
5.1Click on "+" button for adding a new Product or "-" button for deleting it.
5.2Change the Product order in your Product Order page
5.3Click on "..." button for editing a Product
IN APP:
5.3 Edit an Item (Product)
5.3.1 Name - Add here the Item (Product) name. 5.3.2URL info - Here you can add an info page for this product. You can choose an in app page (click on the "..." button) or add an URL. 5.3.3Description - Add here the Item (Product) description. 5.3.4 Image - Choose an Item (Product) image from the app Resource Manager. 5.3.5Price - Add the Item (Product) price. 5.3.6Click on "+" button for adding a new Product Size or "-" button for deleting it. 5.3.7Change the Product Size order. 5.3.8Size - Add a variation for your product (e.g. Size/Quantity/Color/Type)
5.3.9Price - Add a price for the variation. This Price will overwrite the price from point 5.3.5 5.3.10Click on "+" button for adding a new Product Option or "-" button for deleting it. 5.3.11Change the Product Option order. 5.3.12Option Group - Add a Product Option Group Name. Each Group name will be a separate drop down menu in the app for this product. 5.3.13Option Name - Add the Option Name. 5.3.14Charges - Add a price per Option. This price will be added (+) to the price from point 5.3.5 /5.3.9 5.3.15Quantity - Add the MAX and MIN allowed options. Will be applied per order and not per option type.
IN APP:
**NOTE:You're able to change the Label name on the device (e.g. Size change to Quantity) using the Localizable Strings (Application Settings/Localizations).
6. ORDER page type (Primary info)
6.1 Tax - Tax percentage applied per order 6.2 Pick up message - Your customer will receive this message if he will choose the pick up option for his order 6.3 Delivery message - Your customer will receive this message if he will choose the delivery option for his order 6.4 Delivery price - Price applied per delivered order 6.5 Free delivery from
7. ORDER page type (Currency)
From the Currency Drop-down you're able to change the Order page type Currency. This also will change the currency in the Product Order page.
**NOTE:If you'll change the Currency from US Dollars (USD) you'll not be able to use the Credit Card (Authorize.Net) as payment system.
8. ORDER page type (Merchant info)
8.1 Merchant email - All orders will come on this email 8.2 Payment method Credit Card - Your customer will be able to pay for the order directly from the app via Credit Card. The Credit Card payment are processed by Authorize.net
8.2.1 Authorize.Net login ID 8.2.2 Authorize.Net transaction key 8.2.3 Transaction description - This name will be sent to Authorize.net and you'll be able to see from what app you've received this payment (on Authorize.net website). You may add here the app name.
**NOTE:If you use Fraud protection in your Authorize.Net account you'll need to configure Authorized IP addresses to allow SeattleCloud server to work with your account. To do this go to TOOLS -> Fraud Detection Suite -> Authorized AIM IP Addresses and disable the filter. If you want to keep this filter enabled, please add SeattleClouds' server IP address 184.172.164.218 to IP Address List.
8.3 Payment method Cash - Your customer will be able to pay for the order when he'll receive it via Cash
8.4 Payment method PayPal - Your customer will be able to pay for the order directly from the app via PayPal.
8.4.1 PayPal Credentials - You'll be able to find these credentials on your Merchant PayPal account.
9.1 Receipt email subject - Email subject received by your customer 9.2 Receipt email body - Email receipt received by your customer 9.3 Order email subject - Email subject sent to your merchant email 9.4 Order email body - Email receipt sent to your merchant email
**NOTE: These emails are fully customizable. You can use these placeholders for email subject and body:
In addition to the Order page type, we've added a native page for adding items/products - Product Order. With these 2 page types added in your app you'll be able to add in your new or existent app an Ordering feature.
How to setup:
1. For adding the new native Product Order page to your app access its Dashboard. Go to Edit Pages menu then click the "+" (Add New Page) button.
From the list of the page types available select the Product Order one and click the "NEXT" button.
**NOTE: Please make sure to have only 1 (ONE) Order page per app. How to setup the Order page type you can find in steps 6 → 7 → 8 → 9 of this tutorial.
2. Add Company Information
3. Add Locations
In this step you'll need to add your Company/Restaurant/Store location or add multiple locations.
4. Categories
Start to add the menu items or the products you're selling within your app.
5. Products
5.3 Edit an Item (Product)
5.3.2 URL info - Here you can add an info page for this product. You can choose an in app page (click on the "..." button) or add an URL.
5.3.3 Description - Add here the Item (Product) description.
5.3.4 Image - Choose an Item (Product) image from the app Resource Manager.
5.3.5 Price - Add the Item (Product) price.
5.3.6 Click on "+" button for adding a new Product Size or "-" button for deleting it.
5.3.7 Change the Product Size order.
5.3.8 Size - Add a variation for your product (e.g. Size/Quantity/Color/Type)
5.3.10 Click on "+" button for adding a new Product Option or "-" button for deleting it.
5.3.11 Change the Product Option order.
5.3.12 Option Group - Add a Product Option Group Name. Each Group name will be a separate drop down menu in the app for this product.
5.3.13 Option Name - Add the Option Name.
5.3.14 Charges - Add a price per Option. This price will be added (+) to the price from point 5.3.5 / 5.3.9
5.3.15 Quantity - Add the MAX and MIN allowed options. Will be applied per order and not per option type.
6. ORDER page type (Primary info)
6.1 Tax - Tax percentage applied per order
6.2 Pick up message - Your customer will receive this message if he will choose the pick up option for his order
6.3 Delivery message - Your customer will receive this message if he will choose the delivery option for his order
6.4 Delivery price - Price applied per delivered order
6.5 Free delivery from
7. ORDER page type (Currency)
8. ORDER page type (Merchant info)
8.1 Merchant email - All orders will come on this email
8.2 Payment method Credit Card - Your customer will be able to pay for the order directly from the app via Credit Card. The Credit Card payment are processed by Authorize.net
8.2.2 Authorize.Net transaction key
8.2.3 Transaction description - This name will be sent to Authorize.net and you'll be able to see from what app you've received this payment (on Authorize.net website). You may add here the app name.
8.3 Payment method Cash - Your customer will be able to pay for the order when he'll receive it via Cash
8.4 Payment method PayPal - Your customer will be able to pay for the order directly from the app via PayPal.
8.4.1 PayPal Credentials - You'll be able to find these credentials on your Merchant PayPal account.
8.4.2 Sandbox Mode - How to create a sandbox account.
9. ORDER page type (Emails info)
9.1 Receipt email subject - Email subject received by your customer
9.2 Receipt email body - Email receipt received by your customer
9.3 Order email subject - Email subject sent to your merchant email
9.4 Order email body - Email receipt sent to your merchant email
**NOTE: These emails are fully customizable. You can use these placeholders for email subject and body:
$orderTotal$
$buyerFirstName$
$buyerLastName$
$buyerEmail$
$orderDate$
$orderInstructions$
$deliveryMethod$
$deliveryAddress$
$paymentMethod$
$transactionDescripton$
$itemListTable$
$cardNumberShort$