πππππππππππππSet-Upππππππππππππππ
We have detailed video tutorials for each of the actions/elements we have in this plugin. Watch them to understand and use it at ease.
ππ You must set up your Google Cloud account and create a Google Cloud Project before you can use this plugin. Takes less than 5 mins if you follow the instructions. It is a one time process which is necessary to get your client-id and client-secret. ππ
β Go to
https://console.cloud.google.com/β Log in to your Google account.
β Create a new project.
β Enable Gmail API.
β Create credentials for the API along with redirect URI.
β Note down the Client-ID and Client-secret.
βΈ Step (1 to 6) is explained in detail:
βΈ Watch Youtube video here:
https://www.youtube.com/watch?v=k1Y-jR1bpOIππππππππππInstalling the Pluginππππππππππ
β Log in to your Bubble account
β Go to Plugins
β Search for βGmail by Ritz7β
β Install the plugin
πππππππππππUsing the Pluginπππππππππππ
ππ Note: In all the actions, we have a field named "Authorization". This field should be in the following format: Bearer <Access-Token>. Access Token will be valid for 60 mins from the time it is generated and you can regenerate it using the Refresh Token. And this step is explained in detail here:
https://www.youtube.com/watch?v=AsyYBqPsJpAππ
β Drag and drop the element "Gmail".
β Add an action called "Get Gmail Auth-Code via URL" which requires you can add Client-ID and redirect URI. This will return an URL that needs to be opened.
Note: The redirect URI should match exactly as you have set while configuring in Google Cloud.
β Add Next step: You will have to open the URL you get from the previous step.
Note: This will ask your permission for your app to use your Google Account. Once you permit, the element will automatically fetch the code from the URL.
β Generate Auth Token via code: Call an Action "Get_Access_Token-via_Code". This will require you to pass the client-ID, client-secret, code (you will get it from the element 'Gmail' and the param is named as 'Gmail_Auth_Code') and redirect URI (this should match the one added in the Google Cloud Project)
Note: You will also get Refresh Token along with Access token from step-4. You use Refresh Token to get the Access Token once the old Access Token expires.
β Use "Get_Access_Token-via_R-Token" action to get the Access token from Refresh Token. This requires you to provide client-ID, client-secret and refresh token.
ππ Actions ππ
β½ Create a draft mail
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β» from: It is the sender address of the mail.
β» subject: It is the subject of the mail.
β» body: It is the main content or description of the mail.
β» recipients: It should contain the receiver address to where the mail is being sent.
β» attachment: It should contain attachment file that needs to be added to the mail.
β Outputs:
β» Details of the draft mail created.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=9OYSPVrwH30β½ Update a draft mail
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β» draft_id: It should have the id of a draft mail to be updated.
β» to: It should contain the receiver address to where the mail is being sent.
β» from: It is the sender address of the mail.
β» cc: It should contain the cc address to where the mail is being sent.
β» bcc: It should contain the bcc address to where the mail is being sent.
β» subject: It is the subject of the mail.
β» body: It is the main content or description of the mail.
β» attachment: It should contain attachment file that needs to be added to the mail.
β Outputs:
β» Details of the draft mail updated.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=9OYSPVrwH30β½ Create a label
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β» Label_name: It should have the name of the label that will be created.
β Outputs:
β» Details of the label created.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=buTWI6eQeaQβ½ Update a label
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β» Label_ID: It should contain the ID of the label to be updated.
β» Label_name: It should have the name of the label that will be created.
β Outputs:
β» Details of the label updated.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=buTWI6eQeaQβ½ Get list of labels
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β Outputs:
β» List of labels with their details.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=xH8-f6Z_JTwβ½ Get all mails from a label
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β» Label_name: It should have the name of the label that will be created.
β Outputs:
β» Details of the label created.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=h6hQzB77W0Mβ½ Send Email
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β» from: It is the sender address of the mail.
β» subject: It is the subject of the mail.
β» body: It is the main content or description of the mail.
β» recipients: It should contain the receiver address to where the mail is being sent.
β Outputs:
β» it will give a message called SENT.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=agSejy5nBHwβ½ Send Email with Attachments
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β» from: It is the sender address of the mail.
β» subject: It is the subject of the mail.
β» body: It is the main content or description of the mail.
β» recipients: It should contain the receiver address to where the mail is being sent.
β» attachment: It should contain attachment file that needs to be added to the mail.
β Outputs:
β» it will give a message called SENT.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=agSejy5nBHw