[GH-ISSUE #203] Add a comprehensive guide on "How to Use Hoppscotch Widgets?" #57

New issue

Closed

opened 2026-03-16 12:21:35 +03:00 by kerem · 2 comments

kerem commented

2026-03-16 12:21:35 +03:00

Owner

Originally created by @SanskritiHarmukh on GitHub (Jun 19, 2024).
Original GitHub issue: https://github.com/hoppscotch/docs/issues/203

Originally assigned to: @ganeshpatil386386 on GitHub.

Overview:

Hoppscotch has a Guides section that consists of articles and How-to Guides. Widgets are small, interactive components that can be embedded in HTML pages to provide a dynamic environment for users.

There are three types of Hoppscotch Widgets that you can generate:
-> Links
-> Buttons
-> Embeds

What You Need to Do:

Write a guide on "How to Use Hoppscotch Widgets?", showcasing the application of widgets on either your sample project, an external website, or a blog site. Include code snippets and multimedia content to demonstrate the results.

Resources:

Open the documentation in Dev mode by following the instructions in the README file.
You can use various Mintlify components in the article. Learn how to use them through their documentation.

Originally created by @SanskritiHarmukh on GitHub (Jun 19, 2024). Original GitHub issue: https://github.com/hoppscotch/docs/issues/203 Originally assigned to: @ganeshpatil386386 on GitHub. ## Overview: Hoppscotch has a [**Guides section**](https://docs.hoppscotch.io/guides/getting-started/introduction) that consists of articles and How-to Guides. [**Widgets**](https://docs.hoppscotch.io/documentation/features/widgets) are small, interactive components that can be embedded in HTML pages to provide a dynamic environment for users. There are three types of Hoppscotch Widgets that you can generate: -> [Links](https://docs.hoppscotch.io/documentation/features/widgets#links) -> [Buttons](https://docs.hoppscotch.io/documentation/features/widgets#buttons) -> [Embeds](https://docs.hoppscotch.io/documentation/features/widgets#embeds) ## What You Need to Do: Write a guide on "**How to Use Hoppscotch Widgets?**", showcasing the application of widgets on either your sample project, an external website, or a blog site. Include code snippets and multimedia content to demonstrate the results. ## Resources: - Open the documentation in Dev mode by following the instructions in the [README file](https://github.com/hoppscotch/docs/blob/main/README.md). - You can use various Mintlify components in the article. Learn how to use them through their [documentation](https://mintlify.com/docs/quickstart).