RPA 功能 | 用 HTML 語法客製化電子郵件:UiPath Create HTML Content!

更新於 發佈於 閱讀時間約 9 分鐘

UiPath 除了能在本機端執行工作,也可透過特定功能與網頁進行互動,例如將網路資訊擷取下來(也就是所謂的爬蟲)或是自動寄出信件等。

RPAI 數位優化器先前有介紹如何在 UiPath 使用 JavaScript 增加與網頁互動的彈性(Inject JS Script),這次則要介紹我們在數位傳情活動中使用的 Create HTML Content 功能,並以實作案例說明在 UiPath 客製化電子郵件的流程。

raw-image
在開始閱讀正文之前,也別忘了先追蹤我們的 臉書粉絲專頁方格子帳號

Create HTML Content 功能介紹

HTML 的英文全名為「HyperText Markup Language」,網頁開發通常會使用 HTML 建立整個網頁架構,輔以 CSS 來美化網頁外觀、JavaScript 建立各項網頁功能。以蓋房子舉例,HTML 就像建造好的空房, CSS 可將房子以植物、裝潢進行美化,JavaScript 則是安裝馬桶、放置家具以發揮各空間的功能。

我們在開發 RPA 機器人來進行電子郵件客製化時,Send SMTP Email Message 功能僅可用來加入文字和附加檔案,而 Create HTML Content 功能則可更進一步產生具備 HTML 語法的信件內容,並更改字體大小、字形、顏色、製作表格、縮排、數學中的2次方、底數等,原本的插入變數功能也仍可使用。

UiPath 為了維持 RPA 低程式碼(low-code)的本質, 開發者可以平常習慣的點擊方式進行操作(通常稱作 GUI,圖形使用者介面),不需要額外設定 Properties 即可直接編輯信件內容,可說是操作起來相當親民的功能。

如果還想學習更多 UiPath 功能、實作案例並了解最新自動化趨勢,
歡迎加入「零基礎快速學習 RPA-利用 UiPath 建構自動化機器人」線上課程!課程優惠只到 2024 年 2 月 5 日,快點擊連結立即了解:
https://mastertalks.tw/products/rpa-uipath?ref=RPARPA

下圖分為兩個部分,上半部為功能畫面,下半部則顯示按下 Open Editor (暫譯:開啟編輯器)後會顯示的畫面, 白色區塊可直接輸入信件內容,此功能會自動將其編譯成 HTML 語法。

raw-image

功能說明

  1. 基本功能:下圖為白色區塊中的功能欄位,編號 1、2、3、4、5、9、10、11 皆為我們平時熟悉的文字編輯功能,而編號 7 為文字顏色選擇(共有 40 種顏色)、編號 8 為文字底色選擇(共有 40 種顏色)。
raw-image

我們在 UiPath 中若要輸入文字內容,必須得在文字前後加上引號以顯示為字串(String),但使用此功能編輯文字時,不需額外加入引號,直接輸入即可。

2. 新增變數

我們在開發流程中所設定的變數,無法直接白色區塊直接使用,不過透過編號 17 功能設定,就可以套用在信件內文中。點選 Add data Values 後,我們只要在 Value 填入變數(variables),並且在 Name 輸入自訂名稱,其中變數可以是文字內容或表格。

raw-image

3. 插入表格:我們可以點選編號 15 功能來執行,包括設定表格的屬性、幾欄(Row count)、幾列(Column count)、標頭(Header)等,並透過 Spacing、Padding、Border 等功能來美化表格標線。

raw-image

實作案例

這次的實作情境中, RPAI 數位優化器要將文章連結寄給已經報名付費課程的學員,同時在信件中宣傳臉書粉絲專頁,方便學員可以直接點選。請參考下圖,我們預計在白色區塊中執行以下操作,將上半部分改成下半部分的呈現形式:

  • 紅色方框:將名字欄位改成變數
  • 綠色方框:加入超連結
  • 棕色表格:調整表格大小。
raw-image

Step 1:撰寫 HTML 內容

(1)變數:由於學員姓名是儲存於 Excel 中,因此透過 Excel Application ScopeRead RangeFor Each Row in DataTable 等功能讀取後,將其指定為變數 strName,並透過 Create HTML Content 轉換成 vName 即可。

raw-image

(2)加入超連結:我們需要點選編號 16 的</>功能,進入 HTML 編輯功能來修改語法才能完成。以此一範例來說:

–原語法:
<P>請記得持續追蹤RPA數位優化器。</P>
–修改後語法:
<P>請記得持續追蹤<A href="about:{{vLink}}"> RPA數位優化器</A></TD></TR>。</P>

#vLink 也是轉換過的網址變數。

(3)修改表格:新增表格後,系統預設的儲存格大小是均分,但有時儲存格需要設定不同寬度或高度,此時我們也必須點選編號 16 的功能來修改語法。
以此範例來說,我們會將等分的50%、50%改成不等分的30%、70%。

– 原語法:
<TD width="50%"><FONT face=Cambria>RPA 大人物專訪|李坤璋教授:RPA 的價值在於流程重構</FONT></TD>
<TD width="50%"><A href="https://vocus.cc/article/62da77fefd89780001e22feb">https://vocus.cc/article/62da77fefd89780001e22feb</A></TD></TR>
– 修改後語法:
<TD width="30%"><FONT face=Cambria>RPA 大人物專訪|李坤璋教授:RPA 的價值在於流程重構</FONT></TD>
<TD width="70%"><A href="https://vocus.cc/article/62da77fefd89780001e22feb">https://vocus.cc/article/62da77fefd89780001e22feb</A></TD></TR>

(4)透過 Create HTML Content 製作信件內容後,要將 Output 指定為型態為字串的變數,方便後續使用。以下圖所示,我們將其命名為 htmlContent。

Step 2:寄出信件

在 UiPath 功能列表中,我們可以使用 Send SMTP Mail Message 以自動寄出信件,詳細說明也歡迎你參考 RPA數位傳情文章。我們可將先前 Output 的變數放置信件內文(Body),並記得在 Properties 中的 IsBodyHtml 欄位打勾,UiPath 才能正確判讀。

raw-image

總結與心得

這篇文章所介紹的 Create HTML Content 功能,RPAI 數位優化器認為實用程度絕對是5顆星,除了實務上經常使用外,也可從中了解不少 UiPath 的功能細節,例如在 Properties 中打勾即可嵌入 HTML 語法、如何在 UiPath 使用 HTML 語法等。

而另一篇本站的文章「UiPath 功能介紹|如何和網頁互動?不能不知的 Inject JS Script 功能!」則介紹 UiPath 和 JavaScript 如何互相配合,也推薦大家一併學習閱讀、相互比較。

以上就是這次的分享,如果你在學習 UiPath 的路上碰到難以解決的問題,歡迎在下方留言讓我們知道,我們就會找時間撰文來協助解惑,透過理解這些功能,使工作更加順暢與自動化,讓我們一起 Work Smart!

這些功能雖然簡單,卻是我們創造自動化流程的每塊基石,
讓我們一起由簡單開始,成就不簡單!
如果你/妳喜歡這篇文章,歡迎點點愛心或留言,讓我們相互交流和成長!
這次的分享到此告一段落,想了解更多 RPA + AI 與數位轉型的最新趨勢與觀點、RPA 軟體功能介紹及實務應用案例,也歡迎追蹤 RPAI 數位優化器的社群和我們交流互動,我們下次見!
🚀 Instagram:RPAI 數位優化器
🚀 臉書粉絲專頁:RPAI 數位優化器
🚀 YouTube 頻道:RPAI 數位優化器
留言
avatar-img
留言分享你的想法!
TuT-avatar-img
2023/01/06
感覺StudioX未來會納入更多Studio才有的功能,期待😁
TuT-avatar-img
2023/01/06
我自己是習慣用StudioX設計流程,雖然功能較有限,但適合無程式背景的人入門RPA😋 讀研究所時,就用StudioX處理部分惱人的助教事務;指導教授也讓我教學弟妹如何操作StudioX,得到的反饋不錯👍
avatar-img
RPAI 數位優化器
174會員
135內容數
我們是以「機器人流程自動化(RPA)」結合「人工智慧(AI)」為主題的中文學習社群,旨在分享 RPA + AI 的學習資源、應用實例和最新發展趨勢,讓工作者透過自動化工具的有效應用,創造數位優化與轉型契機,讓我們一起由簡單開始,成就不簡單!
RPAI 數位優化器的其他內容
2024/12/22
最近在使用UiPath的時候,發現改版新增了AI功能!它就叫作 Autopilot,藉由它的協助,可以大幅減少初學者摸索與試錯的時間,以下的舉例將結合ChatGPT以及UiPath進行開發與debug,期待透過分享,讓更多人能夠善用這些功能,提升開發的效率!
Thumbnail
2024/12/22
最近在使用UiPath的時候,發現改版新增了AI功能!它就叫作 Autopilot,藉由它的協助,可以大幅減少初學者摸索與試錯的時間,以下的舉例將結合ChatGPT以及UiPath進行開發與debug,期待透過分享,讓更多人能夠善用這些功能,提升開發的效率!
Thumbnail
2024/10/04
這篇文章提供了一個詳細的教學,指導讀者如何將 UiPath 開發的自動化流程發佈至 Orchestrator 及設定自動執行的排程。透過步驟包括登入 Orchestrator、建立資料夾、發布流程、設定預約時間等,讀者將能學會有效地管理流程和機器人,進而提升自動化效率。
Thumbnail
2024/10/04
這篇文章提供了一個詳細的教學,指導讀者如何將 UiPath 開發的自動化流程發佈至 Orchestrator 及設定自動執行的排程。透過步驟包括登入 Orchestrator、建立資料夾、發布流程、設定預約時間等,讀者將能學會有效地管理流程和機器人,進而提升自動化效率。
Thumbnail
2024/08/24
在這篇文章中,我們將深入探討如何透過 UiPath 的 Excel 相關功能來協助自動化操作,包括使用 Excel 檔案、讀取範圍、寫入單元格、篩選和插入工作表等技巧,透過具體範例,讀者將能快速上手並理解這些功能的使用方法,提升你的工作效率。
Thumbnail
2024/08/24
在這篇文章中,我們將深入探討如何透過 UiPath 的 Excel 相關功能來協助自動化操作,包括使用 Excel 檔案、讀取範圍、寫入單元格、篩選和插入工作表等技巧,透過具體範例,讀者將能快速上手並理解這些功能的使用方法,提升你的工作效率。
Thumbnail
看更多
你可能也想看
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
RPAI 數位優化器在這系列文章中,不會從基本除錯思維或套路開始說明,而是把焦點放在 UiPath 提供哪些除錯工具,透過理解工具使用方式、詳細解釋功能及比較不同功能差異,讓讀者對 UiPath 整個開發核心概念有更深了解,進而讓開發流程更加穩固!
Thumbnail
RPAI 數位優化器在這系列文章中,不會從基本除錯思維或套路開始說明,而是把焦點放在 UiPath 提供哪些除錯工具,透過理解工具使用方式、詳細解釋功能及比較不同功能差異,讓讀者對 UiPath 整個開發核心概念有更深了解,進而讓開發流程更加穩固!
Thumbnail
我們常會使用 Type Into 功能來將資訊自動填入特定表格、欄位或搜尋欄中,然而我們並非英語系國家出身,當表格需要同時填入中英文資訊時,就必須切換語言,這時候該怎麼做呢?RPAI 數位優化器今天要來分享兩個做法,來克服 Type Into 輸入法切換的問題!
Thumbnail
我們常會使用 Type Into 功能來將資訊自動填入特定表格、欄位或搜尋欄中,然而我們並非英語系國家出身,當表格需要同時填入中英文資訊時,就必須切換語言,這時候該怎麼做呢?RPAI 數位優化器今天要來分享兩個做法,來克服 Type Into 輸入法切換的問題!
Thumbnail
在 UiPath 學習道路上,我們有時會不知如何使用各項功能、設定參數,因此 RPAI 數位優化器今天要介紹的是:如何透過 UiPath 功能進行字串結合和拆分,因為不少業務流程都有機會使用到字串,我們在進行流程開發時,即可透過 VB 函式快速進行大量且穩定的操作,因此千萬別錯過這個功能!
Thumbnail
在 UiPath 學習道路上,我們有時會不知如何使用各項功能、設定參數,因此 RPAI 數位優化器今天要介紹的是:如何透過 UiPath 功能進行字串結合和拆分,因為不少業務流程都有機會使用到字串,我們在進行流程開發時,即可透過 VB 函式快速進行大量且穩定的操作,因此千萬別錯過這個功能!
Thumbnail
Excel有個極其實用的工具VBA,讓我們透過語法撰寫對Excel下指令,雖然UiPath也有內建Excel相關功能,不過相較之下VBA可處理更多精細且完整的活動,因此我們在用UiPath開發流程時,可使用Invoke VBA功能呼叫Excel檔案中已撰寫好的VBA語法!
Thumbnail
Excel有個極其實用的工具VBA,讓我們透過語法撰寫對Excel下指令,雖然UiPath也有內建Excel相關功能,不過相較之下VBA可處理更多精細且完整的活動,因此我們在用UiPath開發流程時,可使用Invoke VBA功能呼叫Excel檔案中已撰寫好的VBA語法!
Thumbnail
UiPath除了能在本機端執行工作,也可透過特定功能與網頁互動,例如將網路資訊擷取下來(爬蟲)或自動寄出信件等。我們有介紹過如何在UiPath使用JavaScript增加與網頁互動的彈性,這次要分享Create HTML Content功能,並透過實作案例說明製作客製化信件的流程!
Thumbnail
UiPath除了能在本機端執行工作,也可透過特定功能與網頁互動,例如將網路資訊擷取下來(爬蟲)或自動寄出信件等。我們有介紹過如何在UiPath使用JavaScript增加與網頁互動的彈性,這次要分享Create HTML Content功能,並透過實作案例說明製作客製化信件的流程!
Thumbnail
今天 RPAI 數位優化器要和大家介紹的就是在 UiPath 進行 Excel 操作會使用的:Add Data Row 功能,可以告訴 UiPath 我們希望在 Excel 中的 Datatable 新增一列或一行資料,當我們需要將值加入到 Excel 當中時,就可以考慮使用這個功能。
Thumbnail
今天 RPAI 數位優化器要和大家介紹的就是在 UiPath 進行 Excel 操作會使用的:Add Data Row 功能,可以告訴 UiPath 我們希望在 Excel 中的 Datatable 新增一列或一行資料,當我們需要將值加入到 Excel 當中時,就可以考慮使用這個功能。
Thumbnail
在 UiPath 的學習道路上,我們常會對這些各項功能、參數感到混亂,因此RPA數位優化器的系列文章將會對這些功能參數進行解說。RPAI數位優化器這次要介紹Inject JS Script功能!想要更精準地與網頁進行互動、操作網頁元件時,就千萬不能錯過這個功能,可以幫助RPA機器人更精準地操作流程!
Thumbnail
在 UiPath 的學習道路上,我們常會對這些各項功能、參數感到混亂,因此RPA數位優化器的系列文章將會對這些功能參數進行解說。RPAI數位優化器這次要介紹Inject JS Script功能!想要更精準地與網頁進行互動、操作網頁元件時,就千萬不能錯過這個功能,可以幫助RPA機器人更精準地操作流程!
Thumbnail
在 UiPath 學習道路上,我們常會對各項功能、參數感到混亂,因此 RPAI 數位優化器將會介紹各項功能的使用方式以及參數設定,讓你更快速上手 RPA 流程開發!我們首先要介紹的,是在 UiPath 進行 Excel 相關活動時一定會使用的 Excel Application Scope 功能!
Thumbnail
在 UiPath 學習道路上,我們常會對各項功能、參數感到混亂,因此 RPAI 數位優化器將會介紹各項功能的使用方式以及參數設定,讓你更快速上手 RPA 流程開發!我們首先要介紹的,是在 UiPath 進行 Excel 相關活動時一定會使用的 Excel Application Scope 功能!
Thumbnail
機器人流程自動化(RPA)已成為企業數位轉型的關鍵技術,市面上有許多免費且易於使用的 RPA 軟體,如 UiPath。這篇文章教你如何快速、簡單地安裝 UiPath,這款操作門檻低、適合新手的工具。即使沒有 IT 或程式語言背景,任何人都能輕鬆上手並開始自動化工作,快開啟你的 RPA 學習之旅!
Thumbnail
機器人流程自動化(RPA)已成為企業數位轉型的關鍵技術,市面上有許多免費且易於使用的 RPA 軟體,如 UiPath。這篇文章教你如何快速、簡單地安裝 UiPath,這款操作門檻低、適合新手的工具。即使沒有 IT 或程式語言背景,任何人都能輕鬆上手並開始自動化工作,快開啟你的 RPA 學習之旅!
Thumbnail
初學者有時候無法順利執行RPA流程,可能只是因為未能留意系統的預設情況,因此我們在日期與時間(基礎篇)中,先簡單說明基本的時間格式與設定方法,協助初學者進行除錯,而進階篇則將透過實際操作,讓已經熟悉UiPath的學習者能靈活應用、加深印象!
Thumbnail
初學者有時候無法順利執行RPA流程,可能只是因為未能留意系統的預設情況,因此我們在日期與時間(基礎篇)中,先簡單說明基本的時間格式與設定方法,協助初學者進行除錯,而進階篇則將透過實際操作,讓已經熟悉UiPath的學習者能靈活應用、加深印象!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News