diff --git a/apps/landing-page/content/blog/whatsapp-api-use-cases.mdx b/apps/landing-page/content/blog/whatsapp-api-use-cases.mdx new file mode 100644 index 000000000..d7b1b5459 --- /dev/null +++ b/apps/landing-page/content/blog/whatsapp-api-use-cases.mdx @@ -0,0 +1,455 @@ +--- +title: "14 WhatsApp Business API Use Cases to Grow Your Business" +description: "Explore WhatsApp Business API use cases to grow your business! See how companies are using WhatsApp for customer support and more" +postedAt: "2025-05-13" +cover: "/blog-assets/whatsapp-api-use-cases/featured-image-whatsapp-api-use-cases.avif" +author: younes +--- +WhatsApp Business API is revolutionizing customer connections. Unlike traditional cart-abandonment emails with only 20% open rates, WhatsApp reminders reach 90% within 30 minutes. That's why forward-thinking companies are switching to WhatsApp for customer communication. + +## What is WhatsApp Business API? + +The WhatsApp Business API differs significantly from its free Business app counterpart. The **WhatsApp Business API helps medium to large enterprises** communicate efficiently with numerous customers. + +The business API is a powerful tool that lets you: + +- Send automated messages on WhatsApp to thousands of customers +- Connect WhatsApp to your CRM, helpdesk, and other business tools +- Create AI-powered chatbots on WhatsApp for 24/7 customer support +- Track message performance with detailed analytics + +To implement WhatsApp Business API, you need to work with an official WhatsApp business solution provider. They'll help you get access to the API and set up your account. + +## Use Cases of WhatsApp Business API Across the Marketing Funnel + +phones facebook whatsapp message + + +### Customer Acquisition: Finding New Customers + +#### 1. Click-to-WhatsApp Ads + +**How it works:** Business API lets you create Meta ads with a button that opens a WhatsApp conversation when clicked. This makes it easy for interested customers to start chatting with your business. + +How to implement: + +1. Connect your Meta Business Manager ID to your WhatsApp account +2. Create ads in Meta Ads Manager with the "Messages" objective +3. Select "WhatsApp" as the messaging app +4. Design your ad and set targeting options + + +*Try Typebot to automatically handle responses from these ads with a customized conversation flow.* + + +#### 2. Lead Generation Chatbots + +**How it works:** The WhatsApp API allows you to create chatbots that [collect lead information](./lead-generation-chatbot.mdx) through engaging conversations rather than boring forms. + +How to implement: + +1. Use **Typebot's drag-and-drop interface** to create conversation flows that capture key lead information +2. Set up automated follow-ups based on responses +3. Connect leads to your CRM for sales team follow-up +4. Test and optimize your conversation flow + +### Customer Activation: Getting Customers Started + +#### 3. Personalized Onboarding + +**How it works:** WhatsApp Business API helps you send step-by-step guidance to help new customers start using your product or service. + +**Real example:** Banking apps like Nubank use WhatsApp to walk new customers through setting up their accounts, verifying their identity, and making their first transaction—all within the familiar WhatsApp interface. + +**How to implement:** + +- Create message templates for each step of your onboarding process +- Use rich media like images and videos to explain complex steps +- Set up triggers based on customer actions +- Include quick reply buttons to make navigation easier + + +With Typebot, you can create interactive onboarding flows that guide users through each step with visual elements and conditional logic. + + +#### 4. Product Setup Assistance + +**How it works:** Use WhatsApp to provide visual guides and interactive help for product setup and installation. + +**Real example:** [Samsung offers WhatsApp support](https://news.samsung.com/in/samsung-enhances-contactless-customer-service-offerings-with-new-whatsapp-support) for new device setup, allowing customers to send photos of their setup problems and receive personalized guidance from support agents. + +**Implementation tips:** + +- Train support agents to handle WhatsApp conversations +- Create a library of common setup instructions to share quickly +- Use WhatsApp's file sharing to send PDF guides when needed +- Set up quick replies for frequently asked setup questions + +### Transaction: Making the Sale + +cake ordering app ui + + +#### 5. WhatsApp Catalog and Shopping + +**How it works:** The business API for your business enables you to showcase products directly in WhatsApp and let customers purchase without leaving the app. + +**Real example:** [H&M in India](https://www.marketingmonk.so/p/marketing-strategies-and-campaigns-of-h-m-in-india) lets customers browse their catalog, select items, and complete purchases entirely within WhatsApp conversations. The convenience led to a 20% increase in mobile sales. + +**How to implement:** + +- Set up your **WhatsApp business catalog** with product images and descriptions +- Integrate with your inventory management system +- Create automated checkout flows +- Configure payment methods that work in WhatsApp + +#### 6. Order Confirmations and Updates + +**How it works:** WhatsApp Business API allows you to send instant confirmations and real-time updates about orders. + +phone whatsapp order summary + + +**How to implement:** + +- Create message templates for different order statuses +- Set up automated triggers from your order management system +- Include order tracking links in your messages +- Add quick reply options for common questions + +### Customer Retention: Keeping Customers Coming Back + +#### 7. Appointment Reminders and Rescheduling + +**How it works:** Use the WhatsApp Business API to send automated reminders and allow easy rescheduling through WhatsApp messages. + +**Real example:** North Central London Integrated Care System (NCL ICB) reduced no-shows by 47% by [implementing WhatsApp appointment reminders](https://nclhealthandcare.org.uk/news/whatsapp-and-ai-get-nhs-first-approval-for-appointment-scheduling/) with easy rescheduling options directly in the chat. + +**How to implement:** + +- Connect your scheduling system to WhatsApp API +- Create reminder templates with dynamic fields for date and time +- Include buttons for confirming, canceling, or rescheduling +- Set up automated follow-ups for no-responses + + +*Typebot can help you create interactive appointment reminder flows with rescheduling options built-in.* + + +#### + +#### 8. Personalized Recommendations + +**How it works:** The API enables you to send tailored product suggestions based on previous purchases. + +**Real example:** Tata CLiQ used WhatsApp Business API to send personalized marketing messages based on customer preferences and shopping history, resulting in a 10x ROI in a few months and a 57% click-through rate, significantly boosting engagement and conversions. + +**How to implement:** + +- Connect your product recommendation engine to WhatsApp +- Create message templates that incorporate personalized recommendations +- Include images and descriptions of recommended products +- Add direct purchase links to make buying easy + +### Customer Loyalty: Building Stronger Relationships + +#### 9. Loyalty Program Management + +**How it works:** API offers ways to let customers check points, redeem rewards, and get exclusive offers via WhatsApp. + +**How to implement:** + +- Connect your loyalty program database to WhatsApp +- Use Typebot to create interactive interfaces for point checking and reward browsing +- Design interactive messages for browsing and redeeming rewards +- Set up notifications for new point earnings and special offers + +#### 10. Birthday and Special Occasion Messages + +**How it works:** WhatsApp API to send personalized messages and offers on customers' birthdays or anniversaries. + +**Real example:** Westside, a retail chain, uses the WhatsApp Business API to send ClubWest loyalty members personalized birthday messages with exclusive offers during their birthday month. + +**How to implement:** + +- Create birthday message templates with personalization fields +- Set up automated triggers based on customer birthday data +- Include special offers with clear redemption instructions +- Add expiration dates to create urgency + +Deliver real-time responses and boost engagement with Typebot's WhatsApp integration. + +### Customer Support: Solving Problems Quickly + +#### 11. 24/7 AI-Powered Support + +**How it works:** The WhatsApp Business API helps deploy AI chatbots to handle common questions instantly, at any time of day. + +**Real example:** KFC South Africa [implemented a WhatsApp chatbot](https://www.cm.com/en-za/about-cm/our-customers/kfc/) for support and food ordering, handling 72% of customer queries without human involvement and reducing support costs by 38%. + +**How to implement:** + +- Use Typebot to build an AI-powered support system on WhatsApp +- Train your bot with common questions and answers +- Set up human handoff for complex issues +- Continuously improve your bot based on conversation data + +#### 12. Rich Media Support Solutions + +**How it works:** Use the WhatsApp Business API to exchange images, videos, and documents to resolve issues faster. + +**Real example:** African Car insurance company Jubilee allows customers to send accident photos via WhatsApp for quicker claims processing, reducing claim resolution time by 60%. + +**How to implement:** + +- Train support agents on handling media files through WhatsApp +- Create guidelines for what information to request via images +- Set up secure storage for customer-submitted files +- Create templated responses for common visual problems + +### Customer Advocacy: Turning Customers Into Fans + +#### 13. Feedback Collection and Surveys + +**How it works:** WhatsApp Business API to share allows you to gather customer feedback through interactive WhatsApp surveys. + +**How to implement:** + +- Design short, engaging survey flows with Typebot +- Use interactive elements like buttons and lists +- Send surveys at the right moment (e.g., after purchase or service) +- Follow up on negative feedback immediately + +#### 14. User-Generated Content Campaigns + +**How it works:** Encourage customers to share experiences with your products via WhatsApp. + +**Real example:** [Persil ran the “Persil Kufua Expert” campaign](https://www.esendex.co.uk/blog/post/brilliant-whatsapp-marketing-examples-and-how-to-follow-in-their-footsteps/), inviting customers to submit 15-second laundry tip videos via WhatsApp. Winners received Persil hampers and vouchers. This campaign boosted engagement and fostered brand connection through WhatsApp marketing. + +**How to implement:** + +- Create clear instructions for content submission +- Set up automatic thank-you responses with Typebot +- Get permission to share customer content +- Showcase the best submissions to encourage more participation + + +Want to explore even more ways to leverage WhatsApp automation? Check out these in-depth [WhatsApp chatbot use cases](./whatsapp-chatbot-use-cases.mdx). + + +## Industry-Specific WhatsApp Business Use Cases + +### Healthcare + +Healthcare providers use WhatsApp to improve patient care and streamline operations: + +- **Appointment Management**: Schedule, confirm, and reschedule medical visits through WhatsApp, reducing no-shows. +- **Medication Reminders**: Send timely alerts to patients' phones to improve treatment adherence. +- **Test Results**: Share lab results securely through WhatsApp's encrypted platform, faster than mail. +- **Telemedicine Support**: Connect patients with doctors through video calls when in-person visits aren't possible. + +Practo, a healthcare platform in India, shows the power of this approach. They use WhatsApp for appointment booking, doctor consultations, and customer support, handling over 50,000 patient interactions daily. + +### E-commerce + +Online stores use WhatsApp to make shopping easier and more personal: + +- **Product Recommendations**: Suggest items based on what customers have browsed or bought before. +- **Abandoned Cart Recovery**: Send reminders about items left in carts, with easy links to complete the purchase. +- **Order Tracking**: Provide shipping updates with map links so customers can follow their packages. +- **Visual Commerce**: Share product photos and videos that help customers make buying decisions. + +Tata CLiQ demonstrates these benefits clearly. The retailer uses WhatsApp to send order updates and personalized offers, achieving a 90% delivery confirmation rate and reducing customer service calls by 35%. + +### Banking & Finance + +Banks and financial companies use WhatsApp to keep customers informed and secure: + +- **Transaction Alerts**: Send immediate notifications when money moves in or out of accounts. +- **Fraud Alerts**: Alert customers quickly when suspicious activity happens, allowing fast action. +- **Loan Applications**: Guide customers step-by-step through the application process via chat. +- **Digital Statements**: Deliver monthly statements through WhatsApp instead of paper mail or email. + +HDFC Bank in India has embraced this approach successfully. They offer services like balance checks, statement requests, and credit card payments through WhatsApp, serving over 5 million customers through the platform. + +### Education + +Schools and universities use WhatsApp to connect everyone in the learning community: + +- **Course Updates**: Share schedule changes and announcements that students see right away. +- **Assignment Reminders**: Help students stay on track with homework deadlines and project due dates. +- **Parent Communication**: Keep parents updated on their children's progress regularly. +- **Study Materials**: Send learning resources directly to students' phones for easy access. + +21K School has transformed their communication through WhatsApp. They use the platform for sharing lessons, sending reminders, and keeping parents informed about their children's education. + +## How to Implement WhatsApp Business API for Your Business + +Here's how to get started with the WhatsApp Business API: + +1. **Choose a WhatsApp Business API provider** - Companies like Twilio, MessageBird, and Vonage can help you get access to the API + +2. **Complete business verification** - Meta requires verification of your business before granting API access + + meta for developers apps page + + +3. **Set up your WhatsApp business account** - Create your profile with important business information + +4. **Create message templates** - Design pre-approved templates for business-initiated conversations + + meta developer app dashboard + + +5. **Integrate WhatsApp with your existing systems** - Connect to your CRM, helpdesk, or e-commerce platform + + meta for developers api + + +6. **Test your setup** - Make sure everything works before going live + + whatsapp no archived chats + + +7. **Launch and analyze performance** - Use data to improve your WhatsApp strategy + +Now, let's explore the most effective use cases of WhatsApp Business API across the marketing funnel. + + +Interested in automating conversations and improving customer support? Learn more about setting up a [WhatsApp AI agent](./whatsapp-ai-agent.mdx) for your business. + + +## How to Create a WhatsApp Chatbot with Typebot + +chat with typebot support + + +Want to try WhatsApp automation for your business? Typebot makes it easy to create WhatsApp chatbots without coding. Here's how to use WhatsApp Business API with Typebot: + +1. **Create a Typebot account** +2. Design your conversation flow using the drag-and-drop editor +3. Connect your WhatsApp Business account following these steps: + - Go to Integrations in your Typebot dashboard + - Select WhatsApp as your channel + - Connect your Meta Business account + - Verify your WhatsApp number +4. Test your chatbot with real conversations +5. Launch and monitor performance through Typebot's analytics + +Typebot's webhook integration lets you link your chatbot to other services and APIs. This helps you create unique connections and expand your chatbot's capabilities in many different ways. + + +Want to streamline your customer communications even further? Learn how to [create your own WhatsApp chatbot](./create-whatsapp-chatbot.mdx) and enhance your business automation. + + +## Comparing WhatsApp API with Other Messaging Platforms + +platform engagement bar chart + + +When considering which messaging platform to use for business, it's important to compare the options: + +| Feature | WhatsApp Business API | Telegram API | Facebook Messenger | SMS (Twilio) | +| --- | --- | --- | --- | --- | +| Global Users | 2+ billion | 700+ million | 1.3+ billion | 5+ billion | +| Rich Media Support | High | High | High | Limited | +| End-to-End Encryption | Yes | Optional | Optional | No | +| Chatbot Capabilities | Advanced | Advanced | Advanced | Basic | +| Cost | Pay-per-conversation | Free | Pay-per-conversation | Pay-per-message | +| Business Verification | Required | Optional | Required | Not applicable | +| Message Delivery Rate | 98%+ | 95%+ | 90%+ | 85%+ | +| User Engagement | Very High | High | High | Medium | + +Many companies are using WhatsApp instead of these alternatives because of its **huge user base** and **high engagement rates**. The WhatsApp Business API offers better security and more features for serious business communication needs. + + +Curious about enhancing your customer interactions even further? Explore this list of the [best WhatsApp chatbots](./best-whatsapp-chatbot.mdx) to see powerful automation in action. + + +## Types of WhatsApp Messages Your Business Can Send + +whatsapp business setup steps + + +When using WhatsApp Business API, there are two main types of WhatsApp messages you can send: + +### 1. Template Messages (Business Initiated) + +These are pre-approved message formats for business-initiated conversation. They must be approved by WhatsApp before use. Examples include: + +- Welcome messages +- Order confirmations +- Shipping updates +- Appointment reminders +- Payment notifications +- Back-in-stock alerts +- Customer feedback requests + +### 2. Session Messages (User Initiated) + +These are messages you can send within a 24-hour window after a customer messages you. They don't need pre-approval and can be more flexible. Examples include: + +- Customer support responses +- Product recommendations +- Answers to questions +- Additional information requested by the customer + +Understanding these message types is crucial to using the WhatsApp Business API effectively and avoiding messaging blocks. + + +##### **Avoid Messaging Blocks**Using the correct message type and following WhatsApp's guidelines is crucial to prevent your business from being blocked or restricted on the platform. + + +## ROI Analysis: Is WhatsApp Business API Worth It? + +Companies using WhatsApp to grow their business typically see: + +- **90%+ open rates** (compared to 20% for email) +- **40-60% reduction in support costs** +- **70% of businesses using WhatsApp** chatbots saw improvements in customer satisfaction +- [**40% higher conversion rates**](https://m.aisensy.com/blog/whatsapp-statistics-for-businesses/) from marketing campaigns +- **60% of abandoned carts recovered** when using WhatsApp reminders + +The initial setup costs and message fees are quickly offset by these benefits, making WhatsApp Business API a high-ROI investment for most businesses. + + +**High Engagement Rates**WhatsApp messages typically achieve over 90% open rates, far surpassing traditional email marketing performance. + + +## + +## Common Challenges and Solutions When Using WhatsApp Business API + +### Challenge 1: Message Template Approval + +**Solution:** Follow WhatsApp's guidelines carefully. Keep templates clear, direct, and free of promotional language unless using the marketing template category. + +### Challenge 2: 24-Hour Window Limitations + +**Solution:** Use approved templates to re-engage customers after the 24-hour session expires. Create valuable content that encourages customers to reply. + +### Challenge 3: Integration Complexity + +**Solution:** Start with simple use cases and gradually expand. Work with experienced WhatsApp Business API providers who offer technical support. + +### Challenge 4: Cost Management + +**Solution:** Prioritize high-value conversations. Use chatbots to handle common queries. Monitor metrics to optimize spending. + +### Challenge 5: Maintaining Conversation Quality + +**Solution:** Train team members on conversational best practices. Create guidelines for tone and response times. Use quality scoring. + + +**Start Small, Scale Fast**Begin with a few high-impact use cases and expand your WhatsApp strategy as you gain experience and see results. + + +## Conclusion: The Future of Business Communication is on WhatsApp + +WhatsApp Business API is revolutionizing how businesses engage customers at every stage, offering broad reach and high engagement on the world’s most popular messaging app. + +It supports improved customer support, increased sales, and building stronger connections. An effective strategy combines automation with personal interaction. By applying best practices, you can boost customer engagement and business results. + +Start transforming your communication by choosing a WhatsApp Business API provider today. + +Deliver real-time responses and boost engagement with Typebot's WhatsApp integration. \ No newline at end of file diff --git a/apps/landing-page/content/blog/whatsapp-business-api-pricing.mdx b/apps/landing-page/content/blog/whatsapp-business-api-pricing.mdx index 34c0e4e10..3a63daaec 100644 --- a/apps/landing-page/content/blog/whatsapp-business-api-pricing.mdx +++ b/apps/landing-page/content/blog/whatsapp-business-api-pricing.mdx @@ -28,6 +28,10 @@ There are four main categories of conversations: Each category serves a different purpose and comes with its own pricing. For example, a **marketing message promoting a new product costs differently than a service conversation initiated by a customer**. + +Want to see how businesses are leveraging these different conversation types? Explore our comprehensive guide on [WhatsApp API use cases](./whatsapp-api-use-cases.mdx) to discover real-world applications across various industries. + + ### Regional Variations Regional variations add complexity to pricing. A conversation with a customer in **India might cost less than a similar interaction** in the United States. This disparity reflects differences in market conditions and economic factors across regions. diff --git a/apps/landing-page/content/blog/whatsapp-chatbot-use-cases.mdx b/apps/landing-page/content/blog/whatsapp-chatbot-use-cases.mdx index 84caf1f8e..b2d51c849 100644 --- a/apps/landing-page/content/blog/whatsapp-chatbot-use-cases.mdx +++ b/apps/landing-page/content/blog/whatsapp-chatbot-use-cases.mdx @@ -208,6 +208,11 @@ The conversational commerce market on WhatsApp is rapidly expanding, projected t For instance, in Brazil, **96% of businesses rely on WhatsApp** for customer communication. This underscores its importance in markets with high mobile penetration. + +For a comprehensive overview of how businesses are leveraging WhatsApp Business API across different industries, check out our detailed guide on [WhatsApp Business API use cases](./whatsapp-api-use-cases.mdx) that showcases 14 powerful implementations to grow your business. + + + ### Introducing Typebot: your no-code WhatsApp chatbot builder Building a WhatsApp chatbot no longer requires technical expertise. Thanks to tools like **Typebot**, businesses can create sophisticated chatbots with ease. This no-code platform empowers companies of all sizes. diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/cake-ordering-app-ui.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/cake-ordering-app-ui.avif new file mode 100644 index 000000000..1d6fce0ca Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/cake-ordering-app-ui.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/chat-with-typebot-support.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/chat-with-typebot-support.avif new file mode 100644 index 000000000..825c6e824 Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/chat-with-typebot-support.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/cover.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/cover.avif new file mode 100644 index 000000000..c91b615a8 Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/cover.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/meta-developer-app-dashboard.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/meta-developer-app-dashboard.avif new file mode 100644 index 000000000..4d471db67 Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/meta-developer-app-dashboard.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/meta-for-developers-api.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/meta-for-developers-api.avif new file mode 100644 index 000000000..61ca96d7d Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/meta-for-developers-api.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/meta-for-developers-apps-page.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/meta-for-developers-apps-page.avif new file mode 100644 index 000000000..ebe440400 Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/meta-for-developers-apps-page.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/phone-whatsapp-order-summary.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/phone-whatsapp-order-summary.avif new file mode 100644 index 000000000..2fe205a11 Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/phone-whatsapp-order-summary.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/phones-facebook-whatsapp-message.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/phones-facebook-whatsapp-message.avif new file mode 100644 index 000000000..8464384fe Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/phones-facebook-whatsapp-message.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/platform-engagement-bar-chart.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/platform-engagement-bar-chart.avif new file mode 100644 index 000000000..0711ce63d Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/platform-engagement-bar-chart.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/whatsapp-business-setup-steps.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/whatsapp-business-setup-steps.avif new file mode 100644 index 000000000..8bf2ac889 Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/whatsapp-business-setup-steps.avif differ diff --git a/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/whatsapp-no-archived-chats.avif b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/whatsapp-no-archived-chats.avif new file mode 100644 index 000000000..e9c6ba34e Binary files /dev/null and b/apps/landing-page/public/blog-assets/whatsapp-api-use-cases/whatsapp-no-archived-chats.avif differ