The InspireMe Quote Widget lets you easily embed inspirational quotes on any external website. Display quotes on your blog, portfolio, or internal pages with just one line of code.

Widget Types

Widget	Description
Quote of the Day	Displays a quote that changes automatically every day
Random Quote	Displays a random quote on each page load
Slider	Displays multiple quotes in an auto-sliding carousel

Embedding Methods

InspireMe widgets are available in two formats.

Feature	Script Tag	Web Component
Target	Any website (HTML only)	Any website + any framework
Setup	Copy and paste code	<script> one line
Multiple widgets	Extra handling needed	Place multiple tags
Style isolation	Shadow DOM (manual)	Shadow DOM (built-in)
Dynamic updates	None	Auto re-render on attribute change
Recommended for	Simple embed (single widget)	Framework projects, multiple widgets

Quick Start

Step 1: Generate Widget Code

Visit the Widget page to select your widget type and customize options. The embed code is generated automatically. Switch between the Script Tag or Web Component tab to copy the format you need.

Step 2: Add the Code

Script Tag

Paste the following code into your HTML.

<div id="inspireme-widget"></div>
<script
  src="https://inspireme.advenoh.pe.kr/widget/embed.js"
  data-type="quote-of-the-day"
  data-lang="en"
  data-theme="light"
></script>

Web Component

Load the script once, then use the <inspireme-quote> tag.

<script src="https://inspireme.advenoh.pe.kr/widget/inspireme-quote.js"></script>

<inspireme-quote
  type="quote-of-the-day"
  lang="en"
  theme="light"
></inspireme-quote>

You can place multiple widgets on the same page.

<inspireme-quote type="quote-of-the-day" lang="en"></inspireme-quote>
<inspireme-quote type="random" lang="en" theme="dark"></inspireme-quote>

Works the same in React, Vue, Angular, and any other framework.

Step 3: Done

Once inserted, the widget automatically fetches and displays quotes. No API key or authentication setup is required.

Supported Environments

• All modern browsers (Chrome, Firefox, Safari, Edge)
• Mobile browsers
• WordPress, Blogger, and any platform that supports HTML embedding
• React, Vue, Angular, and all frameworks (Web Component)