To provide a better shopping experience for customers, Biteship allows you to install the Shipping Cost Check feature directly on your own personal website or online store.
With this feature, customers can independently find out the estimated shipping costs from various couriers without having to switch platforms, thereby increasing trust and potential sales conversions on your website.
This article will help you understand:
- What the self-service shipping cost check feature is
- Benefits of having the shipping cost check feature on your own website
- Technical preparations needed (API Key)
- How to integrate the shipping cost check feature
- Display customization guide
- Feature testing steps
1. What Is the Shipping Cost Check Feature on Your Own Website?
This feature is an integration of Biteship’s system into your website interface, where users simply enter the origin location, destination, and package weight to get a real-time list of prices from various courier services.
This integration is usually used for:
- Custom e-commerce websites
- Single product landing pages
- Internal shipping information portals
- Web-based mobile applications
2. Benefits of Installing the Shipping Cost Check Feature
By providing this feature on your own website, you add value in the form of:
- Cost Transparency: Customers get price certainty before checking out.
- Operational Automation: Reduces the burden on customer service in answering questions about shipping cost estimates.
- Variety of Courier Options: Displays many courier choices (JNE, J&T, SiCepat, etc.) in one view.
- Professional User Experience: Makes your website look more credible and sophisticated.
3. Preparations Before Set-Up
Before starting the integration, make sure you have prepared the following:
- An active Biteship account
- Biteship API Key (Can be found in the Integration Settings Dashboard)
- Access to your website’s source code (HTML/JavaScript)
- Biteship API documentation as a technical reference
Make sure your API Key:
- Is stored securely (do not share with outside parties)
- Has sufficient quota to make requests to the server
4. Information Required During Setup
When making a shipping cost check request, your website needs to send several important parameters to the Biteship API:
Origin Information
- Origin area ID (Origin district/subdistrict of the shipment)
Destination Information
- Destination area ID (Location where your customer is)
Item Details (Weight)
You need to send the weight parameter so the displayed prices are accurate:
- Total weight in grams
- Dimensions (Length, Width, Height) if needed for cargo
5. Integration Steps
Step 1: Get API Key from Dashboard
Log in to your Biteship account, navigate to the Integration menu, and copy your API Key.
Step 2: Integrate Area Search Feature
Use Biteship’s Maps/Area API so customers can select district names in the correct format and synchronized with the courier system.
Step 3: Call the Rates API
Send origin, destination, and weight data to the /v1/rates endpoint to get a list of courier services along with their prices.
Step 4: Display Results on the Website
Present the data received from the API in a list or table format on your website page so it is easy for customers to read.
6. Tips for Smooth Feature Operation
- Use the Caching feature for area search results to speed up loading.
- Provide a loading indicator while the system is processing data.
- Make sure product weight is correctly set in your website database.
- Use courier logos to make the display more visual and easier to understand.
7. Conclusion
Providing a shipping cost check feature on your own website is a strategic step to simplify operations and increase customer satisfaction. With Biteship API integration, this process can be done flexibly according to your business needs.
If you encounter any issues during setup or integration, please contact the Biteship support team via support@biteship.com.