How to embed HTML code

Step-by-step guide on how to embed HTML code on your Linkie profile

Use HTML Code when you want to add something that Paste URL does not support. You can add a service's embed code, such as a form or widget, or create a simple custom HTML block of your own.

Click Click to add link, post, embed, etc. in the playground.

Choose HTML Embed

Click HTML Embed.

Select HTML Code

Choose HTML Code.

Copy the embed code

Open the service or custom HTML file you want to add. Look for an Embed, Share, Add to website, or Copy code option, then copy the code it provides. If you created your own HTML, copy that instead.

Paste the code in Linkie

Go back to Linkie and paste the code into the HTML Code field. You can also add an optional title for tracking analytics, then click Add embed.

Provider embeds that use an iframe are the most reliable for forms and widgets. Custom HTML can display basic content such as headings, text, and links, but scripts and event attributes such as onclick may be blocked for security.

Preview your embed

Click Preview at the top right of the playground to check the embed on your Linkie profile.

Things to note

Use Paste URL first when the service supports it. Use HTML Code for provider embed code or custom HTML.
Use custom HTML for styled content and links. Use a provider's iframe code for interactive tools such as forms and widgets.
The source service controls whether its content can be embedded.
Choose Square to display the embed in your profile grid, or Full size to display it across the full width of its row.

Optional template: affiliate product picks

Use this template to share affiliate products on your Linkie profile. Replace the product names, descriptions, and example URLs with your own.

<div style="width:100%;box-sizing:border-box;padding:20px;background:#1b1d21!important;color:#fff!important;border:1px solid #3e4046;border-radius:16px;font-family:Arial,sans-serif"><h2 style="margin:0;text-align:center;font-size:28px">My Creator Kit</h2><p style="margin:8px 0 18px">Three tools I use every day.</p><div style="width:100%;box-sizing:border-box;margin:10px 0;padding:14px;background:#23262c!important;border-radius:10px"><strong>Ergonomic desk chair</strong><br><small>Comfort for long editing sessions.</small><br><a href="https://example.com/chair?ref=your-affiliate-id" target="_blank" rel="noopener noreferrer" style="display:inline-block;margin-top:10px;padding:10px 14px;background:#0071d0!important;color:#fff!important;border-radius:7px;text-decoration:none">Shop the chair →</a></div><div style="width:100%;box-sizing:border-box;margin:10px 0;padding:14px;background:#23262c!important;border-radius:10px"><strong>Noise-cancelling headphones</strong><br><small>For focus, travel, and client calls.</small><br><a href="https://example.com/headphones?ref=your-affiliate-id" target="_blank" rel="noopener noreferrer" style="display:inline-block;margin-top:10px;padding:10px 14px;background:#0071d0!important;color:#fff!important;border-radius:7px;text-decoration:none">Shop the headphones →</a></div><div style="width:100%;box-sizing:border-box;padding:14px;background:#23262c!important;border-radius:10px"><strong>Adjustable laptop stand</strong><br><small>A simple upgrade for better posture.</small><br><a href="https://example.com/laptop-stand?ref=your-affiliate-id" target="_blank" rel="noopener noreferrer" style="display:inline-block;margin-top:10px;padding:10px 14px;background:#0071d0!important;color:#fff!important;border-radius:7px;text-decoration:none">Shop the stand →</a></div><small style="display:block;margin-top:16px">Some links may earn me a commission at no extra cost to you.</small></div>

Updated on: 14/07/2026

Was this article helpful?

Thank you!