HTML & Markdown Embedding

Learn how to embed your MEMsched widget using HTML or Markdown.

Before embedding your widget, make sure you have created a public widget in your dashboard. Each widget has its unique URL that you'll use in the code snippets below.

HTML and Markdown Embedding

You can embed your widget in any HTML page or Markdown document. You can decide to link the widget to your profile or not.

With Profile Link

This option wraps your widget in a link that directs users to your MEMsched profile when clicked:

    <a href="http://sveltekit-prerender/johndoe" target="_blank">
    <img src="http://sveltekit-prerender/api/widgets/example?svg" 
         alt="Learning Progress"
         height="80"
    />
</a>

Without Profile Link

Use this option if you want to display the widget without making it clickable:

    <img src="http://sveltekit-prerender/api/widgets/example?svg" 
     alt="Learning Progress"
     height="80"
/>

Customization Options

You can customize how your widget appears by adding parameters to the widget URL:

height - Adjust the height of the widget (default: 80px)

Troubleshooting

Common Issues

Widget not displaying: Ensure the widget URL is correct and your widget is public
Wrong size: Check if you've specified the correct height value
Styling conflicts: Try using style="height: 80px" instead of the height="80" parameter

← Quick Start