A. Set Up Google Auth: Set up the workflow for google authentication to get the access token to use for the gmail plugin. Required fields are client id, client secret, scopes and redirect uri.

B.  Set Up Gmail Plugin:
Select and Place "Gmail API" Element into the app
Set the value of the plugin Fields as:
Returned Data Field :  (Returned Data)
Retrieve Data Field : Retrieved Email (Data)
Email List: Get Email LIst (Data)

C. Now you can start using any of the gmail api workflow actions. Remember to set the access token value as exposed state of the Google Oauth element.

D. Sending Email with Attachment
For send email with attachment using direct local upload without uploading  to bubble storage:

1.. Place the "GUI Uploader (File to Base64)" into your app

2. Add html element (or any other element) with  attribute id "container"  and place it where you want the file upload interface to be displayed. You can turn on attribute ID from bubble settings to make it visible on your elements. After is turned on the Attribute ID input is usually located at the buttom of the element options-use the value "container

3. Put the "show uploader " on page load,or when acondition is true or when a button is clicked. Just make sure the element with attribute id "container" is visible


D. TEST YOUR APP
a. Login with the Google account
b.  Use any of the gmail api features.
Check editor page and follow the set up process in there.

for any help , kindly send an email on [email protected]



NB: TO GET GOOGLE CREDENTIALS:
To get started, you will need you google client id & client secret credentials for the any of the Email & Oauth Workflow Action. That’s all. The plugin with handle the rest.

Here are the steps to obtain a Google Client ID and Client Secret:
1. Sign in to Google Developer Console: Visit the Google Developer Console and sign in with your Google account.
2. Create a New Project: If you haven't created a project yet, click on "Select a project" at the top left corner of the screen, then click on the "+ New Project" button to create a new project. Give your project a name and click "Create."
3. Enable APIs & Services: Once your project is created, navigate to the "APIs & Services" section from the left sidebar menu.
4. Enable APIs: Click on the "Enable APIs and Services" button. Search for the APIs you need to access (e.g., Google Drive API, Google Calendar API) and enable them for your project.
5. Create OAuth 2.0 Credentials: After enabling the required APIs, navigate to the "Credentials" section from the left sidebar menu.
6. Create Credentials: Click on the "Create credentials" button and select "OAuth client ID" from the dropdown menu.
7. Configure OAuth Consent Screen: If you haven't configured the OAuth consent screen, you'll be prompted to do so. Provide the necessary information such as application name, user support email, and developer contact information.
8. Select Application Type: Choose the appropriate application type based on your use case. For web applications, select "Web application."
9. Enter Authorized Redirect URIs: In the "Authorized redirect URIs" section, enter the URIs where users will be redirected after granting access. Make sure to include the redirect URIs used in your application.
10. Create Client ID: Click on the "Create" button to generate your OAuth client ID and client secret. Google will provide you with a client ID and client secret that you can use in your application.
11. Copy Client ID and Secret: After creation, Google will display your client ID and client secret. Copy these credentials and securely store them. Do not share them publicly.
12. Use Client ID and Secret: Use the obtained client ID and client secret in your application's OAuth configuration to authenticate users and access Google APIs.

Following these steps will allow you to obtain the necessary OAuth client ID and client secret for your Google project. Remember to keep your credentials secure and never expose them in publicly accessible areas of your application.