The Embed Dashboard allows you to embed a fully functional version of your brand guide inside another website — such as a client portal, intranet, or design system hub.
It works through a secure, domain‑restricted iframe that only you can generate.

This is perfect for agencies, teams, and organizations that want to integrate MyStyleGuide.io directly into their existing platforms.

🌟 What You Can Do with the Embed Dashboard

From this screen, you can:

• Generate a secure embed key
• Restrict embedding to a specific domain
• Copy a ready‑to‑use iframe code snippet
• Delete an existing embed dashboard
• Re‑generate a new embed key if needed

Each user can have one embed dashboard at a time.

🧭 Page Overview

When you open the Embed Dashboard page, you’ll see one of two states:

1. You Already Have an Embed Dashboard

If you’ve previously created an embed key, you’ll see:

Allowed Domain

The domain where embedding is permitted (e.g., https://example.com).

Embed Code

A ready‑to‑paste iframe snippet, such as:

https://mystyleguide.io/.../embed/?key=XXXX 

You can paste this into:

• A client portal
• A CMS page
• A design system site
• An internal documentation hub

Delete Embed Dashboard

A button that removes your embed key entirely.

Once deleted, the iframe will stop working until you generate a new one.

2. You Don’t Have an Embed Dashboard Yet

If no embed key exists, you’ll see a form to create one.

Allowed Domain

Enter the domain where the dashboard will be embedded, such as:

• https://clientportal.com
• https://design.mycompany.com
• https://studio.example.com

Only this domain will be allowed to load the iframe.

This prevents unauthorized embedding.

Generate Embed Dashboard

Click the button to create your embed key and receive your iframe code.

🔐 Security & Domain Restrictions

The embed system is designed with security in mind:

• Each embed key is tied to a specific user
• Only the domain you specify can load the iframe
• You can delete and regenerate your key at any time
• If deleted, all existing embeds immediately stop working

This ensures your brand guide is only accessible where you explicitly allow it.

🧼 Deleting Your Embed Dashboard

Click Delete Embed Dashboard to remove your embed key.

This is useful when:

• You no longer want the dashboard embedded
• You want to change the allowed domain
• You want to reset your embed key

After deletion, you can generate a new one at any time.

🎯 Summary

The Embed Dashboard helps you:

• Integrate your brand guide into any external website
• Provide clients or teams with a seamless embedded experience
• Maintain security with domain‑restricted access
• Manage your embed key with one click

It’s a powerful way to extend your brand guide beyond MyStyleGuide.io.