Brand the embedded Visibility card

What the card is

The Visibility card is the box your product shows each company: which AI assistants name it, its website readiness score and its top fixes. It says Powered by LegitGeo, and it follows your color, corners and type.

Only admins can change the card. For anyone else, the color, corner and site fields are locked and there is no Save appearance button, so nothing they try is saved. Live preview shows “The card could not load…” for them instead of the card.

Set the card’s look

1. In the sidebar, select Partners, then the Embed tab.

2. Under Appearance, set the Accent colour: pick one, or type a six-digit hex code such as #0071e3. It colors the card’s buttons and the chips for assistants that name the company.

3. Drag Corner radius to round the corners, from 0 to 24 pixels.

4. Under Typeface, choose Your system font, Inter or Serif. The card uses fonts already on the visitor’s device, so nothing extra downloads.

5. In Sites allowed to show the card, enter every site address that will show it, one per line, such as https://portal.yourplatform.com, with no path after it.

6. Select Save appearance.

   

   Close

You see “Embed settings saved.” A color that is not six-digit hex shows “Use a six-digit hex colour, like #0071e3.”, and an address with a path says it is not an origin and asks for the form https://app.example.com.

Check the live preview

Live preview shows the card for one of your test companies, through the same script your product loads. It changes as you adjust the settings, before you save. With more than one test company, pick another in the menu above the preview.

If it says “Create a test account to see the card here.”, your developers need to create a test company first.

Add the card to your product

1. Under Add it to your product, select Copy next to On your server and give it to your developers. It creates an account for a company once, and each time the card opens it asks LegitGeo for a short-lived session.

2. Select Copy next to In your page. It is the script tag and the few lines that place the card on your page.

   

   Close

Use a test key until the card looks right, then switch to a live key. A session works once and lasts 15 minutes, so the card never sees your secret key. The card loads when it scrolls into view and fits widths from 300 to 760 pixels.

Light, dark or automatic color scheme is set in the code on your page, not in the console.