@ayan.basu The base URL of the connector does come from Bubble, but specifically from the API side of your Bubble project. I’m not sure how familiar you are with using Bubble as an API, but that’s what we’re aiming to do here. Cloud Canal makes use of both Bubble’s Data API and API Workflows. I suggest going over the documentation in the Bubble reference.
For example, the URL in the connector that powers Cloud Canal looks like this:
As you can see from the first part of the URL, my Bubble app is called cloudcanal. I have multiple API workflows and data types I need to access, so my endpoints look something like this (there are more, this is just a snippet):
When a request comes in for a specific endpoint, Cloud Canal takes the endpoint URL and combines it with the base URL of the connector. For example, let’s look at the first endpoint. When the request comes in, the framework will combine “https://cloudcanal.bubbleapps.io/api/1.1/” with “obj/connector” to get the final URL: “https://cloudcanal.bubbleapps.io/api/1.1/obj/connector”. It will send a GET request to this URL.
You can see I’ve used a combination of Data API endpoints (starting with “obj”) and workflows (starting with “wf”). If you’ve never worked with the API side of Bubble before, this all may come across as a little overwhelming, but I promise you that Bubble does a really good job of making it intuitive.
For your second question, you need to go to your Webflow dashboard, then open up the 3 dot menu under your project, and go to Settings. Select the Custom Code tab and scroll down to Footer Code. You need to have a site plan or user plan in order to access this section.
Thank you so much for the questions, I’ve already learned a ton about usability. I think this really reinforces the need for those tutorial videos to make everything clear. I will release the first batch of videos by Monday. Based on your feedback, I will cover:
- Creating a Webflow site
- Creating a Bubble app and working with the API
- Setting up Cloud Canal
- Linking it all together
I’ll walk you through creating a basic project from start to finish.