-
Notifications
You must be signed in to change notification settings - Fork 9
Update 12. Link Google Sheets.md #444
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
Added another section under 'Send Interactive Messages using Google Sheets' with an example. Updated the read time to 15 minute as a consequence to adding this section.
WalkthroughUpdated the "Link Google Sheets" documentation: adjusted header metadata formatting and added a sizable section "Using G-sheets to Dynamically fetch button/list options in Interactive Messages" (inserted twice, duplicated). No code or runtime behavior changes. Changes
Sequence Diagram(s)sequenceDiagram
autonumber
participant User as User
participant Glific as Glific (Flow)
participant GSheet as Google Sheets
rect rgba(220,235,255,0.45)
Note over Glific,GSheet: Docs describe dynamic option fetch for interactive messages
User->>Glific: Trigger interactive message (button/list)
Glific->>GSheet: Read sheet rows (fetch options)
GSheet-->>Glific: Return rows/options
Glific->>User: Render interactive options
end
alt User selects option
User->>Glific: Send selection
rect rgba(220,255,220,0.25)
Glific->>Glific: Apply flow logic (drill‑down or quiz), update counters, decide next step
end
else No selection / timeout
Glific->>User: Send fallback or repeat prompt
end
Estimated code review effort🎯 1 (Trivial) | ⏱️ ~3 minutes Possibly related PRs
Suggested reviewers
Poem
Pre-merge checks and finishing touches❌ Failed checks (1 inconclusive)
✅ Passed checks (2 passed)
✨ Finishing touches🧪 Generate unit tests (beta)
📜 Recent review detailsConfiguration used: CodeRabbit UI Review profile: CHILL Plan: Pro 📒 Files selected for processing (1)
🚧 Files skipped from review as they are similar to previous changes (1)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 1
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md(2 hunks)
🧰 Additional context used
🪛 GitHub Actions: Build and Deploy to Netlify
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
[error] 200-201: MDX compilation failed. Cause: Expected a closing tag for
(200:189-200:193) before the end of paragraph. Details: line 200, column 1-48; ruleId end-tag-mismatch; source: mdast-util-mdx-jsx. Command failed: yarn build (docusaurus build) exited with code 1.
🪛 GitHub Actions: Test deployment
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
[error] 200-201: MDX compilation failed during 'yarn build'. Cause: Expected a closing tag for
(200:189-200:193) before the end of paragraph. Details: end-tag-mismatch (mdast-util-mdx-jsx).
| ### Using G-sheets to Dynamically fetch button/list options in Interactive Messages. | ||
| This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br> | ||
| It is particularly useful in scenarios such as: | ||
| <ul> | ||
| <li> When multiple interactive messages (for example, more than 4) are used within a chatbot flow.</li> | ||
| <li> When managing nested options (e.g., District → Block).</li> | ||
| </ul> | ||
| The example below demonstrates a sample setup for both approaches, which can be customized or adapted as per the specific use case. | ||
| <br> | ||
|
|
||
| <img width="314" height="428" alt="Screenshot 2025-10-09 at 2 31 36 PM" src="https://github.com/user-attachments/assets/d67a4e0b-0cc4-4a14-8305-b4dca3959889" /> | ||
|
|
||
| <ol> | ||
| <li>In the nested drill-down approach, once the end user selects a district, the corresponding blocks under that district are displayed. </li> | ||
| <li>In the second approach, based on the topic selected (Science or General Knowledge), a short quiz with two questions is presented to the end user. The message body and options for both questions are dynamically fetched from the G-Sheet. </li> | ||
| </ol> | ||
|
|
||
| ### Steps to configure this setup: | ||
| Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br> | ||
| For quiz:<br> | ||
|
|
||
| <img width="634" height="351" alt="Screenshot 2025-10-09 at 2 33 37 PM" src="https://github.com/user-attachments/assets/59331b13-3eb3-4a0d-92f3-15858dcbb2f7" /><br> | ||
|
|
||
| To fetch district options from g-sheets– <br> | ||
|
|
||
| <img width="633" height="348" alt="Screenshot 2025-10-09 at 2 34 14 PM" src="https://github.com/user-attachments/assets/7e3d4d6e-da91-41b8-9efc-eb7adb46fa2e" /><br> | ||
|
|
||
| To fetch corresponding blocks, associated with the district— <br> | ||
|
|
||
| <img width="633" height="335" alt="Screenshot 2025-10-09 at 2 34 49 PM" src="https://github.com/user-attachments/assets/f846b2b0-e148-4195-8d80-140b91fc3ca4" /><br> | ||
|
|
||
| Step 2: Integrate Google Sheet with Glific. For detailed steps on how this is done, please follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.<br> | ||
| Step 3: Create the following interactive messages from `Quick tools` Pane:<br> | ||
| For quiz - <br> | ||
| <img width="633" height="388" alt="Screenshot 2025-10-09 at 2 37 02 PM" src="https://github.com/user-attachments/assets/72bd2e3d-19d3-47d9-9fef-ad20969a72c1" /><br> | ||
|
|
||
| For district options - <br> | ||
| <img width="590" height="356" alt="Screenshot 2025-10-09 at 2 37 23 PM" src="https://github.com/user-attachments/assets/bd286914-aeb3-4b39-b887-66a72038b998" /><br> | ||
|
|
||
| For block options - <br> | ||
| <img width="634" height="382" alt="Screenshot 2025-10-09 at 2 38 03 PM" src="https://github.com/user-attachments/assets/46051406-4806-4bcf-8357-646240a213f8" /><br> | ||
|
|
||
| Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br> | ||
|
|
||
| Step4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a><br> | ||
|
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fix MDX <br> tags to unblock the build
The pipeline is failing (yarn build) because MDX expects <br> to be self-closed. Update the newly added break tags to <br /> throughout this section.
-This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br>
+This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br />
@@
-Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br>
+Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br />
@@
-For quiz:<br>
+For quiz:<br />
@@
-To fetch district options from g-sheets– <br>
+To fetch district options from g-sheets– <br />Please apply the same change to the remaining <br> tags you introduced in this block.
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
| ### Using G-sheets to Dynamically fetch button/list options in Interactive Messages. | |
| This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br> | |
| It is particularly useful in scenarios such as: | |
| <ul> | |
| <li> When multiple interactive messages (for example, more than 4) are used within a chatbot flow.</li> | |
| <li> When managing nested options (e.g., District → Block).</li> | |
| </ul> | |
| The example below demonstrates a sample setup for both approaches, which can be customized or adapted as per the specific use case. | |
| <br> | |
| <img width="314" height="428" alt="Screenshot 2025-10-09 at 2 31 36 PM" src="https://github.com/user-attachments/assets/d67a4e0b-0cc4-4a14-8305-b4dca3959889" /> | |
| <ol> | |
| <li>In the nested drill-down approach, once the end user selects a district, the corresponding blocks under that district are displayed. </li> | |
| <li>In the second approach, based on the topic selected (Science or General Knowledge), a short quiz with two questions is presented to the end user. The message body and options for both questions are dynamically fetched from the G-Sheet. </li> | |
| </ol> | |
| ### Steps to configure this setup: | |
| Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br> | |
| For quiz:<br> | |
| <img width="634" height="351" alt="Screenshot 2025-10-09 at 2 33 37 PM" src="https://github.com/user-attachments/assets/59331b13-3eb3-4a0d-92f3-15858dcbb2f7" /><br> | |
| To fetch district options from g-sheets– <br> | |
| <img width="633" height="348" alt="Screenshot 2025-10-09 at 2 34 14 PM" src="https://github.com/user-attachments/assets/7e3d4d6e-da91-41b8-9efc-eb7adb46fa2e" /><br> | |
| To fetch corresponding blocks, associated with the district— <br> | |
| <img width="633" height="335" alt="Screenshot 2025-10-09 at 2 34 49 PM" src="https://github.com/user-attachments/assets/f846b2b0-e148-4195-8d80-140b91fc3ca4" /><br> | |
| Step 2: Integrate Google Sheet with Glific. For detailed steps on how this is done, please follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.<br> | |
| Step 3: Create the following interactive messages from `Quick tools` Pane:<br> | |
| For quiz - <br> | |
| <img width="633" height="388" alt="Screenshot 2025-10-09 at 2 37 02 PM" src="https://github.com/user-attachments/assets/72bd2e3d-19d3-47d9-9fef-ad20969a72c1" /><br> | |
| For district options - <br> | |
| <img width="590" height="356" alt="Screenshot 2025-10-09 at 2 37 23 PM" src="https://github.com/user-attachments/assets/bd286914-aeb3-4b39-b887-66a72038b998" /><br> | |
| For block options - <br> | |
| <img width="634" height="382" alt="Screenshot 2025-10-09 at 2 38 03 PM" src="https://github.com/user-attachments/assets/46051406-4806-4bcf-8357-646240a213f8" /><br> | |
| Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br> | |
| Step4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a><br> | |
| ### Using G-sheets to Dynamically fetch button/list options in Interactive Messages. | |
| This approach helps the user reduce the effort required to create flows containing multiple interactive messages by automatically fetching the message body and options from a Google Sheet.<br /> | |
| <ol> | |
| <li>In the nested drill-down approach, once the end user selects a district, the corresponding blocks under that district are displayed.</li> | |
| <li>In the second approach, based on the topic selected (Science or General Knowledge), a short quiz with two questions is presented to the end user. The message body and options for both questions are dynamically fetched from the G-Sheet.</li> | |
| </ol> | |
| ### Steps to configure this setup: | |
| Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br /> | |
| For quiz:<br /> | |
| To fetch district options from g-sheets– <br /> | |
| To fetch corresponding blocks, associated with the district— <br /> | |
| Step 2: Integrate Google Sheet with Glific. For detailed steps on how this is done, please follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.<br /> | |
| Step 3: Create the following interactive messages from `Quick tools` Pane:<br /> | |
| … |
🧰 Tools
🪛 GitHub Actions: Build and Deploy to Netlify
[error] 200-201: MDX compilation failed. Cause: Expected a closing tag for
(200:189-200:193) before the end of paragraph. Details: line 200, column 1-48; ruleId end-tag-mismatch; source: mdast-util-mdx-jsx. Command failed: yarn build (docusaurus build) exited with code 1.
🪛 GitHub Actions: Test deployment
[error] 200-201: MDX compilation failed during 'yarn build'. Cause: Expected a closing tag for
(200:189-200:193) before the end of paragraph. Details: end-tag-mismatch (mdast-util-mdx-jsx).
🤖 Prompt for AI Agents
In docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
around lines 199 to 244, the added HTML line break tags are not self-closed
(<br>) which breaks the MDX build; update every instance of <br> in this block
to the self-closed form <br /> (including inline uses after sentences and those
inside lists/images) so the file conforms to MDX syntax and the pipeline can
succeed.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 0
♻️ Duplicate comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)
199-268: Fix MDX<br>tags to unblock the buildMDX requires
<br />(self-closed). Several new lines use<br>and break the build (see pipeline failure at Line 206). Replace all<br>with<br />in this new section.Based on pipeline failures
Apply pattern across the block; examples:
- The example below demonstrates a sample setup for both approaches, which can be customized or adapted as per the specific use case.<br> + The example below demonstrates a sample setup for both approaches, which can be customized or adapted as per the specific use case.<br /> - <img width="314" height="428" alt="Screenshot 2025-10-09 at 2 31 36 PM" src="https://github.com/user-attachments/assets/d67a4e0b-0cc4-4a14-8305-b4dca3959889" /><br> + <img width="314" height="428" alt="Screenshot 2025-10-09 at 2 31 36 PM" src="https://github.com/user-attachments/assets/d67a4e0b-0cc4-4a14-8305-b4dca3959889" /><br /> - Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br> + Step 1 - Setup the g-sheet, following this format. Here’s the link to the <a href="https://docs.google.com/spreadsheets/d/16sG1O2DvLj_7z3m_uM-jGt_YPIiuoB_YXXCKdMeNbT8/edit?usp=sharing">sample sheet</a><br /> - For quiz:<br> + For quiz:<br /> - <img width="634" height="351" alt="Screenshot 2025-10-09 at 2 33 37 PM" src="https://github.com/user-attachments/assets/59331b13-3eb3-4a0d-92f3-15858dcbb2f7" /><br> + <img width="634" height="351" alt="Screenshot 2025-10-09 at 2 33 37 PM" src="https://github.com/user-attachments/assets/59331b13-3eb3-4a0d-92f3-15858dcbb2f7" /><br /> - To fetch district options from g-sheets– <br> + To fetch district options from g-sheets– <br /> - To fetch corresponding blocks, associated with the district— <br> + To fetch corresponding blocks, associated with the district— <br /> - Step 2: Integrate Google Sheet with Glific. ...</a> link.<br> + Step 2: Integrate Google Sheet with Glific. ...</a> link.<br /> - Step 3: Create the following interactive messages from `Quick tools` Pane:<br> + Step 3: Create the following interactive messages from `Quick tools` Pane:<br /> - For quiz - <br> + For quiz - <br /> - <img width="633" height="388" ... /><br> + <img width="633" height="388" ... /><br /> - For district options - <br> + For district options - <br /> - <img width="590" height="356" ... /><br> + <img width="590" height="356" ... /><br /> - For block options - <br> + For block options - <br /> - <img width="634" height="382" ... /><br> + <img width="634" height="382" ... /><br /> - Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br> + Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br /> - Step4: Configure the flow, following the below mentioned requirements. Here’s the <a ...>sample flow </a><br> + Step4: Configure the flow, following the below mentioned requirements. Here’s the <a ...>sample flow </a><br /> - ... fetched from the linked G-Sheet.<br> + ... fetched from the linked G-Sheet.<br /> - <img width="383" height="391" ... /><br> + <img width="383" height="391" ... /><br /> - <img width="355" height="398" ... /><br> + <img width="355" height="398" ... /><br /> - ... selection.<br> + ... selection.<br /> - <img width="400" height="383" ... /><br> + <img width="400" height="383" ... /><br /> - <img width="396" height="372" ... /><br> + <img width="396" height="372" ... /><br />Run to locate any remaining non–self-closed
<br>in this file (and repo):#!/bin/bash # Find <br> tags that are not self-closed rg -nP '<br(?!\s*/)\s*>' docs
🧹 Nitpick comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)
243-243: Nit: spacing in step labelUse “Step 4” (with a space) for consistency with other steps.
- Step4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a><br> + Step 4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a><br />
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md(2 hunks)
🧰 Additional context used
🪛 GitHub Actions: Build and Deploy to Netlify
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
[error] 206-206: MDX compilation failed. Expected a closing tag for
(206:132-206:136) before the end of paragraph. MDX error: end-tag-mismatch (mdast-util-mdx-jsx).
🪛 GitHub Actions: Test deployment
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
[error] 206-206: MDX compilation failed. Cause: Expected a closing tag for
(206:132-206:136) before the end of paragraph. Details: {"column":1,"message":"Expected a closing tag for <br> (206:132-206:136) before the end of paragraph","line":206,"name":"206:1-206:136","place":{"start":{"line":206,"column":1,"offset":12890,"_index":0,"_bufferIndex":0},"end":{"line":206,"column":136,"offset":13025,"_index":1,"_bufferIndex":-1}},"reason":"Expected a closing tag for <br> (206:132-206:136) before the end of paragraph","ruleId":"end-tag-mismatch","source":"mdast-util-mdx-jsx"}}
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 1
♻️ Duplicate comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)
218-268: Self-close all<br>tags in this sectionEvery
<br>introduced here is still in the HTML form (<br>/</br>) that MDX rejects, so the build continues to fail. Replace them with the MDX-friendly self-closing form and drop the closing tags.-<br>For quiz:</br> +<br />For quiz: @@ -<br>To fetch district options from g-sheets– </br> +<br />To fetch district options from g-sheets– @@ -<br>For quiz - </br> +<br />For quiz - @@ -<br><img width="383" height="391" alt="Screenshot 2025-10-09 at 2 43 25 PM" src="https://github.com/user-attachments/assets/13b7048f-6b1d-4741-bb22-d70efe8f18c0" /></br> +<br /><img width="383" height="391" alt="Screenshot 2025-10-09 at 2 43 25 PM" src="https://github.com/user-attachments/assets/13b7048f-6b1d-4741-bb22-d70efe8f18c0" /><br />Apply the same treatment to every other
<br>added in this block to unblock the pipeline.
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md(2 hunks)
🧰 Additional context used
🪛 GitHub Actions: Build and Deploy to Netlify
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
[error] 224-224: MDX compilation failed. Unexpected end of file before name, expected a character that can start a name, such as a letter, $, or _.
🪛 GitHub Actions: Test deployment
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
[error] 224-224: MDX compilation failed for file '/home/runner/work/docs/docs/docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md': Unexpected end of file before name, expected a character that can start a name, such as a letter, $, or _. (Command 'yarn build' exited with code 1.)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 0
♻️ Duplicate comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)
216-266: Fix MDX<br>usage (build blocker)MDX requires self‑closed
<br />. The current block uses<br>and</br>, which breaksyarn build. Replace all with<br />or remove where not needed. Also fix “Step4” → “Step 4” and prefer “Google Sheets” over “G‑sheets” for consistency.Apply this patch to the edited block:
-<br>For quiz:</br> +<br />For quiz:<br /> @@ -<br>To fetch district options from g-sheets– </br> +<br />To fetch district options from Google Sheets –<br /> @@ -<br>To fetch corresponding blocks, associated with the district—</br> +<br />To fetch corresponding blocks, associated with the district —<br /> @@ -<br>Step 2: Integrate Google Sheet with Glific. For detailed steps on how this is done, please follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.</br> +<br />Step 2: Integrate Google Sheet with Glific. For detailed steps, follow <a href="https://glific.github.io/docs/docs/Product%20Features/Flows/Flow%20Actions/Link%20Google%20Sheets/">this</a> link.<br /> @@ -<br>Step 3: Create the following interactive messages from `Quick tools` Pane:</br> +<br />Step 3: Create the following interactive messages from `Quick tools` pane:<br /> @@ -<br>For quiz - </br> +<br />For quiz -<br /> @@ -<br>For district options - </br> +<br />For district options -<br /> @@ -<br>For block options - </br> +<br />For block options -<br /> @@ -<br>Since the options will be fetched dynamically from the G-Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).</br> +<br />Since the options will be fetched dynamically from the Google Sheet, placeholder (dummy) values can be added as options while creating the interactive message(s).<br /> @@ -<br>Step4: Configure the flow, following the below mentioned requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow </a></br> +<br />Step 4: Configure the flow, following the below requirements. Here’s the <a href="https://drive.google.com/file/d/14jFXXPkTiDKuzP3hVTXjYFeL0DKQ0dES/view?usp=drive_link">sample flow</a>.<br /> @@ -<li><br><img width="383" height="391" alt="Screenshot 2025-10-09 at 2 43 25 PM" src="https://github.com/user-attachments/assets/13b7048f-6b1d-4741-bb22-d70efe8f18c0" /></br></li> +<li><br /><img width="383" height="391" alt="Screenshot 2025-10-09 at 2 43 25 PM" src="https://github.com/user-attachments/assets/13b7048f-6b1d-4741-bb22-d70efe8f18c0" /><br /></li> @@ -<li><br><img width="355" height="398" alt="Screenshot 2025-10-09 at 2 43 44 PM" src="https://github.com/user-attachments/assets/59ba324d-ba05-4a06-891c-5cd2db1c58a1" /></br></li> +<li><br /><img width="355" height="398" alt="Screenshot 2025-10-09 at 2 43 44 PM" src="https://github.com/user-attachments/assets/59ba324d-ba05-4a06-891c-5cd2db1c58a1" /><br /></li> @@ -<br>For Nested drill down – </br> +<br />For nested drill down –<br /> @@ -<li><br><img width="400" height="383" alt="Screenshot 2025-10-09 at 2 46 25 PM" src="https://github.com/user-attachments/assets/4c60745c-0b44-4a00-89c5-ab9b2aa68986" /></br></li> +<li><br /><img width="400" height="383" alt="Screenshot 2025-10-09 at 2 46 25 PM" src="https://github.com/user-attachments/assets/4c60745c-0b44-4a00-89c5-ab9b2aa68986" /><br /></li> @@ -<li><br><img width="396" height="372" alt="Screenshot 2025-10-09 at 2 47 01 PM" src="https://github.com/user-attachments/assets/202c3127-9e68-40f6-ba9b-7e7a15c825fd" /></br></li> +<li><br /><img width="396" height="372" alt="Screenshot 2025-10-09 at 2 47 01 PM" src="https://github.com/user-attachments/assets/202c3127-9e68-40f6-ba9b-7e7a15c825fd" /><br /></li> @@ -<li><br><img width="458" height="505" alt="Screenshot 2025-10-09 at 2 51 24 PM" src="https://github.com/user-attachments/assets/3b480b94-3865-4d1c-be01-9df01f5fc674" /></br></li> +<li><br /><img width="458" height="505" alt="Screenshot 2025-10-09 at 2 51 24 PM" src="https://github.com/user-attachments/assets/3b480b94-3865-4d1c-be01-9df01f5fc674" /><br /></li>Run to verify no invalid breaks remain:
#!/bin/bash rg -n -C0 -e '<br[^/ ]?>' -e '</br>' docs | sed -n '1,200p'
🧹 Nitpick comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)
199-207: Avoid duplicating the interactive messages contentThis subsection largely overlaps with “Send Interactive Messages using Google Sheets” above. Consider merging or cross‑referencing to keep one authoritative flow and reduce maintenance.
📜 Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md(2 hunks)
🔇 Additional comments (1)
docs/4. Product Features/03. Flows/2. Flow Actions/12. Link Google Sheets.md (1)
4-5: Header metadata update looks goodRead time and level formatting are consistent.
|
🚀 Deployed on https://deploy-preview-444--glific-docs.netlify.app |
Added another section under 'Send Interactive Messages using Google Sheets' with an example. Updated the read time to 15 minute as a consequence to adding this section.
Summary by CodeRabbit