Billing Portal

Availability: 🇮🇩 Indonesian Business Account only

Billing Portal is a product that allows merchants to build and customize a community-facing application — including homepage sections, brand identity, and logos — without writing any code. The application is integrated with DOKU Subscription and Billing, enabling community members to view and pay their bills directly through the app.

Features & Benefits

🎨 No-Code Customization

Configure your application's homepage sections, color scheme, logo, and fonts entirely from the merchant dashboard — no developer required.

🔗 Integrated with DOKU Subscription and Billing

The Billing Portal is natively connected to FlexiBill. Members can look up their invoices by Flexibill Member or Customer ID and pay outstanding bills directly within the app.

📱 Multiple Payment Methods

Members can pay using DOKU Wallet or Other Payment Methods (Virtual Account, QRIS, Cards, and more) — as configured by the merchant.

🗂️ Section Management with Archive & Restore

Manage homepage content flexibly — add, edit, reorder, or remove sections. Removed sections and their content are stored in the Archived Configuration and can be fully restored at any time.

How It Works

1

Configure General Settings

Set up the merchant's visual identity — display name, logo, primary and secondary colors, and font. Upload legal documents (Terms and Conditions, Privacy Policy, About Us) that members may need to access.

2

Add Sections to the Homepage

Create up to 3 customizable sections on the homepage. Choose between a Widget section for functional quick-access links integrated with DOKU Subscription and Billing, or a Banner section for news, announcements, and promotions.

3

Share the Web App with Members

Members access the web app, log in with their registered mobile number, and are redirected to the customized homepage that reflects the merchant's configuration in real time.

4

Members Pay Their Bills

Members select the billing widget, enter their Flexibill Member or Customer ID, view their unpaid invoices, and complete payment using DOKU Wallet or another payment method.

🎬 Want to see it in action? Try the interactive demo before diving into the details. Launch Demo

Capability Details

Section Configuration

Section Configuration

The Section Configuration allows merchants to manage and adjust the content displayed on the application's homepage — adding, editing, and organizing sections to match their business needs.

Section Availability

Item	Detail
Total section slots	5 slots
Merchant-customizable slots	Up to 3 sections
Reserved by DOKU	2 sections — DOKU Biller and DOKU Banner
Quota indicator	Shown as e.g. 4/5 — sections generated out of total capacity

Use the Add Section button to create a new section and assign it to an available slot.

Section Types

There are two supported section types:

1. Widget

A Widget section enables merchants to configure navigational or functional quick-access components. Each Widget section can include:

• A section icon

• A section link

• Integration with DOKU Subscription and Billing services

2. Banner

A Banner section allows merchants to add visual content to the homepage — ideal for marketing messages or visual highlights. Supported content includes:

• News

• Announcements

• Promotions

Creating a Section

1

Add a Section

Click Add Section to open the section creation form. Select the section type (Widget or Banner) and assign the section to an available slot.

Section Naming Rules

Section names can be customized by the merchant with a maximum of 64 characters.

2

Add Section Content

Configure the content for the section based on its type.

Widget Section — Content Requirements

Field	Requirement
Display Banner	Required. Formats: JPEG, PNG, JPG. Max file size: 5 MB. Min resolution: 300 × 300 px
Content Type	Choose one: Long Text (free text up to 2,000 characters for announcements or news) or Link (embedded URL in https format)

3

Apply Section

After configuring the section and its content, click Apply to publish it to the homepage.

Section changes can be applied once every 10 minutes.

General Configuration

Archived Configuration

Customer Journey: Pay Your Bill

This section describes the end-to-end experience a member goes through when accessing the Billing Portal app and completing a bill payment.

1

Login

The member opens the DOKU e-Wallet app and accesses the Billing Presentment feature. They enter their registered mobile number and receive an OTP verification code via SMS or WhatsApp to sign in.

2

Register (New Members Only)

If the mobile number is not yet registered, the member is redirected to the registration page and must provide:

Field	Requirement
Email	Must follow standard email format
Full Name	As per National ID (KTP)

Upon successful registration, the member is prompted to create a 6-digit Security PIN, which is used to authorize all DOKU Wallet payments and transactions.

3

Homepage

After a successful login or registration, the member is redirected to the Homepage. The interface dynamically reflects the custom configurations set in the Merchant Dashboard — including the merchant's branding, sections, and integrated billing widget.

4

Inquiry

The member selects the billing widget on the homepage to view their outstanding bills.

1. Enter a registered Flexibill Member ID or Customer ID

2. Once the ID is verified, all unpaid invoices are displayed instantly

3. Select the bills to pay — the oldest bills must be paid first to keep the account current

4. After selecting bills, the member is directed to the Payment Confirmation page for a final review

5

Payment

Payment can be completed using two methods:

a. DOKU Wallet

The member selects DOKU Wallet and enters their transaction PIN to authorize the payment.

Scenario	What Happens
Valid PIN	Member is redirected to the Payment Successful page
Incorrect PIN × 3	Account is automatically locked for security purposes

b. Other Payment Methods

The member selects Other Payment Methods to see a list of available options as configured in the Merchant Dashboard:

Method	Options
e-Wallet	DOKU e-Wallet
Cards	Debit / Credit Card
QRIS	QRIS
Bank Transfer	Virtual Account — Permata Bank, BSI, Danamon, BRI, DOKU VA (Other Banks)

Regardless of the chosen method, the member is redirected to the Transaction Success Page upon successful payment.

6

Transaction Success

After payment is processed, the member sees the Transaction Detail page showing:

Field	Description
Total Paid	The total amount successfully charged
Member Name & ID	The member's name and reference number
Transaction Date & Time	Timestamp of the payment
Reference Number	Unique transaction reference (e.g., BPT-20260413105020-474430)
Bills Paid	Summary of bills settled — with count of Failed, Processing, and Paid
Invoice Detail	Per-invoice breakdown with collection name, invoice number, date, and amount

Merchant & Customer Experience

Merchant View

• Configure homepage sections, brand identity, and documents at Billing Portal → Section Configuration / General Configuration

• Manage archived sections and restore content at Billing Portal → Archived Configuration

• Payment methods available to members are configured from the Merchant Dashboard

Member View

• Access the Billing Portal app

• Log in with a registered mobile number and OTP — or register as a new member

• View and pay outstanding invoices by entering their Flexibill Member or Customer ID

• Pay using DOKU Wallet (PIN-authorized) or other available payment methods

• View transaction detail and invoice breakdown after each successful payment

Terms & Conditions

• Merchants can add up to 3 customizable sections out of 5 total homepage slots — 2 slots are reserved for DOKU (DOKU Biller and DOKU Banner)

• Section names are limited to 64 characters

• Widget section display banners must be JPEG, PNG, or JPG format — maximum 5 MB, minimum resolution 300 × 300 px

• Long Text content type supports up to 2,000 characters

• Section changes can be applied once every 10 minutes

• Display logo must be JPEG, JPG, or PNG — maximum 1 MB, minimum resolution 300 × 300 px

• Document uploads (Terms and Conditions, Privacy Policy, About Us) must be in PDF format

• Members must pay the oldest outstanding invoice first before settling newer ones

• An incorrect DOKU Wallet PIN entered 3 times will automatically lock the account

FAQ

How many sections can a merchant add to the homepage?

Merchants can add up to 3 customizable sections. The remaining 2 out of 5 total slots are reserved by DOKU for DOKU Biller and DOKU Banner.

Can a removed section be recovered?

Yes. All removed sections and their content are stored in the Archived Configuration. Merchants can restore an entire section (along with all its content) or restore individual content items. A section can only be restored if there is still an available slot on the homepage.

How often can section changes be applied?

Section changes can be applied once every 10 minutes.

Can members choose which bills to pay?

Members can select which invoices to settle, but the oldest outstanding bills must be paid first. The system enforces this order to keep the member's account current.

What happens if a member enters the wrong DOKU Wallet PIN?

If an incorrect PIN is entered 3 times consecutively, the DOKU Wallet account is automatically locked for security purposes.

What payment methods are available in the Billing Portal?

Payment methods are configured by the merchant in the Merchant Dashboard. Available options include DOKU e-Wallet, Virtual Account (various banks), QRIS, and Cards.