{"id":6995,"date":"2022-05-31T11:55:08","date_gmt":"2022-05-31T18:55:08","guid":{"rendered":"https:\/\/coderpad.io\/?post_type=doc&#038;p=6995"},"modified":"2023-06-08T11:12:45","modified_gmt":"2023-06-08T18:12:45","slug":"google-chrome-calendar-extension","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/resources\/docs\/interview\/integrations\/google-chrome-calendar-extension\/","title":{"rendered":"Google Chrome Calendar extension"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote\">\n<p>&nbsp;\u2139\ufe0f As part of CoderPad\u2019s rebranding effort,&nbsp;<em>CoderPad Live<\/em>&nbsp;is now just&nbsp;<strong>Interview<\/strong>. We\u2019re still working on updating the branding in the Chrome Web Store, until then you\u2019ll still see references to \u201cCoderPad\u201d or \u201cCoderPad Live\u201d when you search within the store.<\/p>\n<\/blockquote>\n\n\n\n<p>Create and link pads directly in Google Calendar or through the Chrome browser extension to help you schedule technical interviews. <\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><nav aria-label=\"Table of Contents\"><ul><li class=\"\"><a href=\"#getting-the-extension\">Getting the extension <\/a><\/li><li class=\"\"><a href=\"#set-up\"> Set up<\/a><\/li><li class=\"\"><a href=\"#using-the-extension\">Using the extension<\/a><ul><li class=\"\"><a href=\"#creating-a-pad-through-the-browser-plugin\">Creating a pad through the browser plugin<\/a><ul><li class=\"\"><a href=\"#for-the-live-interview-pad\">For the live interview pad <\/a><\/li><li class=\"\"><a href=\"#for-the-take-home-pad\">For the take-home pad<\/a><\/li><\/ul><\/li><li class=\"\"><a href=\"#creating-a-live-interview-pad-through-a-google-calendar-invite\">Creating a live interview pad through a Google Calendar invite<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"getting-the-extension\">Getting the extension <\/h2>\n\n\n\n<p>Download the extension from <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/coderpad\/gggomabkbnhcbmlgfdabcpopfdgkoapn?hl=en&amp;authuser=0\" target=\"_blank\" rel=\"noopener\">the Chrome Web Store<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/coderpad\/gggomabkbnhcbmlgfdabcpopfdgkoapn?hl=en&amp;authuser=0\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-1-1-1024x641.jpg\" alt=\"An arrow pointing to the &quot;add to chrome&quot; button at the top left of the coderpad extension in the chrome web store.\" class=\"wp-image-7002\" width=\"768\" height=\"481\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-1-1-1024x641.jpg 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-1-1-300x188.jpg 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-1-1-768x481.jpg 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-1-1.jpg 1482w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"set-up\"><br>Set up<\/h2>\n\n\n\n<p>1. Click the plugins button in the nav bar and then click on the CoderPad extension.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-1.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"394\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-1-1024x394.png\" alt=\"The extensions button at the top of the browser bar is highlighted. There is a dropdown menu of extensions and there is an arrow pointing to the coderpad option.\" class=\"wp-image-7004\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-1-1024x394.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-1-300x115.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-1-768x295.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-1-1536x590.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-1.png 1673w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 Don&#8217;t forget to pin the extension to your browser bar. You can do this by clicking on the pin icon in the Extensions menu. The pin icon will turn blue to indicate that it&#8217;s pinned to the bar.<\/p>\n<\/blockquote>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-27.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-27.png\" alt=\"On the extension drop down the &quot;pin&quot; symbol is highlighted next to coderpad.\" class=\"wp-image-7596\" width=\"314\" height=\"459\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-27.png 418w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-27-205x300.png 205w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>2. Enter <a href=\"https:\/\/app.coderpad.io\/dashboard\/settings\" target=\"_blank\" rel=\"noreferrer noopener\">your API key<\/a> into the pop-up window and hit <strong>Connect<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-2.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-2.png\" alt=\"Coderpad extension setup window with a field to enter the api key.\" class=\"wp-image-7005\" width=\"395\" height=\"322\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-2.png 527w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-2-300x244.png 300w\" sizes=\"auto, (max-width: 395px) 100vw, 395px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"using-the-extension\">Using the extension<\/h2>\n\n\n\n<p>Once the extension is set up, you have the option of creating a pad either through the broswer plugin itself or through a Google Calendar invitation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creating-a-pad-through-the-browser-plugin\"><strong>Creating a pad through the browser plugin<\/strong><\/h3>\n\n\n\n<p>1. To create a pad using the browser plugin, first navigate to the plugin and click on it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-3.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-3.png\" alt=\"The extensions button at the top of the browser bar is highlighted. There is a dropdown menu of extensions and there is an arrow pointing to the coderpad option.\" class=\"wp-image-7007\" width=\"443\" height=\"461\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-3.png 591w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-3-288x300.png 288w\" sizes=\"auto, (max-width: 443px) 100vw, 443px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>2. In the pop-up window select <strong>Create Live Pad<\/strong> or <strong>Create Take-Home Pad<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-27.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"203\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-27.png\" alt=\"The coderpad window is open with the &quot;create live pad&quot; and &quot;create take-home pad&quot; buttons displayed.\" class=\"wp-image-34182\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-27.png 450w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-27-300x135.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-27-18x8.png 18w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\" id=\"for-the-live-interview-pad\"><strong>For the live interview pad <\/strong><\/h4>\n\n\n\n<p>You&#8217;ll then see a window with the following: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The pad title, which you can edit as needed.<\/li>\n\n\n\n<li>The pad link, which you can copy to send to a candidate or an interviewer.<\/li>\n\n\n\n<li>A button to add the link to a <a href=\"#invite-prefill\">Google Calendar invite<\/a>. <\/li>\n\n\n\n<li>A button to open up <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/\" target=\"_blank\" rel=\"noreferrer noopener\">the live pad<\/a>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-28.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"457\" height=\"453\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-28.png\" alt=\"The coderpad window is open with the &quot;create live pad&quot; and &quot;create take home pad&quot; buttons displayed. Below is 1 - the pad title, 2 - the pad link, 3 - the &quot;add link to calendar&quot; button, and 4- the &quot;view live pad&quot; button.\" class=\"wp-image-34184\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-28.png 457w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-28-300x297.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-28-150x150.png 150w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-28-12x12.png 12w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\" id=\"for-the-take-home-pad\"><strong>For the take-home pad<\/strong><\/h4>\n\n\n\n<p>You&#8217;ll first see a window to select the take-home question &#8212; <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/question-bank\/creating-and-editing-a-question\/\" target=\"_blank\" rel=\"noreferrer noopener\">you&#8217;ll need to create the question ahead of time using the question wizard<\/a> &#8212; and the duration of the test. Click <strong>Create Take-Home<\/strong> to continue.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-29.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"522\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-29.png\" alt=\"The question selection window is shown with a search bar at the top, a list of questions in a drop down list, and a &quot;duration&quot; drop down below that.\" class=\"wp-image-34187\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-29.png 450w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-29-259x300.png 259w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-29-10x12.png 10w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>You&#8217;ll then see a window with the following:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The pad title, which you can edit as needed.<\/li>\n\n\n\n<li>The pad link, which you can copy to send to a candidate.<\/li>\n\n\n\n<li>A button to add the link to a <a href=\"#invite-prefill\">Google Calendar invite<\/a>. <\/li>\n\n\n\n<li>A button to open up <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/\" target=\"_blank\" rel=\"noreferrer noopener\">the take-home pad<\/a>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-31.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-31.png\" alt=\"The coderpad window is open with the &quot;create live pad&quot; and &quot;create take home pad&quot; buttons displayed. Below is 1 - the pad title, 2 - the pad link, 3 - the &quot;add link to calendar&quot; button, and 4- the &quot;view take-home pad&quot; button.\" class=\"wp-image-34196\" width=\"423\" height=\"429\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-31.png 564w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-31-296x300.png 296w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-31-12x12.png 12w\" sizes=\"auto, (max-width: 423px) 100vw, 423px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"creating-a-live-interview-pad-through-a-google-calendar-invite\"><strong>Creating a <em>live interview<\/em> pad through a Google Calendar invite<\/strong><\/h3>\n\n\n\n<p>1. Once the extension has been set up, open up your Google Calendar and create an interview invite. <\/p>\n\n\n\n<p>2. Click on <strong>Generate CoderPad Link<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-6.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-6-1024x674.png\" alt=\"A google calendar invite page opened with the &quot;generate coderpad link&quot; button highlighted.\" class=\"wp-image-7012\" width=\"768\" height=\"506\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-6-1024x674.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-6-300x197.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-6-768x505.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-6.png 1084w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p id=\"invite-prefill\">3. The invite will prefill with:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>An invite title (you can change this as needed)<\/li>\n\n\n\n<li>A button to open up <a href=\"https:\/\/coderpad.io\/resources\/docs\/interview\/pads\/\" target=\"_blank\" rel=\"noreferrer noopener\">the live pad<\/a>.<\/li>\n\n\n\n<li>The pad link, which you can copy to send to a candidate or an interviewer.<\/li>\n\n\n\n<li>Meeting notes, which contain a description of the invite, links to our getting started documentation, and another pad link.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-7.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"830\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/05\/image-7-1024x830.png\" alt=\"A google calendar invite page with 1- the invite title, 2 - the &quot;open coderpad link&quot; button, 3- the coderpad link url, and 4 - the meeting notes with the coderpad default invite text.\" class=\"wp-image-7013\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-7-1024x830.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-7-300x243.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-7-768x622.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/05\/image-7.png 1103w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"parent":875,"menu_order":8,"template":"","class_list":["post-6995","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/6995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":30,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/6995\/revisions"}],"predecessor-version":[{"id":34636,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/6995\/revisions\/34636"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/doc\/875"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/wp-json\/wp\/v2\/media?parent=6995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}