Online Shop

When to Use

• When a customer picks products from the catalog and puts them in the cart.
• When a customer wants to order. The catalog can be browsed without logging in; login or registration is only requested when a product is added to the cart.
• When prices need to follow the customer's price level, product discounts, invoice discounts, and tax.
• When a gateway payment type is active and the customer must complete payment before the order is sent.

How to Use

1. Open the page Online Shop, then search for a product or pick a category tab. The catalog can be browsed without logging in.
2. Click a product to open its detail: all photos, brand, weight and size, description, and wholesale prices if the product has them. Press Add to cart there. If you are not logged in yet, the system asks you to log in as a customer or register a new customer (name, mobile phone, and password are enough; an email can be added for password recovery); the product is added to the cart automatically once login succeeds. Customers can log in with their customer ID, mobile number (written with 0, +62, or any punctuation), or email. When the shop enables Social Login, the login form also offers Continue with Google or Continue with Facebook; the customer account is created automatically from that profile. Google/Facebook accounts carry no mobile number, so it is taken from the recipient number entered at checkout or filled in by staff on the Customer form. An email that is already registered with a password must still sign in with that password.
3. A customer who forgot the password presses Forgot password? on the login form, then enters the 6-digit code sent to the account's email (valid for 15 minutes) and a new password. Accounts without an email, or shops whose mailer settings are empty, are pointed to the shop's WhatsApp; staff set the password in the Customer form.
4. Use the plus, minus, or delete buttons to adjust the order.
5. Fill in the shipping address and order notes.
6. When the shop enables shipping fees, a Shipping block appears in the cart: pick the Destination sub-district, fill in the Detailed address (for the courier) and the Recipient mobile number, press Calculate shipping, then choose a courier service — or choose Pick up at the store (no shipping fee). The fee is part of the total to pay (including through a gateway) and is recalculated by the server when the order is saved; changing the cart or the destination clears the chosen service.
7. If there is a payment gateway, complete the payment until its status is paid.
8. Click Send Order. The system saves the order and shows the order number created. When SMTP (the mailer setting) is configured, a buyer who has an email address receives an order confirmation, and the store receives a “new order” email at the address in the company data. The email is sent once per order; without SMTP the order is still saved and no email is sent.
9. Open the Transactions tab to follow each order: placed, paid, shipped, and completed. When the telephone number in the company data is filled in, each order has a WhatsApp button to contact the store. Shipping follows the delivery orders your store creates; an order whose delivery order is not yet marked as received shows as shipped, not completed.

Shop Appearance and Product Links

• The logo, tagline, banners, colors, featured products, address, opening hours, and contacts are set in Online Shop Settings. The page is in the Sales & POS / Online Shop / Online Shop Settings menu, Appearance & Info tab; the same fields also open from the gear icon in the shop header when you are logged in as a user who manages the shop. The Readiness tab on that page shows what still keeps the shop from taking orders, with buttons to the place where each item is fixed. Empty fields use the company data (logo, address, phone, email); an empty WhatsApp number uses the company phone number; empty colors follow the app theme.
• When banners or featured products are set, the shop gets a Home tab that opens first: rotating banners, featured products in the chosen order, and store info. Out-of-stock featured products are hidden unless Show out-of-stock products is on.
• Show out-of-stock products: when on, out-of-stock products stay in the catalog labelled “Out of stock” and still cannot be ordered. It is on by default. When off, they are hidden.
• The Share button in the product detail copies the product link (on a phone it opens the share sheet). The link opens a product page with photo, price, stock, and description, so previews on WhatsApp, Instagram, and Facebook are complete and Google can index it. Its Order in the shop button opens the shop with that product's detail.
• The shop link and the sitemap for Google Search Console are under Shop link in Online Shop Settings. Demo shops are not indexed by Google.
• The translate icon in the shop header switches the display language for buyers.
• When Show quantity sold is on, product cards show how many were sold and buyers can sort the catalog by best sellers.
• Photos in the product detail open full screen and can be zoomed.
• The Store info fields hold the address, Google Maps link, opening hours, phone, WhatsApp, email, and Instagram. Take the Maps link from the Share button in Google Maps; only Google Maps links (https) are accepted. Even when left empty, the Store info dialog shows a View on Google Maps button built from the store address.
• When the phone number is the same as the WhatsApp number (however it is written, e.g. 0812... or +62 812...), Store info shows only the WhatsApp row.

Store Pages

An online shop should have the basic pages that buyers and payment providers look for. There are seven: About Us, How to Order, Payment Methods, Shipping, Returns and Refunds, Privacy Policy, and Terms and Conditions. They are set in the Store pages section of the Appearance & Info tab of Online Shop Settings, one panel per page.

• Fill with template inserts sample text (Indonesian or English) with the store name, address, phone, and email already filled in. A template does not turn the page on and, if the box already has text, asks for confirmation before overwriting it. Values in [square brackets], e.g. [7] days for returns, must be replaced to match your store policy. You are responsible for the content of your store pages.
• A page is published when the Show this page in the store switch is on and the page has content. The Payment Methods and Shipping pages carry automatic lists (active Payment Gateway payment methods; the chosen couriers and shipping origin when Shipping fee is on), so you do not type them; an opening note is optional.
• Text format: a blank line starts a new paragraph, ## makes a subheading, - a bullet, 1. a numbered list. HTML is not used.
• Buyers open them from the Store info icon in the shop header, in the Information section. Every page has its own address (/api/pg/<tenant code>/<page name>) that opens without login and is included in the shop sitemap.

SEO and Share Preview

• The SEO & Share Preview section of the Appearance & Info tab controls how the shop looks in Google results and in the preview card when the shop link is shared on WhatsApp, Facebook, or Instagram. Empty = taken from the store name, tagline, and logo.
• The fields: SEO title (about 60 characters), SEO description (about 155 characters), Keywords, Share preview image (1200 × 630 pixels, JPG), Shop icon (favicon) (square, at least 256 pixels, PNG), Google Search Console verification code (the code or the whole meta tag), and Hide the shop from search engines (noindex).
• An old preview can keep showing for a while because WhatsApp and Facebook cache it; try again a little later.
• What search engines read are the server-built shop pages, not the shopping screen: the shop front page, every product, every category (product group), and the Store pages. The front page links to every category, and each category lists its products 48 per page with Previous/Next buttons, so every product can be found through plain links.
• All those pages are in the shop sitemap, except products or categories that are not shown in the shop (inactive, not sold in POS, outside the sold groups, or out of stock while Show out-of-stock products is off); an address that is not shown in the shop answers 404. Register the sitemap in Google Search Console. On your own shop domain, the sitemap address is also listed in the shop’s robots.txt once the service operator has enabled it.
• How fast Google indexes the shop cannot be promised. Once the shop is live, open URL Inspection in Search Console for one product and one category, then request indexing.

Product Variants in the Shop

• Products managed as variants (size/color/model) appear as one parent card, not one card per combination. The detail shows chips per axis; price, stock, and photos follow the selected combination, and sold-out combinations are dimmed.
• A parent card counts as out of stock only when all of its variants are out, and its sold quantity is the sum of all variants.
• A variant's product link opens its parent card with that variant selected, even when it is out of stock.
• Photos can differ per color (or another pictured axis); the gallery switches when the color changes. Variants are managed from the Product form via the Manage Variants button — see Product List.

Shipping Fees

• Enable it in Online Shop Settings, section Shipping fee: the Calculate shipping at checkout switch, the shop's origin sub-district, and the sales expense type for shipping (it sets the revenue account for shipping in the invoice journal; create the expense type in the Sales Expenses list first). Enabled couriers limits which rates are shown; empty means all couriers.
• The shipping block only appears when the shop's currency is rupiah and the platform courier service is available for that shop.
• The fee the buyer pays equals the courier rate and is always calculated by the server: the weight from the product data (the Weight field, in grams) is compared with the volumetric weight from the product dimensions (cm, divided by 6000); the larger one is charged, with a minimum of 1 kg.
• The fee is stored as a sales expense on the order with a memo starting with Ongkir and is carried to the invoice. The delivery order of that order is pre-filled with the buyer's destination and chosen service when staff create the waybill — see Delivery Order.

Your Own Domain

The shop can be opened on your own domain (for example yourstore.com) besides the default subdomain. It is registered and attached from the Shop Domain menu — see Shop Domain.

Top-up & Bills (PPOB) New

Buyers can buy mobile credit, data plans, electricity tokens, e-money, and game vouchers right from the shop, in the Top-up & Bills tab.

Turning It On

1. Open Sales & POS / Online Shop / Online Shop, section Top-up & Bills (PPOB), and turn on Sell mobile credit, data, electricity tokens and e-money in the shop (off by default).
2. Fill in Minimum selling price if needed: products priced below it are hidden and refused. 0 shows everything.
3. The tab only appears when the shop is registered as a PPOB merchant and an active Payment Gateway payment type exists. Otherwise the settings screen names the cause; merchant registration can be done from there (PPOB & Courier Balance).

Buyer Flow

1. Log in, choose a category and brand, pick a denomination, and enter the destination number. The price is calculated by the server.
2. Pay through the shop payment gateway. Once paid, the purchase is deducted from the shop’s PPOB balance and tracked until it completes; the buyer may close the page.
3. Successful orders are booked automatically as paid sales.

• If a purchase fails after payment, the order goes to the refund queue in Shop Settings. Refund the buyer outside the system, then mark it refunded. Refunds pending for more than 48 hours stop new PPOB orders.
• Each buyer can have at most 3 unpaid bills and 10 orders per 24 hours.
• Postpaid bills are not sold in the shop yet.

Things to Note

• The catalog only shows products that are in stock at the online shop's division and department, unless Show out-of-stock products is on. Services are always shown; a package is shown when each of its goods components is sufficient for one package.
• The system checks the customer's credit limit before the send order button becomes active, and the server checks it again when the order is sent. With a limit of 0, an order can only be sent after it is paid in full through a gateway.
• Item prices can change after login because the customer's price level and discount rules are applied. Product cards show the discount percentage and the price after it; wholesale prices apply per quantity, and a price set for the customer's price level replaces them. The prices, discounts, taxes, and total stored on the sales order are always calculated by the server from the product data and discount rules, not taken from the buyer's screen.
• A gateway payment that is not yet confirmed holds back the order submission.
• Defaults such as division, department, salesperson, and service staff come from the online shop configuration.
• A customer who registers in the shop is copied from the default customer of the visitor role: group, accounts, price level, discount rules, and credit limit are copied; its tax ID, points, photo, and birth date are not.
• The SHOP: prefix in the sales order memo is only a label. Editing it does not detach the order from the buyer's account, and an ordinary sales order whose memo is typed “SHOP:” does not become a buyer's order.
• Orders submitted by buyers are handled by staff in Order Processing: packing, waybill, invoice, and tracking on one screen.

Menu Location

• Sales & POS / Online Shop / Online Shop
  /shop