To provide a better shopping experience for customers, Biteship allows you to install the Shipping Cost Check feature directly on your 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 the potential for sales conversions on your website.
This article will help you understand:
- What the self-service shipping cost check feature is
- Benefits of having a shipping cost check feature on your own website
- Technical preparations needed (API Key)
- How to integrate the shipping cost check feature
- Display customization guide
- Steps for testing the feature
1. What Is the Shipping Cost Check Feature on Your Own Website?
This feature is an integration of the Biteship system into your website interface, where users simply enter the origin location, destination, and package weight to get a list of prices from various couriers in real-time.
This integration is typically 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.
- Diverse Courier Choices: Displays many courier options (JNE, J&T, SiCepat, etc.) in one view.
- Professional User Experience: Makes your website look more credible and sophisticated.
3. Preparations Before Setup
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 external parties)
- Has enough 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 regency/district 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 prices that appear are accurate:
- Total weight in grams
- Dimensions (Length, Width, Height) if required 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 with 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 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 the product weight is properly set in your website’s database.
- Use courier logos to make the display more visual and easy 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 the setup or integration process, please contact the Biteship support team at support@biteship.com.