Embed & citation kit
Your profile. Ready to share.
3Gi Technology
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 listed badge
Your company name, a clear WhatMSP mark and a direct link to your profile. A soft gold sheen welcomes visitors, with a gentle lift when they hover over the badge.
Hover over the badge to see it shine. Motion is disabled for visitors who prefer reduced animation.
Animated website badge · HTML + CSS
<style>
a.whatmsp-profile-badge {
position: relative; display: inline-block; width: 360px; max-width: 100%;
vertical-align: middle; overflow: hidden; isolation: isolate;
border-radius: 14px; line-height: 0; text-decoration: none;
box-shadow: 0 4px 14px rgba(9, 21, 40, .16);
transition: transform 220ms ease, box-shadow 220ms ease;
}
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; transform: translateX(-125%);
}
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); box-shadow: 0 8px 22px 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); box-shadow: 0 8px 22px 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; transform: translateX(-125%); }
15%, 80% { opacity: 1; }
100% { opacity: 0; transform: translateX(125%); }
}
@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/3gi-technology" class="whatmsp-profile-badge" style="display:inline-block;max-width:100%">
<img src="https://whatmsp.co.uk/embed/3gi-technology.svg?v=2" alt="View 3Gi Technology 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/3gi-technology">
<img src="https://whatmsp.co.uk/embed/3gi-technology.svg?v=2"
alt="View 3Gi Technology on WhatMSP, the UK IT provider directory"
width="460" height="112" loading="lazy" style="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.
3Gi Technology
Your usual signature details go here.
HTML, for an email signature
<a href="https://whatmsp.co.uk/msp/3gi-technology" style="display:inline-block;max-width:100%;text-decoration:none">
<img src="https://whatmsp.co.uk/embed/3gi-technology.png?v=2" alt="View 3Gi Technology 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/3gi-technology">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/3gi-technology)
The browser could not copy automatically. Select the code above and copy it.
Cite this listing
3Gi Technology, listed on WhatMSP, the independent UK MSP register. https://whatmsp.co.uk/msp/3gi-technology (accessed 2 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.
Make the profile behind your badge your own
If this is your business, confirm ownership to update your services, description, logo and contact details. Managing your company profile is free.
Manage this company profile →