Embed & citation kit
Your profile. Ready to share.
Tiedata
Give customers a direct route to your WhatMSP profile. Choose a distinctive website badge, a compact email signature or a simple text link.
Optional. Free. Linked to your public profile.
Share your profile link
The browser could not copy automatically. Select the link and copy it.
01 · Your website
Your WhatMSP badge
A distinctive mark with your company name and a direct link to your profile. Choose the crest for a prominent spot on your website, or the wide badge for a compact footer.
Hover to see the light sweep. Motion respects your visitors’ accessibility settings.
Animated website badge · HTML + CSS
<style>
a.whatmsp-profile-badge {
position: relative; display: inline-block; max-width: 100%;
vertical-align: middle; isolation: isolate; line-height: 0; text-decoration: none;
filter: drop-shadow(0 4px 7px rgba(9, 21, 40, .16));
transition: transform 220ms ease, filter 220ms ease;
}
a.whatmsp-profile-badge--crest { width: 200px; }
a.whatmsp-profile-badge--compact { width: 360px; }
a.whatmsp-profile-badge::before, a.whatmsp-profile-badge::after {
content: ""; position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(110deg, transparent 25%, rgba(255, 237, 196, .22) 48%, transparent 70%);
opacity: 0; background-size: 300% 100%; background-position: 100% 0;
}
a.whatmsp-profile-badge--crest::before, a.whatmsp-profile-badge--crest::after {
clip-path: polygon(8% 0, 85.4% 0, 100% 13.3%, 100% 87.1%, 85.4% 100%, 14.6% 100%, 0 86.7%, 0 7.2%);
}
a.whatmsp-profile-badge--compact::before, a.whatmsp-profile-badge--compact::after {
border-radius: 10px; clip-path: polygon(0 0, 93.5% 0, 100% 26.8%, 100% 100%, 0 100%);
}
a.whatmsp-profile-badge::after { animation: whatmsp-profile-sheen 1800ms ease-out 500ms 1; }
a.whatmsp-profile-badge:focus-visible {
outline: 3px solid #A77D32; outline-offset: 4px;
transform: translateY(-2px); filter: drop-shadow(0 8px 10px rgba(9, 21, 40, .22));
}
a.whatmsp-profile-badge:focus-visible::before { animation: whatmsp-profile-sheen 1100ms ease-out 1; }
@media (hover: hover) {
a.whatmsp-profile-badge:hover {
transform: translateY(-2px); filter: drop-shadow(0 8px 10px rgba(9, 21, 40, .22));
}
a.whatmsp-profile-badge:hover::before { animation: whatmsp-profile-sheen 1100ms ease-out 1; }
}
@keyframes whatmsp-profile-sheen {
0% { opacity: 0; background-position: 100% 0; }
15%, 80% { opacity: 1; }
100% { opacity: 0; background-position: 0% 0; }
}
@media (prefers-reduced-motion: reduce) {
a.whatmsp-profile-badge { transition: none; }
a.whatmsp-profile-badge:hover, a.whatmsp-profile-badge:focus-visible { transform: none; }
a.whatmsp-profile-badge::before, a.whatmsp-profile-badge::after { animation: none !important; }
}
</style>
<a href="https://whatmsp.co.uk/msp/tiedata-limited" class="whatmsp-profile-badge whatmsp-profile-badge--compact" style="display:inline-block;max-width:100%">
<img src="https://whatmsp.co.uk/embed/tiedata-limited.svg?v=3" alt="View Tiedata on WhatMSP, the UK IT provider directory" width="460" height="112" loading="lazy"
style="display:block;width:100%;max-width:360px;height:auto;border:0">
</a>
The browser could not copy automatically. Select the code above and copy it.
Copy the whole snippet into a Custom HTML block. It includes the animation and needs no JavaScript or plugin.
Prefer a static badge?
Simple website badge · HTML
<a href="https://whatmsp.co.uk/msp/tiedata-limited">
<img src="https://whatmsp.co.uk/embed/tiedata-limited.svg?v=3"
alt="View Tiedata on WhatMSP, the UK IT provider directory"
width="460" height="112" loading="lazy" style="width:360px;max-width:100%;height:auto;border:0">
</a>
The browser could not copy automatically. Select the code above and copy it.
Use this version if your website editor removes styles, or you prefer a badge without motion.
How to add it to your website
- Open the footer or page editor in your website builder.
- Add a Custom HTML, Embed or Code block and paste the HTML above. In WordPress, use a Custom HTML block.
- Preview on desktop and mobile, then publish. Click the badge to check it opens your WhatMSP profile.
Some editors remove the animation styles. If that happens, use the simple website badge above. If your editor does not accept HTML, add the image using its image URL and link it to your profile.
02 · Your email
Make your signature work harder.
A compact PNG badge for email signatures. It uses a static image and a normal link, with no scripts or tracking parameters.
Tiedata
Your usual signature details go here.
HTML, for an email signature
<a href="https://whatmsp.co.uk/msp/tiedata-limited" style="display:inline-block;max-width:100%;text-decoration:none">
<img src="https://whatmsp.co.uk/embed/tiedata-limited.png?v=3" alt="View Tiedata on WhatMSP, the UK IT provider directory" width="345" height="84"
style="display:block;width:345px;max-width:100%;height:auto;border:0">
</a>
The browser could not copy automatically. Select the code above and copy it.
For signature tools that accept HTML. This PNG is displayed at 345 × 84 pixels.
Add it in Outlook or Gmail
- Open your email app’s signature settings and choose the signature you use for business email.
- Insert the PNG badge below your usual contact details. Use the image URL below if your editor accepts a web address, or save the PNG and insert that image.
- Select the image and add your public profile URL as its link. Keep the image proportions and use a width of about 345 pixels.
- Save and check a draft on desktop and mobile. Some recipients block remote images, so a text link is also useful.
03 · Keep it simple
A natural text link.
Use this in your website copy or email signature. You can adapt the wording to fit your page.
View our WhatMSP profileHTML, for a text link
<a href="https://whatmsp.co.uk/msp/tiedata-limited">View our WhatMSP profile</a>
The browser could not copy automatically. Select the code above and copy it.
A plain link works without a badge, script or image.
More sharing formats: Markdown and citations
Markdown, for a README or docs
[](https://whatmsp.co.uk/msp/tiedata-limited)
The browser could not copy automatically. Select the code above and copy it.
Cite this listing
Tiedata, listed on WhatMSP, the independent UK MSP register. https://whatmsp.co.uk/msp/tiedata-limited (accessed 4 October 2026).
The browser could not copy automatically. Select the code above and copy it.
For a proposal, tender response or reference list.
This embed is free. It always will be.
Using it is optional and does not affect this provider’s position in the register. There is no version of this mark you can buy.
The badge is a directory link. Being listed is not an independent endorsement. It does not mean WhatMSP has assessed or endorsed the provider, and it carries no score, certification or award.