/bubble-integrations

Bubble.io and Smooch (now Zendesk Sunshine Conversations) integration: Step-by-Step Guide 2024

Discover a comprehensive guide that provides detailed steps on integrating Bubble.io with Smooch, now named Zendesk Sunshine Conversations.

What is Smooch (now Zendesk Sunshine Conversations)?

Smooch (now Zendesk Sunshine Conversations) is a messaging platform designed for businesses to have efficient, streamlined conversations with their customers across various channels. The tool enables businesses to unify messages from different channels such as WhatsApp, Line, Facebook Messenger, and others into a common interface. Businesses can respond to their customers' inquiries, or build interactive message experiences using this platform.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

How to integrate Bubble.io with Smooch (now Zendesk Sunshine Conversations)?

Step 1: Signup or Login to Bubble.io

The very first step involves creating an account on Bubble.io if you don't have one already. Visit the Bubble.io website and click "Signup". Fill in your credentials to register for a new account. If you already have an account on Bubble.io, just log in using your credentials.

Step 2: Create a New Application in Bubble.io

After setting up your account, the next step is to create a new application. Click on "New App" from the dashboard to create a new one. Enter your new application's name, and select a template if desired, then click "Create new app".

Step 3: Set up API endpoints in Bubble.io

Now, you will have to set up API endpoints in Bubble.io for the Smooch integration. Go to the "Settings" tab on the dashboard, and click on "API". Enable data API and workflow API for the app. You will also need to define the API endpoints your app will be communicating with, which will be related to the functionalities provided by Smooch.

Step 4: Signup or Login to Zendesk Sunshine Conversations (formerly Smooch)

Now, head over to the Sunshine Conversations' website. If you don't already have an account, sign up for a new one by clicking on "Get started for free". If you already have an account, log in using your credentials.

Step 5: Create a new application in Sunshine Conversations

Once you're logged into Sunshine Conversations, create a new application. Click on "Create App", then enter the name of your new app and click on "Create".

Step 6: Generate Key Id and Secret

After creating the new app, you need to generate your Key Id and Secret, which are necessary for the integration with Bubble.io. Navigate to your newly created app, then go to "Settings" > "API Keys". Click on "Create a new key", and save the Key Id and the Secret for the next steps.

Step 7: Integrate Sunshine Conversations to Bubble.io

Return to Bubble.io and navigate to the configuration of the API endpoint you want to integrate with Smooch. Here you will need to fill in the Key Id and Secret from Sunshine Conversations.

Step 8: Test the Integration

Upon successful integration, you should now be able to send messages from your Bubble.io application to Sunshine Conversations. Test the integration by creating a new workflow in Bubble.io that triggers a message in Sunshine Conversations. You should see your message appear in the Sunshine Conversations interface.

Step 9: Set Up Webhooks

To send messages from Sunshine Conversations to Bubble.io, you will need to set up a Webhook. Navigate to the Webhooks section in Sunshine Conversations, and enter the URL of your Bubble.io API endpoint. Test this integration by sending a message from the Sunshine Conversations interface, you should see it in your Bubble.io application.

Step 10: Complete the Integration

With the above steps, your integration is complete. You can now send and receive messages bidirectionally between your Bubble.io application and Zendesk Sunshine Conversations.

This guide provides a basic understanding of how to integrate Bubble.io with Zendesk Sunshine Conversations. Depending on the specifics of your application, you may need to go more in-depth into the Bubble.io API documentation or the Sunshine Conversations API documentation.

Bubble.io and Smooch (now Zendesk Sunshine Conversations) integration usecase

Scenario: A mobile app development company uses Bubble.io to create and maintain their user interface. They want to integrate a chat feature into their application where users can communicate directly with the customer service team. The company uses Smooch (now Zendesk Sunshine Conversations) as their customer communication platform and wants to integrate it with their Bubble.io app to provide better user support.

Solution: Integrating Bubble.io with Smooch

App User Interface Construction: The company uses Bubble.io's no-code platform to create the user interface of their mobile application. They include a chat feature within the application where users can send their inquiries and concerns directly to the customer service team.

Setting Up the Integration: The company installs the Smooch plugin in Bubble.io and configures it with their Smooch API key. They set up workflows in Bubble.io that trigger when a user sends a message through the chat feature.

Chat Workflow: When a user communicates a query or issue through the chat feature, the workflow is triggered. The message is automatically sent to Smooch using the configured Smooch plugin action. The customer service team receives the message in Smooch and can respond directly to the user within the same platform.

Improving User Support with Smooch: The team uses Smooch to handle all user communication - they can quickly respond to inquiries, resolve issues, and provide general customer service. Responses from the team are sent back to the user through the chat feature in the mobile application.

Monitoring and Analytics: The integration allows for seamless tracking of user messages and queries. The company can monitor user feedback and their response times in Smooch, making data-driven decisions to optimize their customer support.

Benefits:

  • Efficiency: Automating the chat feature using Bubble.io and Smooch saves time and ensures fast response times to user queries.

  • Centralization: All user communication is managed in one place with Smooch, providing a single platform for customer service.

  • Better User Support: The integration enables real-time conversations between users and the customer service team, enhancing customer support.

  • Analytical Insights: The company can analyze user feedback in Smooch, gaining insights into common issues or requests and improving their services and application accordingly.

By integrating Bubble.io with Smooch, the mobile app development company can provide fast, effective, and efficient customer service within their application, driving user satisfaction and improving their overall user experience.

Explore More Valuable No-Code Resources

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore
Want to Enhance Your Business with Bubble?

Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.

Book a free consultation

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences