Display Custom Field Pricing on the Service View Page (Customer Portal)
OctopusPro lets you control what customers can see in your Customer Portal before they start booking. One useful option is showing the pricing of custom fields (service add-ons / options) directly on the service view page. This improves transparency by letting customers see how optional upgrades or selections can change the total price before they click “Schedule an appointment”.
This is ideal when your services have dynamic pricing based on customer selections (e.g., duration, property type, number of rooms, add-ons, surcharges, or upgrades).
Table of contents
- What this setting does
- Benefits
- Step 1: Enable the Customer Portal flag
- Step 2: Where the pricing appears (customer view)
- Step 3: What are custom fields?
- Step 4: Enable “Display pricing on the view service page” per custom field
- Step 5: Control which add-ons show pricing (show/hide per field)
- Step 6: Ensure the custom fields are assigned to the correct services
- Related portal pricing settings
- Troubleshooting
What this setting does
When enabled, the Customer Portal displays a pricing list for custom fields (add-ons) on the service view page. Customers can preview optional extras and see how each selection affects pricing, before they start the booking flow.
Note: If this is disabled, customers will only see add-on costs after they start booking and select options during checkout.
Benefits
- More price transparency: customers understand what drives the final total.
- Higher conversion: fewer “surprise costs” reduces drop-offs and abandoned bookings.
- Fewer support questions: customers can self-serve and choose the right add-ons upfront.
- Better job scoping: more accurate selections lead to smoother scheduling and delivery.
Step 1: Enable the Customer Portal flag
To display custom field add-on prices on the service view page:
- Go to Settings > Customer Portal > Flags & Permissions.
- Scroll to Booking Flags.
- Enable Display pricing of custom fields added to the service in the view service page.
- Click Save.
Related: Customer Portal Flags & Permissions
Step 2: Where the pricing appears (customer view)
After enabling the flag, customers will see a custom field pricing list on the service view page. This appears before booking and shows how different selections may increase (or change) the service price.
Examples of what customers might see:
- Duration options: 60 mins / 75 mins / 90 mins each with its own price.
- Service variations: “Apartment” vs “House” with different pricing.
- Add-ons: extra rooms, deep clean, stain treatment, deodorise, priority booking, etc.
Tip: To verify the customer experience, open your portal, browse to a service, and confirm the pricing list appears on the service view page (test in an incognito/private window).
Step 3: What are custom fields?
Custom fields are additional questions or options shown during inquiries, quotes, and bookings (and optionally in other areas like customer profiles). When assigned to a service, custom fields can:
- collect information needed to deliver the job (preferences, measurements, access details, etc.)
- apply price adjustments (add-ons, surcharges, upgrades)
- apply duration adjustments (extra time required based on selections)
To manage custom fields, go to Settings > Service Settings > Custom Fields.
Learn more: Create & Manage Custom Fields
Step 4: Enable pricing display per custom field
Enabling the portal flag alone is not enough. Each custom field must also be configured to allow its pricing to appear on the service view page.
- Go to Settings > Service Settings > Custom Fields.
- Edit the custom field you want to show pricing for.
- Enable the option Display pricing on the view service page (set it to Yes).
- Save.
Important: If this toggle is disabled inside the custom field, that field’s pricing will not appear on the service view page—even if the Customer Portal flag is enabled.
Step 5: Control which add-ons show pricing (show/hide per field)
You can choose to display pricing for some custom fields and keep others hidden:
- Show pricing for common add-ons with fixed, predictable costs (recommended for transparency).
- Hide pricing for fields where pricing is variable or subject to inspection (e.g., “extent of damage”, “site access complexity”).
This is controlled by enabling/disabling Display pricing on the view service page inside each custom field (Step 4).
Step 6: Ensure the custom fields are assigned to the correct services
Custom fields (and their pricing) only show on a service page if the field is assigned to that specific service. If you don’t see the pricing list on a service:
- confirm the field is linked to the exact service the customer is viewing
- confirm the field is not hidden from the portal (depending on your custom field configuration)
Guide: Assign Custom Fields to Services
Related portal pricing settings
Depending on how much pricing detail you want to show, these settings may also help:
- Display service and custom field pricing structure to customers (shows a full pricing breakdown and variants).
Learn more - Update service pricing on the go (updates totals in real time during checkout when customers select add-ons).
Learn more - Display service minimum price (shows “From $X” pricing on the service list/service page where applicable).
Learn more
Troubleshooting
The pricing list doesn’t show on the service view page
- Confirm the portal flag is enabled: Settings > Customer Portal > Flags & Permissions > Booking Flags.
- Confirm the custom field has Display pricing on the view service page set to Yes.
- Confirm the custom field is assigned to the service the customer is viewing.
- Test in an incognito/private window to avoid cached sessions.
The option shows, but no price appears
- Confirm the custom field (or its options) has a configured price adjustment (if it’s informational only, it may show without a price).
- Confirm you saved the custom field after editing pricing rules.
I only want some add-ons to show pricing before booking
- Keep the portal flag enabled.
- Enable/disable Display pricing on the view service page per custom field to control which ones appear.
To stay updated, please subscribe to our YouTube channel.