Tier Cards
Tier Cards
Loading...
Blog
How to Embed or Share Your Tier List on Other Platforms

How to Embed or Share Your Tier List on Other Platforms

19 Jul 2025 Official

Creating a tier list is fun, but what if you want to share it on your blog, website, or forum? In this step-by-step guide, we’ll show you how to easily embed your tier list from TierCards and display it seamlessly on any platform that supports HTML.

Step 1: Open Your Tier List

First, visit the tier list you’ve created or want to share. For this demonstration, we'll use the following tier list as an example:

https://tiercards.com/tier-content/fast-food-tier-list-mcx4o8wo5h71o

Step 2: Click the "Embed" Button

Scroll to the bottom of your tier list page. You will find a button labeled "Embed". Click on this button to reveal the embed options.

Step 3: Copy the Embed Code or Link

After clicking the embed button, you will see a code like this:

<div style="height: 500px; width: 100%;">
  <iframe title="Fast Food Tier List Tier List" scrolling="no" frameborder="0" allowfullscreen 
  src="https://tiercards.com/embed/fast-food-tier-list-mcx4o8wo5h71o" 
  style="width: 100%; height: 100%; border-radius: 6px; box-shadow: 0 4px 8px rgba(0,0,0,0.15); 
  border: 1px solid rgba(141, 141, 141, 0.365);"></iframe>
</div>

Alternatively, you can just copy the direct embed URL:

https://tiercards.com/embed/fast-food-tier-list-mcx4o8wo5h71o

Step 4: Paste the Embed Code Where You Want

If you're using a blog or website builder (like WordPress, Blogger, or custom HTML), paste the embed code where you want the tier list to appear. The embed will work just like a YouTube video iframe!

Live Example:

Here’s what the embedded tier list looks like:

Where Can You Embed It?

  • Personal blog (WordPress, Blogger, Ghost, etc.)
  • HTML websites (like a portfolio or news site)
  • Notion or Medium (with embed block or iframe support)
  • Forums & Communities (Reddit, Discord with links)
  • Learning platforms (like Google Sites or LMS tools)

Final Tips

  • Make sure the platform where you paste the embed code supports HTML/iframe.
  • Use a responsive container like <div style="width: 100%"> to make sure it works on mobile.
  • If you only want to share the link, use the embed URL directly.

Start Sharing Your Tier List Today!

With TierCards, embedding your tier list has never been easier. Whether you’re showcasing your rankings on a blog or collaborating in a forum, embedding helps you make your content interactive and accessible everywhere.

Ready to try it? Create or explore tier lists at TierCards.com and start embedding today!

Related Blogs