How to Embed Lucidcharts in a Help Article
Embed Lucidchart diagrams into your ProProfs Knowledge Base articles to enhance user engagement and understanding.
Use Case: Explain a complex process in your article using a Lucidchart flowchart, making it visually appealing and easy for readers to follow.
Benefits of embedding Lucidcharts in a help article:
1. Display complex processes using neat Lucidchart flowcharts for enhanced clarity.
2. Provide a visual representation of steps for better comprehension
To Embed Lucidchart in Your ProProfs Knowledge Base Article
Step 1: Log in to your Lucidchart account.
Step 2: Create a new Lucidchart from scratch or use a template.
Step 3: Once done, navigate to Share >> Embed in the menu bar.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzMzMzUvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDM1KS5wbmciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE3MzIxODAzODF9fX1dfQ__&Signature=M4n7XmbQ-dkzMxiGk6OyGaCUKI38qP-FmQDTnIDkYlCxGP~sgtKu0JcQnixb7Z6-PJ9rhLUBewyDe2a9QR3zTvRo1LS6kaATTJ2bCH3Ypj142-ZRD7wk3fpemU-FX9FyhZuAfRWwieTUFpMvEpSbAU2Tgmmt8COrucWdRSF9f5suwQuur0lUd~sXXtuymZLkvsySiq1r-obS4iLyrCQ~FUBacGsLzDiNNjYhOFiYtwbb2MaDQw9~Wvti~4qbmkreaq-UgotvOSVYAymsjrbuSJgvZatlanTGvasaxuyNcJICfAGHnNVMvON2cg6FtgpIrMnuSFHcGzW4NavUgyg3fw__&Key-Pair-Id=K2TK3EG287XSFC)
Step 4: Click ‘Activate’ to activate the embed code. Copy it and click ‘Done.’
Step 5: Log in to your ProProfs Knowledge Base account and select the article in which you want to display the Lucidchart.
Step 6:
-
Click ‘Edit Page’
-
Select the Embed icon in the toolbar to embed media.
.gif?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzMzMzUvY2tmaW5kZXIvaW1hZ2VzL3F1L2V6Z2lmX2NvbS1naWYtbWFrZXIlMjAoNjEpLmdpZiIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTczMjE4MDM4MX19fV19&Signature=P8a3q9Wp8Lee6QUXs5JPExO03npHTAFa-nAwONXMNaC1pbZNHrSjRAZ8R0Dvx1PS72Pb9iJxaJB64hd7U1VoFD7~6HjqeHuWT5r7WZ8jqHn4GXv6UR51NTuaTn7UOA5i~Y6auEhorIgqMPVpljfB6shqEFw6PETwe3hh5Jw-QhJMXacbGE4kjTxfwCDr9r9EAwEITWpO5-aHJ5gnFGdb5YqhU9IwrSp9cO25fcoGQG3BCxPOZeHd2GkKYWzcoYz2Cwd3BoC-NCA8weytopTa1IjEw9rwRThIYZpK~pB5yO0lPAz9k8T5Qzk6Kd63J8eMucW1Ycn~knbXpOCmTtZuFQ__&Key-Pair-Id=K2TK3EG287XSFC)
-
Paste the embed code you copied into the space provided.
-
Click ‘OK’
Step 7: Click ‘Save’ to finalize changes and then ‘Preview’ to see the changes made.
Here’s what the embedded Lucidchart will look like in an article.
You get controls to view it in full screen and edit settings by clicking on the gear ‘⛭ ‘ icon.
At the bottom of the chart, you get a bunch of controls to customize it further.
That is all about embedding Lucidcharts in a help article created with ProProfs Knowledge Base.