How to embed HTML code on your Linkie page

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

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.

Open the Cards menu

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.

Preview your embed

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

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 page 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 page. 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>

Optional template: event announcement

Use this template to promote an upcoming workshop, launch, live stream, or in-person event. Replace the date, event details, 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"><div style="display:inline-block;padding:6px 10px;background:#0071d0!important;color:#fff!important;border-radius:999px;font-size:12px;font-weight:bold;letter-spacing:.4px">UPCOMING EVENT</div><h2 style="margin:14px 0 6px;font-size:26px;line-height:1.2">Build your brand workshop</h2><p style="margin:0 0 18px;color:#c7c9cf!important;line-height:1.5">Join me for a practical session on creating a profile that turns visitors into customers.</p><div style="padding:14px;background:#23262c!important;border-radius:10px"><strong>Thursday, 18 September · 6:00 PM</strong><br><small style="color:#c7c9cf!important">Live online · Free registration</small></div><a href="https://example.com/register" target="_blank" rel="noopener noreferrer" style="display:block;margin-top:14px;padding:12px 16px;background:#0071d0!important;color:#fff!important;border-radius:8px;text-align:center;text-decoration:none;font-weight:bold">Save your spot →</a></div>

Optional template: book a service

Use this template to highlight a service and send visitors to your booking page. Replace the service details, price, and booking URL 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"><div style="display:flex;justify-content:space-between;gap:12px;align-items:flex-start"><div><p style="margin:0;color:#81c5ff!important;font-size:13px;font-weight:bold;letter-spacing:.4px">1:1 SERVICE</p><h2 style="margin:6px 0;font-size:26px;line-height:1.2">Content strategy session</h2></div><strong style="padding:7px 10px;background:#23262c!important;border-radius:8px;white-space:nowrap">From $99</strong></div><p style="margin:8px 0 18px;color:#c7c9cf!important;line-height:1.5">A focused 60-minute call to plan your content, refine your message, and decide what to publish next.</p><div style="padding:12px 14px;background:#23262c!important;border-left:3px solid #0071d0;border-radius:8px"><small style="color:#fff!important">✓ Personalized recommendations<br>✓ Clear next steps after the call</small></div><a href="https://example.com/book" target="_blank" rel="noopener noreferrer" style="display:block;margin-top:14px;padding:12px 16px;background:#0071d0!important;color:#fff!important;border-radius:8px;text-align:center;text-decoration:none;font-weight:bold">Book a session →</a></div>

Optional template: latest resources

Use this template to group your newest video, podcast episode, article, or free download in one polished card. Replace the resource titles 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 0 4px;font-size:26px">Fresh from the studio</h2><p style="margin:0 0 16px;color:#c7c9cf!important">Start with the resource that fits you best.</p><a href="https://example.com/video" target="_blank" rel="noopener noreferrer" style="display:block;margin:10px 0;padding:13px 14px;background:#23262c!important;color:#fff!important;border-radius:10px;text-decoration:none"><span style="color:#81c5ff!important;font-size:12px;font-weight:bold">WATCH</span><br><strong style="display:inline-block;margin-top:3px">How I plan a month of content</strong><span style="float:right;color:#81c5ff!important">→</span></a><a href="https://example.com/podcast" target="_blank" rel="noopener noreferrer" style="display:block;margin:10px 0;padding:13px 14px;background:#23262c!important;color:#fff!important;border-radius:10px;text-decoration:none"><span style="color:#81c5ff!important;font-size:12px;font-weight:bold">LISTEN</span><br><strong style="display:inline-block;margin-top:3px">The small-business growth podcast</strong><span style="float:right;color:#81c5ff!important">→</span></a><a href="https://example.com/guide" target="_blank" rel="noopener noreferrer" style="display:block;padding:13px 14px;background:#23262c!important;color:#fff!important;border-radius:10px;text-decoration:none"><span style="color:#81c5ff!important;font-size:12px;font-weight:bold">READ</span><br><strong style="display:inline-block;margin-top:3px">My free audience-building guide</strong><span style="float:right;color:#81c5ff!important">→</span></a></div>

Optional template: work with me

Use this template to make it easy for potential clients and collaborators to contact you. Replace the services, response time, and email address 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"><p style="margin:0;color:#81c5ff!important;font-size:13px;font-weight:bold;letter-spacing:.4px">LET'S COLLABORATE</p><h2 style="margin:8px 0;font-size:27px;line-height:1.2">Have a project in mind?</h2><p style="margin:0 0 16px;color:#d1d8df!important;line-height:1.5">I partner with brands on creative campaigns, sponsored content, and long-term collaborations.</p><div style="margin-bottom:16px;padding:12px 14px;background:rgba(0,0,0,.16)!important;border-radius:10px"><small style="color:#fff!important">Available for: brand partnerships · UGC · speaking<br>Typical reply time: 1–2 business days</small></div><a href="mailto:hello@example.com?subject=Collaboration%20enquiry" style="display:block;padding:12px 16px;background:#0071d0!important;color:#fff!important;border-radius:8px;text-align:center;text-decoration:none;font-weight:bold">Start a conversation →</a></div>

Updated on: 14/08/2026